@tilde-nlp/ngx-common 8.1.73 → 8.1.74

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.
@@ -2303,7 +2303,7 @@ class CompanyProductModule {
2303
2303
  (function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(CompanyProductModule, { declarations: [CompanyProductComponent], imports: [CommonModule], exports: [CompanyProductComponent] }); })();
2304
2304
 
2305
2305
  const _c0$c = a0 => ({ currentYear: a0 });
2306
- const _c1$7 = a0 => [a0];
2306
+ const _c1$6 = a0 => [a0];
2307
2307
  function FooterComponent_ng_container_6_a_1_Template(rf, ctx) { if (rf & 1) {
2308
2308
  i0.ɵɵelementStart(0, "a", 7);
2309
2309
  i0.ɵɵtext(1);
@@ -2333,7 +2333,7 @@ function FooterComponent_ng_container_6_a_3_Template(rf, ctx) { if (rf & 1) {
2333
2333
  i0.ɵɵelementEnd();
2334
2334
  } if (rf & 2) {
2335
2335
  const ctx_r0 = i0.ɵɵnextContext(2);
2336
- i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c1$7, ctx_r0.contactUsRoute));
2336
+ i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c1$6, ctx_r0.contactUsRoute));
2337
2337
  i0.ɵɵadvance();
2338
2338
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.CONTACT_US"));
2339
2339
  } }
@@ -2357,7 +2357,7 @@ function FooterComponent_ng_template_7_a_0_Template(rf, ctx) { if (rf & 1) {
2357
2357
  i0.ɵɵelementEnd();
2358
2358
  } if (rf & 2) {
2359
2359
  const ctx_r0 = i0.ɵɵnextContext(2);
2360
- i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c1$7, ctx_r0.termsOfUseRoute));
2360
+ i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c1$6, ctx_r0.termsOfUseRoute));
2361
2361
  i0.ɵɵadvance();
2362
2362
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.TERMS_OF_USE"));
2363
2363
  } }
@@ -2368,7 +2368,7 @@ function FooterComponent_ng_template_7_a_1_Template(rf, ctx) { if (rf & 1) {
2368
2368
  i0.ɵɵelementEnd();
2369
2369
  } if (rf & 2) {
2370
2370
  const ctx_r0 = i0.ɵɵnextContext(2);
2371
- i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c1$7, ctx_r0.privacyRoute));
2371
+ i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c1$6, ctx_r0.privacyRoute));
2372
2372
  i0.ɵɵadvance();
2373
2373
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.PRIVACY"));
2374
2374
  } }
@@ -2379,7 +2379,7 @@ function FooterComponent_ng_template_7_a_2_Template(rf, ctx) { if (rf & 1) {
2379
2379
  i0.ɵɵelementEnd();
2380
2380
  } if (rf & 2) {
2381
2381
  const ctx_r0 = i0.ɵɵnextContext(2);
2382
- i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c1$7, ctx_r0.contactUsRoute));
2382
+ i0.ɵɵproperty("routerLink", i0.ɵɵpureFunction1(4, _c1$6, ctx_r0.contactUsRoute));
2383
2383
  i0.ɵɵadvance();
2384
2384
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 2, "FOOTER.CONTACT_US"));
2385
2385
  } }
@@ -2952,7 +2952,7 @@ class ExtensionDialogModule {
2952
2952
  const FILE_UPLOAD_ICON = `<svg width="23" height="22" viewBox="0 0 23 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.4999 15V19H3.49992V15H0.833252V19C0.833252 20.4666 2.03325 21.6666 3.49992 21.6666H19.4999C20.9666 21.6666 22.1666 20.4666 22.1666 19V15H19.4999ZM4.83325 6.99998L6.71325 8.87998L10.1666 5.43998V16.3333H12.8333V5.43998L16.2866 8.87998L18.1666 6.99998L11.4999 0.333313L4.83325 6.99998Z" fill="currentColor"/></svg>`;
2953
2953
 
2954
2954
  const _c0$b = ["fileInput"];
2955
- const _c1$6 = ["*", [["", "customLimits", ""]]];
2955
+ const _c1$5 = ["*", [["", "customLimits", ""]]];
2956
2956
  const _c2$3 = ["*", "[customLimits]"];
2957
2957
  const _c3$1 = a0 => ({ maxSize: a0 });
2958
2958
  function FileUploadComponent_mat_progress_bar_1_Template(rf, ctx) { if (rf & 1) {
@@ -3136,7 +3136,7 @@ class FileUploadComponent {
3136
3136
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.fileInput = _t.first);
3137
3137
  } }, inputs: { accept: "accept", useCompactUpload: "useCompactUpload", maxSize: "maxSize", multiple: "multiple", filePreviewProgress: "filePreviewProgress", allowEmpty: "allowEmpty", disabled: "disabled", dragZoneLabel: "dragZoneLabel", uploadIconName: "uploadIconName", uploadButtonLabel: "uploadButtonLabel", openExtensionPopupLabel: "openExtensionPopupLabel", minSupportedFormatCount: "minSupportedFormatCount", hideDefaultLimitsLabel: "hideDefaultLimitsLabel", extendedAcceptList: "extendedAcceptList" }, outputs: { fileChange: "fileChange", errorEvent: "errorEvent" }, standalone: false, ngContentSelectors: _c2$3, decls: 7, vars: 9, consts: [["regularUpload", ""], ["fileInput", ""], ["inputButton", ""], [1, "file-upload", 3, "ngClass.lt-sm"], ["color", "primary", "class", "tld-file-upload-progress", 3, "value", 4, "ngIf"], [4, "ngIf", "ngIfElse"], ["testId", "input-file-upload", "type", "file", "name", "files", 1, "native-file-input", 3, "change", "accept", "multiple", "disabled"], ["color", "primary", 1, "tld-file-upload-progress", 3, "value"], ["tldDragAndDrop", "", "mat-button", "", "type", "button", 1, "upload-button", "text-l", 3, "fileDropped", "click", "disabled"], [4, "ngIf"], ["tldDragAndDrop", "", 1, "upload-zone", 3, "fileDropped"], ["svgIcon", "file_upload_icon"], [1, "upload-zone-labels"], ["color", "accent", 1, "file-upload--btn", 3, "click"], ["fxHide.lt-sm", "", 1, "upload-label", 3, "innerHTML"], [1, "upload-zone-formats"], [4, "ngFor", "ngForOf"], [3, "innerHTML", 4, "ngIf"], [1, "supported-formats-btn"], [3, "innerHTML"], [1, "supported-formats-btn", 3, "click"]], template: function FileUploadComponent_Template(rf, ctx) { if (rf & 1) {
3138
3138
  const _r1 = i0.ɵɵgetCurrentView();
3139
- i0.ɵɵprojectionDef(_c1$6);
3139
+ i0.ɵɵprojectionDef(_c1$5);
3140
3140
  i0.ɵɵelementStart(0, "div", 3);
3141
3141
  i0.ɵɵtemplate(1, FileUploadComponent_mat_progress_bar_1_Template, 1, 1, "mat-progress-bar", 4)(2, FileUploadComponent_ng_container_2_Template, 5, 2, "ng-container", 5)(3, FileUploadComponent_ng_template_3_Template, 13, 7, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
3142
3142
  i0.ɵɵelementStart(5, "input", 6, 1);
@@ -3236,7 +3236,7 @@ class FileUploadModule {
3236
3236
  TranslateModule], exports: [FileUploadComponent] }); })();
3237
3237
 
3238
3238
  const _c0$a = ["filterWrapper"];
3239
- const _c1$5 = ["optionSearchInput"];
3239
+ const _c1$4 = ["optionSearchInput"];
3240
3240
  const _c2$2 = a0 => ({ default: a0 });
3241
3241
  const _forTrack0$2 = ($index, $item) => $item.fieldName;
3242
3242
  const _forTrack1 = ($index, $item) => $item.key;
@@ -3595,7 +3595,7 @@ class FilterBarComponent {
3595
3595
  static { this.ɵfac = function FilterBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FilterBarComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.TranslateService)); }; }
3596
3596
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilterBarComponent, selectors: [["tld-filter-bar"]], viewQuery: function FilterBarComponent_Query(rf, ctx) { if (rf & 1) {
3597
3597
  i0.ɵɵviewQuery(_c0$a, 5);
3598
- i0.ɵɵviewQuery(_c1$5, 5);
3598
+ i0.ɵɵviewQuery(_c1$4, 5);
3599
3599
  } if (rf & 2) {
3600
3600
  let _t;
3601
3601
  i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterWrapper = _t.first);
@@ -3760,7 +3760,7 @@ class StatusDisplayComponent {
3760
3760
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(StatusDisplayComponent, { className: "StatusDisplayComponent", filePath: "lib/status-display/status-display.component.ts", lineNumber: 10 }); })();
3761
3761
 
3762
3762
  const _c0$8 = ["tableContainer"];
3763
- const _c1$4 = ["filterBar"];
3763
+ const _c1$3 = ["filterBar"];
3764
3764
  const _c2$1 = [[["", "additionalActions", ""]], [["", "batchActions", ""]], "*"];
3765
3765
  const _c3 = ["[additionalActions]", "[batchActions]", "*"];
3766
3766
  const _c4 = () => [10];
@@ -4287,7 +4287,7 @@ class MultiFunctionalTableComponent {
4287
4287
  i0.ɵɵviewQuery(MatTable, 7);
4288
4288
  i0.ɵɵviewQuery(MatSort, 5);
4289
4289
  i0.ɵɵviewQuery(_c0$8, 5);
4290
- i0.ɵɵviewQuery(_c1$4, 5);
4290
+ i0.ɵɵviewQuery(_c1$3, 5);
4291
4291
  i0.ɵɵviewQuery(MatPaginator, 5);
4292
4292
  i0.ɵɵviewQuery(MatTable, 5, ElementRef);
4293
4293
  } if (rf & 2) {
@@ -5459,7 +5459,7 @@ class TerminologyService {
5459
5459
  }], () => [{ type: TerminologyConfigService }, { type: AlertService }, { type: TerminologyCollectionService }, { type: TerminologyApiService }], null); })();
5460
5460
 
5461
5461
  const _c0$6 = a0 => ({ termCount: a0 });
5462
- const _c1$3 = a0 => ({ date: a0 });
5462
+ const _c1$2 = a0 => ({ date: a0 });
5463
5463
  function TerminologyCollectionCardComponent_ng_container_0_span_6_Template(rf, ctx) { if (rf & 1) {
5464
5464
  i0.ɵɵelementStart(0, "span", 13);
5465
5465
  i0.ɵɵtext(1);
@@ -5554,7 +5554,7 @@ function TerminologyCollectionCardComponent_ng_container_0_div_8_span_7_Template
5554
5554
  } if (rf & 2) {
5555
5555
  const ctx_r1 = i0.ɵɵnextContext(3);
5556
5556
  i0.ɵɵadvance();
5557
- i0.ɵɵtextInterpolate1(" \u2022 ", i0.ɵɵpipeBind2(3, 3, ctx_r1.localizationKey + "LAST_UPDATED", i0.ɵɵpureFunction1(6, _c1$3, i0.ɵɵpipeBind1(2, 1, ctx_r1.collection.lastUpdated))), " ");
5557
+ i0.ɵɵtextInterpolate1(" \u2022 ", i0.ɵɵpipeBind2(3, 3, ctx_r1.localizationKey + "LAST_UPDATED", i0.ɵɵpureFunction1(6, _c1$2, i0.ɵɵpipeBind1(2, 1, ctx_r1.collection.lastUpdated))), " ");
5558
5558
  } }
5559
5559
  function TerminologyCollectionCardComponent_ng_container_0_div_8_Template(rf, ctx) { if (rf & 1) {
5560
5560
  i0.ɵɵelementStart(0, "div", 15);
@@ -5710,15 +5710,15 @@ class TerminologyCollectionCardComponent {
5710
5710
  return collection.termId !== null && collection.termEntries <= 0 || collection.default;
5711
5711
  }
5712
5712
  static { this.ɵfac = function TerminologyCollectionCardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TerminologyCollectionCardComponent)(i0.ɵɵdirectiveInject(TerminologyService), i0.ɵɵdirectiveInject(TerminologyCollectionService)); }; }
5713
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TerminologyCollectionCardComponent, selectors: [["lib-terminology-collection-card"]], inputs: { collection: "collection", selected: "selected", localizationKey: "localizationKey", tooltipLocalizationKey: "tooltipLocalizationKey", sourceLanguageCode: "sourceLanguageCode", engineId: "engineId", targetLanguageCode: "targetLanguageCode", hasEditPermissions: "hasEditPermissions", showCollectionLanguages: "showCollectionLanguages" }, outputs: { glossarySelectEvent: "glossarySelectEvent" }, standalone: false, decls: 1, vars: 1, consts: [["currentDirection", ""], ["termCount", ""], [4, "ngIf"], ["fxLayout", "row", "fxLayoutAlign", "start center"], ["fxFlex", "", "fxLayoutAlign", "center center", 3, "click", "disabled", "matTooltip"], [1, "collection-label"], ["class", "text-m-semi-bold", 3, "matTooltip", 4, "ngIf"], ["class", "text-m-semi-bold", 4, "ngIf"], ["class", "collection-details", 4, "ngIf"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.5rem", 1, "collection-label-block", "collection-status-labels", "text-s"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.25rem", 4, "ngIf"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.5rem", 4, "ngIf"], ["mat-button", "", "color", "primary", 3, "matTooltip", "click", 4, "ngIf"], [1, "text-m-semi-bold", 3, "matTooltip"], [1, "text-m-semi-bold"], [1, "collection-details"], [4, "ngIf", "ngIfElse"], [3, "innerHTML", 4, "ngIf", "ngIfElse"], ["class", "collection-label-block text-s", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["class", "collection-term-count", 4, "ngIf"], ["class", "collection-languages", 4, "ngIf"], [1, "collection-languages"], [1, "collection-term-count"], [3, "innerHTML"], [1, "collection-label-block", "text-s"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.25rem"], ["color", "accent", 1, "material-icons", "collection-list-error"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.5rem"], ["color", "accent", "diameter", "20"], ["mat-button", "", "color", "primary", 3, "click", "matTooltip"], ["fxLayout", "row", "fxLayoutAlign", "start center", 1, "text-s"], [1, "pt-1"], ["class", "collection-list-edit", "mat-icon-button", "", "target", "_blank", 3, "matTooltip", 4, "ngIf"], ["mat-icon-button", "", "target", "_blank", 1, "collection-list-edit", 3, "matTooltip"], [1, "material-icons", "material-icons-outlined"]], template: function TerminologyCollectionCardComponent_Template(rf, ctx) { if (rf & 1) {
5713
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TerminologyCollectionCardComponent, selectors: [["lib-terminology-collection-card"]], inputs: { collection: "collection", selected: "selected", localizationKey: "localizationKey", tooltipLocalizationKey: "tooltipLocalizationKey", sourceLanguageCode: "sourceLanguageCode", engineId: "engineId", targetLanguageCode: "targetLanguageCode", hasEditPermissions: "hasEditPermissions", showCollectionLanguages: "showCollectionLanguages" }, outputs: { glossarySelectEvent: "glossarySelectEvent" }, standalone: false, decls: 1, vars: 1, consts: [["currentDirection", ""], ["termCount", ""], [4, "ngIf"], ["fxLayout", "row", "fxLayoutAlign", "start center"], ["fxFlex", "", "fxLayoutAlign", "center center", 3, "click", "disabled", "matTooltip"], [1, "collection-label"], ["class", "text-m-semi-bold", 3, "matTooltip", 4, "ngIf"], ["class", "text-m-semi-bold", 4, "ngIf"], ["class", "collection-details", 4, "ngIf"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.5rem", 1, "collection-label-block", "collection-status-labels", "text-s"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.25rem", 4, "ngIf"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.5rem", 4, "ngIf"], ["mat-button", "", "color", "primary", 3, "matTooltip", "click", 4, "ngIf"], [1, "text-m-semi-bold", 3, "matTooltip"], [1, "text-m-semi-bold"], [1, "collection-details"], [4, "ngIf", "ngIfElse"], [3, "innerHTML", 4, "ngIf", "ngIfElse"], ["fxHide.lt-sm", "", "class", "collection-label-block text-s", 4, "ngIf"], [4, "ngFor", "ngForOf"], ["class", "collection-term-count", 4, "ngIf"], ["class", "collection-languages", 4, "ngIf"], [1, "collection-languages"], [1, "collection-term-count"], [3, "innerHTML"], ["fxHide.lt-sm", "", 1, "collection-label-block", "text-s"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.25rem"], ["color", "accent", 1, "material-icons", "collection-list-error"], ["fxLayout", "row", "fxLayoutAlign", "start center", "fxLayoutGap", "0.5rem"], ["color", "accent", "diameter", "20"], ["mat-button", "", "color", "primary", 3, "click", "matTooltip"], ["fxLayout", "row", "fxLayoutAlign", "start center", 1, "text-s"], [1, "pt-1"], ["class", "collection-list-edit", "mat-icon-button", "", "target", "_blank", 3, "matTooltip", 4, "ngIf"], ["mat-icon-button", "", "target", "_blank", 1, "collection-list-edit", 3, "matTooltip"], [1, "material-icons", "material-icons-outlined"]], template: function TerminologyCollectionCardComponent_Template(rf, ctx) { if (rf & 1) {
5714
5714
  i0.ɵɵtemplate(0, TerminologyCollectionCardComponent_ng_container_0_Template, 14, 13, "ng-container", 2);
5715
5715
  } if (rf & 2) {
5716
5716
  i0.ɵɵproperty("ngIf", ctx.collection);
5717
- } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i2$4.DefaultLayoutDirective, i2$4.DefaultLayoutGapDirective, i2$4.DefaultLayoutAlignDirective, i2$4.DefaultFlexDirective, i2$2.MatButton, i2$2.MatIconButton, i2.MatIcon, i2$6.MatProgressSpinner, i5.MatRadioButton, i2$3.MatTooltip, i1$1.UpperCasePipe, i1.TranslatePipe, DateAgoPipe], styles: [".collection-details[_ngcontent-%COMP%]{display:flex;gap:4px;font-size:.75rem}.collection-languages[_ngcontent-%COMP%]{text-transform:uppercase}"] }); }
5717
+ } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i2$4.DefaultLayoutDirective, i2$4.DefaultLayoutGapDirective, i2$4.DefaultLayoutAlignDirective, i2$4.DefaultFlexDirective, i3.DefaultShowHideDirective, i2$2.MatButton, i2$2.MatIconButton, i2.MatIcon, i2$6.MatProgressSpinner, i5.MatRadioButton, i2$3.MatTooltip, i1$1.UpperCasePipe, i1.TranslatePipe, DateAgoPipe], styles: [".collection-details[_ngcontent-%COMP%]{display:flex;gap:4px;font-size:.75rem}.collection-languages[_ngcontent-%COMP%]{text-transform:uppercase}"] }); }
5718
5718
  }
5719
5719
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyCollectionCardComponent, [{
5720
5720
  type: Component,
5721
- args: [{ selector: 'lib-terminology-collection-card', standalone: false, 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 </div>\r\n\r\n <div *ngIf=\"showCollectionLanguages\" class=\"collection-details\">\r\n <ng-container *ngIf=\"collection.termCollection && collection.termCollection.languages; else currentDirection\">\r\n <ng-container *ngFor=\"let lang of collection.termCollection.languages; let ix = index\">\r\n <span class=\"collection-languages\" *ngIf=\"ix <= 1\">{{lang.id}}</span>\r\n </ng-container>\r\n <span *ngIf=\"collection.termCollection.languages && collection.termCollection.languages.length > 2\" class=\"collection-term-count\">\r\n +{{collection.termCollection.languages.length - 2}}\r\n </span>\r\n </ng-container>\r\n <ng-template #currentDirection>\r\n <span class=\"collection-languages\">{{sourceLanguageCode}}</span>\r\n <span class=\"collection-languages\">{{targetLanguageCode}}</span>\r\n </ng-template>\r\n\r\n <span *ngIf=\"collection.termCollection?.entryCount !== null; else termCount\" [innerHTML]=\"localizationKey + 'TERMS_IN_USE' | translate : { termCount: collection.termCollection!.entryCount }\">\r\n </span>\r\n <ng-template #termCount>\r\n <span [innerHTML]=\"localizationKey + 'TERMS_IN_USE' | translate : { termCount: collection.termCount }\"></span>\r\n </ng-template>\r\n\r\n <span *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n \u2022 {{ localizationKey + \"LAST_UPDATED\" | translate : { date: collection.lastUpdated | dateAgo } }}\r\n </span>\r\n </div>\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-details{display:flex;gap:4px;font-size:.75rem}.collection-languages{text-transform:uppercase}\n"] }]
5721
+ args: [{ selector: 'lib-terminology-collection-card', standalone: false, 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 </div>\r\n\r\n <div *ngIf=\"showCollectionLanguages\" class=\"collection-details\">\r\n <ng-container *ngIf=\"collection.termCollection && collection.termCollection.languages; else currentDirection\">\r\n <ng-container *ngFor=\"let lang of collection.termCollection.languages; let ix = index\">\r\n <span class=\"collection-languages\" *ngIf=\"ix <= 1\">{{lang.id}}</span>\r\n </ng-container>\r\n <span *ngIf=\"collection.termCollection.languages && collection.termCollection.languages.length > 2\" class=\"collection-term-count\">\r\n +{{collection.termCollection.languages.length - 2}}\r\n </span>\r\n </ng-container>\r\n <ng-template #currentDirection>\r\n <span class=\"collection-languages\">{{sourceLanguageCode}}</span>\r\n <span class=\"collection-languages\">{{targetLanguageCode}}</span>\r\n </ng-template>\r\n\r\n <span *ngIf=\"collection.termCollection?.entryCount !== null; else termCount\" [innerHTML]=\"localizationKey + 'TERMS_IN_USE' | translate : { termCount: collection.termCollection!.entryCount }\">\r\n </span>\r\n <ng-template #termCount>\r\n <span [innerHTML]=\"localizationKey + 'TERMS_IN_USE' | translate : { termCount: collection.termCount }\"></span>\r\n </ng-template>\r\n\r\n <span fxHide.lt-sm *ngIf=\"collection.lastUpdated\" class=\"collection-label-block text-s\">\r\n \u2022 {{ localizationKey + \"LAST_UPDATED\" | translate : { date: collection.lastUpdated | dateAgo } }}\r\n </span>\r\n </div>\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-details{display:flex;gap:4px;font-size:.75rem}.collection-languages{text-transform:uppercase}\n"] }]
5722
5722
  }], () => [{ type: TerminologyService }, { type: TerminologyCollectionService }], { collection: [{
5723
5723
  type: Input
5724
5724
  }], selected: [{
@@ -5742,8 +5742,7 @@ class TerminologyCollectionCardComponent {
5742
5742
  }] }); })();
5743
5743
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(TerminologyCollectionCardComponent, { className: "TerminologyCollectionCardComponent", filePath: "lib/terminology/components/terminology-panel/terminology-collection-list/terminology-collection-card/terminology-collection-card.component.ts", lineNumber: 12 }); })();
5744
5744
 
5745
- const _c0$5 = (a0, a1) => ({ srcLang: a0, trgLang: a1 });
5746
- const _c1$2 = a0 => ({ collection: a0 });
5745
+ const _c0$5 = a0 => ({ collection: a0 });
5747
5746
  function TerminologyCollectionListComponent_ng_container_5_Template(rf, ctx) { if (rf & 1) {
5748
5747
  i0.ɵɵelementContainerStart(0);
5749
5748
  i0.ɵɵelementStart(1, "p", 5)(2, "span");
@@ -5758,53 +5757,45 @@ function TerminologyCollectionListComponent_ng_container_5_Template(rf, ctx) { i
5758
5757
  } }
5759
5758
  function TerminologyCollectionListComponent_ng_container_6_Template(rf, ctx) { if (rf & 1) {
5760
5759
  i0.ɵɵelementContainerStart(0);
5761
- i0.ɵɵelementStart(1, "p", 6);
5762
- i0.ɵɵtext(2);
5763
- i0.ɵɵpipe(3, "translate");
5764
- i0.ɵɵelementEnd();
5765
- i0.ɵɵelement(4, "p", 7);
5766
- i0.ɵɵpipe(5, "languageTranslate");
5767
- i0.ɵɵpipe(6, "languageTranslate");
5768
- i0.ɵɵpipe(7, "translate");
5760
+ i0.ɵɵelement(1, "p", 6);
5761
+ i0.ɵɵpipe(2, "translate");
5769
5762
  i0.ɵɵelementContainerEnd();
5770
5763
  } if (rf & 2) {
5771
5764
  const ctx_r0 = i0.ɵɵnextContext();
5772
- i0.ɵɵadvance(2);
5773
- i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx_r0.localizationKey + "UNAVAILABLE_GLOSSARIES"), " ");
5774
- i0.ɵɵadvance(2);
5775
- i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind2(7, 8, ctx_r0.localizationKey + "DESCRIPTION_EMPTY", i0.ɵɵpureFunction2(11, _c0$5, i0.ɵɵpipeBind1(5, 4, ctx_r0.system.sourceLanguageCode), i0.ɵɵpipeBind1(6, 6, ctx_r0.system.targetLanguageCode))), i0.ɵɵsanitizeHtml);
5765
+ i0.ɵɵadvance();
5766
+ i0.ɵɵproperty("innerHtml", i0.ɵɵpipeBind1(2, 1, ctx_r0.localizationKey + "DESCRIPTION_EMPTY"), i0.ɵɵsanitizeHtml);
5776
5767
  } }
5777
5768
  function TerminologyCollectionListComponent_div_7_div_8_ng_container_1_Template(rf, ctx) { if (rf & 1) {
5778
5769
  i0.ɵɵelementContainer(0);
5779
5770
  } }
5780
5771
  function TerminologyCollectionListComponent_div_7_div_8_Template(rf, ctx) { if (rf & 1) {
5781
- i0.ɵɵelementStart(0, "div", 16);
5782
- i0.ɵɵtemplate(1, TerminologyCollectionListComponent_div_7_div_8_ng_container_1_Template, 1, 0, "ng-container", 17);
5772
+ i0.ɵɵelementStart(0, "div", 15);
5773
+ i0.ɵɵtemplate(1, TerminologyCollectionListComponent_div_7_div_8_ng_container_1_Template, 1, 0, "ng-container", 16);
5783
5774
  i0.ɵɵelementEnd();
5784
5775
  } if (rf & 2) {
5785
5776
  const collection_r3 = ctx.$implicit;
5786
5777
  i0.ɵɵnextContext();
5787
5778
  const collectionCard_r4 = i0.ɵɵreference(18);
5788
5779
  i0.ɵɵadvance();
5789
- i0.ɵɵproperty("ngTemplateOutlet", collectionCard_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c1$2, collection_r3));
5780
+ i0.ɵɵproperty("ngTemplateOutlet", collectionCard_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$5, collection_r3));
5790
5781
  } }
5791
5782
  function TerminologyCollectionListComponent_div_7_div_16_ng_container_1_Template(rf, ctx) { if (rf & 1) {
5792
5783
  i0.ɵɵelementContainer(0);
5793
5784
  } }
5794
5785
  function TerminologyCollectionListComponent_div_7_div_16_Template(rf, ctx) { if (rf & 1) {
5795
- i0.ɵɵelementStart(0, "div", 16);
5796
- i0.ɵɵtemplate(1, TerminologyCollectionListComponent_div_7_div_16_ng_container_1_Template, 1, 0, "ng-container", 17);
5786
+ i0.ɵɵelementStart(0, "div", 15);
5787
+ i0.ɵɵtemplate(1, TerminologyCollectionListComponent_div_7_div_16_ng_container_1_Template, 1, 0, "ng-container", 16);
5797
5788
  i0.ɵɵelementEnd();
5798
5789
  } if (rf & 2) {
5799
5790
  const collection_r5 = ctx.$implicit;
5800
5791
  i0.ɵɵnextContext();
5801
5792
  const collectionCard_r4 = i0.ɵɵreference(18);
5802
5793
  i0.ɵɵadvance();
5803
- i0.ɵɵproperty("ngTemplateOutlet", collectionCard_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c1$2, collection_r5));
5794
+ i0.ɵɵproperty("ngTemplateOutlet", collectionCard_r4)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0$5, collection_r5));
5804
5795
  } }
5805
5796
  function TerminologyCollectionListComponent_div_7_ng_template_17_lib_terminology_collection_card_0_Template(rf, ctx) { if (rf & 1) {
5806
5797
  const _r6 = i0.ɵɵgetCurrentView();
5807
- i0.ɵɵelementStart(0, "lib-terminology-collection-card", 19);
5798
+ i0.ɵɵelementStart(0, "lib-terminology-collection-card", 18);
5808
5799
  i0.ɵɵlistener("glossarySelectEvent", function TerminologyCollectionListComponent_div_7_ng_template_17_lib_terminology_collection_card_0_Template_lib_terminology_collection_card_glossarySelectEvent_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.selectGlossary($event)); });
5809
5800
  i0.ɵɵelementEnd();
5810
5801
  } if (rf & 2) {
@@ -5813,32 +5804,32 @@ function TerminologyCollectionListComponent_div_7_ng_template_17_lib_terminology
5813
5804
  i0.ɵɵproperty("collection", collection_r7)("engineId", ctx_r0.system.systemId)("selected", ctx_r0.selectedCollection)("localizationKey", ctx_r0.localizationKey)("tooltipLocalizationKey", ctx_r0.tooltipLocalizationKey)("hasEditPermissions", ctx_r0.hasEditPermissions)("sourceLanguageCode", ctx_r0.system.sourceLanguageCode)("targetLanguageCode", ctx_r0.system.targetLanguageCode)("showCollectionLanguages", ctx_r0.showCollectionLanguages);
5814
5805
  } }
5815
5806
  function TerminologyCollectionListComponent_div_7_ng_template_17_Template(rf, ctx) { if (rf & 1) {
5816
- i0.ɵɵtemplate(0, TerminologyCollectionListComponent_div_7_ng_template_17_lib_terminology_collection_card_0_Template, 1, 9, "lib-terminology-collection-card", 18);
5807
+ i0.ɵɵtemplate(0, TerminologyCollectionListComponent_div_7_ng_template_17_lib_terminology_collection_card_0_Template, 1, 9, "lib-terminology-collection-card", 17);
5817
5808
  } if (rf & 2) {
5818
5809
  const collection_r7 = ctx.collection;
5819
5810
  i0.ɵɵproperty("ngIf", collection_r7.status);
5820
5811
  } }
5821
5812
  function TerminologyCollectionListComponent_div_7_Template(rf, ctx) { if (rf & 1) {
5822
5813
  const _r2 = i0.ɵɵgetCurrentView();
5823
- i0.ɵɵelementStart(0, "div", 8)(1, "mat-radio-group");
5814
+ i0.ɵɵelementStart(0, "div", 7)(1, "mat-radio-group");
5824
5815
  i0.ɵɵpipe(2, "translate");
5825
- i0.ɵɵelementStart(3, "div", 9)(4, "mat-radio-button", 10);
5816
+ i0.ɵɵelementStart(3, "div", 8)(4, "mat-radio-button", 9);
5826
5817
  i0.ɵɵlistener("click", function TerminologyCollectionListComponent_div_7_Template_mat_radio_button_click_4_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.selectGlossary(null)); });
5827
- i0.ɵɵelementStart(5, "span", 11);
5818
+ i0.ɵɵelementStart(5, "span", 10);
5828
5819
  i0.ɵɵtext(6);
5829
5820
  i0.ɵɵpipe(7, "translate");
5830
5821
  i0.ɵɵelementEnd()()();
5831
- i0.ɵɵtemplate(8, TerminologyCollectionListComponent_div_7_div_8_Template, 2, 4, "div", 12);
5822
+ i0.ɵɵtemplate(8, TerminologyCollectionListComponent_div_7_div_8_Template, 2, 4, "div", 11);
5832
5823
  i0.ɵɵelementEnd();
5833
- i0.ɵɵelementStart(9, "div", 13)(10, "h2", 14);
5824
+ i0.ɵɵelementStart(9, "div", 12)(10, "h2", 13);
5834
5825
  i0.ɵɵtext(11);
5835
5826
  i0.ɵɵpipe(12, "translate");
5836
5827
  i0.ɵɵelementEnd();
5837
- i0.ɵɵelementStart(13, "p", 15);
5828
+ i0.ɵɵelementStart(13, "p", 14);
5838
5829
  i0.ɵɵtext(14);
5839
5830
  i0.ɵɵpipe(15, "translate");
5840
5831
  i0.ɵɵelementEnd();
5841
- i0.ɵɵtemplate(16, TerminologyCollectionListComponent_div_7_div_16_Template, 2, 4, "div", 12);
5832
+ i0.ɵɵtemplate(16, TerminologyCollectionListComponent_div_7_div_16_Template, 2, 4, "div", 11);
5842
5833
  i0.ɵɵelementEnd();
5843
5834
  i0.ɵɵtemplate(17, TerminologyCollectionListComponent_div_7_ng_template_17_Template, 1, 1, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
5844
5835
  i0.ɵɵelementEnd();
@@ -5914,12 +5905,12 @@ class TerminologyCollectionListComponent {
5914
5905
  this.destroy.complete();
5915
5906
  }
5916
5907
  static { this.ɵfac = function TerminologyCollectionListComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TerminologyCollectionListComponent)(i0.ɵɵdirectiveInject(TerminologyService), i0.ɵɵdirectiveInject(TerminologyConfigService)); }; }
5917
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TerminologyCollectionListComponent, selectors: [["lib-terminology-collection-list"]], inputs: { system: "system", selectedCollection: "selectedCollection" }, outputs: { glossarySelectEvent: "glossarySelectEvent" }, standalone: false, decls: 8, vars: 6, consts: [["collectionCard", ""], [1, "tld-collection-list-header"], [1, "term-window-title", "text-l-semi-bold"], [4, "ngIf"], ["class", "tld-collection-list-body", 4, "ngIf"], [1, "term-window-description", "text-s"], [1, "term-window-unavailable", "text-xl-semi-bold"], [1, "term-window-description", "text-m", 3, "innerHtml"], [1, "tld-collection-list-body"], ["fxLayout", "row", "fxLayoutAlign", "start center", 1, "none-option"], [3, "click"], [1, "text-m-semi-bold"], ["class", "collection", 4, "ngFor", "ngForOf"], [1, "default-collections"], [1, "default-collections-header", "text-m-semi-bold"], [1, "default-collections-description"], [1, "collection"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["class", "collection-card", 3, "collection", "engineId", "selected", "localizationKey", "tooltipLocalizationKey", "hasEditPermissions", "sourceLanguageCode", "targetLanguageCode", "showCollectionLanguages", "glossarySelectEvent", 4, "ngIf"], [1, "collection-card", 3, "glossarySelectEvent", "collection", "engineId", "selected", "localizationKey", "tooltipLocalizationKey", "hasEditPermissions", "sourceLanguageCode", "targetLanguageCode", "showCollectionLanguages"]], template: function TerminologyCollectionListComponent_Template(rf, ctx) { if (rf & 1) {
5908
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TerminologyCollectionListComponent, selectors: [["lib-terminology-collection-list"]], inputs: { system: "system", selectedCollection: "selectedCollection" }, outputs: { glossarySelectEvent: "glossarySelectEvent" }, standalone: false, decls: 8, vars: 6, consts: [["collectionCard", ""], [1, "tld-collection-list-header"], [1, "term-window-title", "text-l-semi-bold"], [4, "ngIf"], ["class", "tld-collection-list-body", 4, "ngIf"], [1, "term-window-description", "text-s"], [1, "term-window-description", "text-m", 3, "innerHtml"], [1, "tld-collection-list-body"], ["fxLayout", "row", "fxLayoutAlign", "start center", 1, "none-option"], [3, "click"], [1, "text-m-semi-bold"], ["class", "collection", 4, "ngFor", "ngForOf"], [1, "default-collections"], [1, "default-collections-header", "text-m-semi-bold"], [1, "default-collections-description", "text-s"], [1, "collection"], [4, "ngTemplateOutlet", "ngTemplateOutletContext"], ["class", "collection-card", 3, "collection", "engineId", "selected", "localizationKey", "tooltipLocalizationKey", "hasEditPermissions", "sourceLanguageCode", "targetLanguageCode", "showCollectionLanguages", "glossarySelectEvent", 4, "ngIf"], [1, "collection-card", 3, "glossarySelectEvent", "collection", "engineId", "selected", "localizationKey", "tooltipLocalizationKey", "hasEditPermissions", "sourceLanguageCode", "targetLanguageCode", "showCollectionLanguages"]], template: function TerminologyCollectionListComponent_Template(rf, ctx) { if (rf & 1) {
5918
5909
  i0.ɵɵelementStart(0, "header", 1)(1, "h1", 2)(2, "span");
5919
5910
  i0.ɵɵtext(3);
5920
5911
  i0.ɵɵpipe(4, "translate");
5921
5912
  i0.ɵɵelementEnd()();
5922
- i0.ɵɵtemplate(5, TerminologyCollectionListComponent_ng_container_5_Template, 5, 3, "ng-container", 3)(6, TerminologyCollectionListComponent_ng_container_6_Template, 8, 14, "ng-container", 3);
5913
+ i0.ɵɵtemplate(5, TerminologyCollectionListComponent_ng_container_5_Template, 5, 3, "ng-container", 3)(6, TerminologyCollectionListComponent_ng_container_6_Template, 3, 3, "ng-container", 3);
5923
5914
  i0.ɵɵelementEnd();
5924
5915
  i0.ɵɵtemplate(7, TerminologyCollectionListComponent_div_7_Template, 19, 16, "div", 4);
5925
5916
  } if (rf & 2) {
@@ -5931,11 +5922,11 @@ class TerminologyCollectionListComponent {
5931
5922
  i0.ɵɵproperty("ngIf", !ctx.hasAnyCollections);
5932
5923
  i0.ɵɵadvance();
5933
5924
  i0.ɵɵproperty("ngIf", ctx.hasAnyCollections);
5934
- } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i1$1.NgTemplateOutlet, i2$4.DefaultLayoutDirective, i2$4.DefaultLayoutAlignDirective, i5.MatRadioGroup, i5.MatRadioButton, TerminologyCollectionCardComponent, i1.TranslatePipe, LanguageTranslatePipe], styles: ["[_nghost-%COMP%] .tld-collection-list-body, [_nghost-%COMP%] .tld-collection-list-header{padding:.5em .75em}[_nghost-%COMP%] .term-window-unavailable{font-style:italic}[_nghost-%COMP%] .term-window-unavailable, [_nghost-%COMP%] .term-window-description span{font-weight:500}[_nghost-%COMP%] .collection-label{max-width:280px;overflow:hidden;text-overflow:ellipsis}[_nghost-%COMP%] .collection-label-block{display:block}[_nghost-%COMP%] .collection-status-labels .mat-icon, [_nghost-%COMP%] .collection-status-labels .material-icons{font-size:18px}[_nghost-%COMP%] .default-collections{padding:10px 3px}[_nghost-%COMP%] .mat-mdc-radio-button{overflow:hidden;padding:5px 0;place-content:start!important}[_nghost-%COMP%] .mat-mdc-radio-button .mat-radio-ripple{display:none}[_nghost-%COMP%] .mat-mdc-radio-button .mat-mdc-button{padding:0!important}[_nghost-%COMP%] .collection{min-height:70px}[_nghost-%COMP%] .collection-card{width:100%}[_nghost-%COMP%] .collection, [_nghost-%COMP%] .none-option{border-bottom:1px solid var(--base-70)}[_nghost-%COMP%] mat-spinner{display:inline-block}[_nghost-%COMP%] .mdc-radio__inner-circle{transform:scale(0)!important}[_nghost-%COMP%] .mdc-radio__outer-circle{border-color:inherit!important}[_nghost-%COMP%] .mat-mdc-radio-checked .mdc-radio__inner-circle{transform:scale(.5)!important}[_nghost-%COMP%] .mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:var(--accent)!important}[_nghost-%COMP%] .mat-mdc-radio-checked .mdc-radio--disabled .mdc-radio__outer-circle{border-color:inherit!important} .default-collections .mdc-radio--disabled{display:none!important} .default-collections .mdc-label{color:inherit!important;padding-left:10px}"] }); }
5925
+ } }, dependencies: [i1$1.NgForOf, i1$1.NgIf, i1$1.NgTemplateOutlet, i2$4.DefaultLayoutDirective, i2$4.DefaultLayoutAlignDirective, i5.MatRadioGroup, i5.MatRadioButton, TerminologyCollectionCardComponent, i1.TranslatePipe], styles: ["[_nghost-%COMP%] .tld-collection-list-body, [_nghost-%COMP%] .tld-collection-list-header{padding:.5em .75em}[_nghost-%COMP%] .term-window-unavailable{font-style:italic}[_nghost-%COMP%] .term-window-unavailable, [_nghost-%COMP%] .term-window-description span{font-weight:500}[_nghost-%COMP%] .collection-label{max-width:280px;overflow:hidden;text-overflow:ellipsis}[_nghost-%COMP%] .collection-label-block{display:block}[_nghost-%COMP%] .collection-status-labels .mat-icon, [_nghost-%COMP%] .collection-status-labels .material-icons{font-size:18px}[_nghost-%COMP%] .default-collections{padding:10px 3px}[_nghost-%COMP%] .mat-mdc-radio-button{overflow:hidden;padding:5px 0;place-content:start!important}[_nghost-%COMP%] .mat-mdc-radio-button .mat-radio-ripple{display:none}[_nghost-%COMP%] .mat-mdc-radio-button .mat-mdc-button{padding:0!important}[_nghost-%COMP%] .collection{min-height:70px}[_nghost-%COMP%] .collection-card{width:100%}[_nghost-%COMP%] .collection, [_nghost-%COMP%] .none-option{border-bottom:1px solid var(--base-70)}[_nghost-%COMP%] mat-spinner{display:inline-block}[_nghost-%COMP%] .mdc-radio__inner-circle{transform:scale(0)!important}[_nghost-%COMP%] .mdc-radio__outer-circle{border-color:inherit!important}[_nghost-%COMP%] .mat-mdc-radio-checked .mdc-radio__inner-circle{transform:scale(.5)!important}[_nghost-%COMP%] .mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:var(--accent)!important}[_nghost-%COMP%] .mat-mdc-radio-checked .mdc-radio--disabled .mdc-radio__outer-circle{border-color:inherit!important} .default-collections .mdc-radio--disabled{display:none!important} .default-collections .mdc-label{color:inherit!important;padding-left:10px}"] }); }
5935
5926
  }
5936
5927
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyCollectionListComponent, [{
5937
5928
  type: Component,
5938
- args: [{ selector: "lib-terminology-collection-list", standalone: false, template: "<header class=\"tld-collection-list-header\">\r\n\t<h1 class=\"term-window-title text-l-semi-bold\">\r\n\t\t<span>{{ localizationKey + \"TITLE\" | translate }}</span>\r\n\t</h1>\r\n\t<ng-container *ngIf=\"hasAnyCollections\">\r\n\t\t<p class=\"term-window-description text-s\">\r\n\t\t\t<span>{{ localizationKey + \"DESCRIPTION\" | translate }}</span>\r\n\t\t</p>\r\n\t</ng-container>\r\n\t<ng-container *ngIf=\"!hasAnyCollections\">\r\n\t\t<p class=\"term-window-unavailable text-xl-semi-bold\">\r\n\t\t\t{{ localizationKey + \"UNAVAILABLE_GLOSSARIES\" | translate }}\r\n\t\t</p>\r\n\r\n\t\t<p\r\n\t\t\t[innerHtml]=\"\r\n\t\t\t\tlocalizationKey + 'DESCRIPTION_EMPTY'\r\n\t\t\t\t\t| translate\r\n\t\t\t\t\t\t: {\r\n\t\t\t\t\t\t\t\tsrcLang: system.sourceLanguageCode | languageTranslate,\r\n\t\t\t\t\t\t\t\ttrgLang: system.targetLanguageCode | languageTranslate,\r\n\t\t\t\t\t\t }\r\n\t\t\t\"\r\n\t\t\tclass=\"term-window-description text-m\"\r\n\t\t></p>\r\n\t</ng-container>\r\n</header>\r\n<div *ngIf=\"hasAnyCollections\" class=\"tld-collection-list-body\">\r\n\t<mat-radio-group [attr.aria-label]=\"localizationKey + 'ARIA_LABELS.RADIO_GROUP' | translate\">\r\n\t\t<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"none-option\">\r\n\t\t\t<mat-radio-button [class.mat-mdc-radio-checked]=\"!selectedCollection\" (click)=\"selectGlossary(null)\">\r\n\t\t\t\t<span class=\"text-m-semi-bold\">\r\n\t\t\t\t\t{{ localizationKey + \"SELECTED_NONE\" | translate }}\r\n\t\t\t\t</span>\r\n\t\t\t</mat-radio-button>\r\n\t\t</div>\r\n\t\t<div class=\"collection\" *ngFor=\"let collection of collections\">\r\n <ng-container *ngTemplateOutlet=\"collectionCard; context: { collection: collection }\"></ng-container>\r\n\t\t</div>\r\n\t</mat-radio-group>\r\n\t<div class=\"default-collections\">\r\n\t\t<h2 class=\"default-collections-header text-m-semi-bold\">{{ localizationKey + \"DEFAULT_GLOSSARIES_TITLE\" | translate }}</h2>\r\n\t\t<p class=\"default-collections-description\">{{ localizationKey + \"DEFAULT_GLOSSARIES_DESCRIPTION\" | translate }}</p>\r\n\t\t<div class=\"collection\" *ngFor=\"let collection of defaultCollections\">\r\n <ng-container *ngTemplateOutlet=\"collectionCard; context: { collection: collection }\"></ng-container>\r\n </div>\r\n\t</div>\r\n\r\n\t<ng-template #collectionCard let-collection=\"collection\">\r\n\t\t<lib-terminology-collection-card\r\n\t\t\t*ngIf=\"collection.status\"\r\n\t\t\tclass=\"collection-card\"\r\n\t\t\t[collection]=\"collection\"\r\n\t\t\t[engineId]=\"system.systemId\"\r\n\t\t\t[selected]=\"selectedCollection\"\r\n\t\t\t[localizationKey]=\"localizationKey\"\r\n\t\t\t[tooltipLocalizationKey]=\"tooltipLocalizationKey\"\r\n\t\t\t[hasEditPermissions]=\"hasEditPermissions\"\r\n\t\t\t[sourceLanguageCode]=\"system.sourceLanguageCode\"\r\n\t\t\t[targetLanguageCode]=\"system.targetLanguageCode\"\r\n\t\t\t[showCollectionLanguages]=\"showCollectionLanguages\"\r\n\t\t\t(glossarySelectEvent)=\"selectGlossary($event)\"\r\n\t\t></lib-terminology-collection-card>\r\n\t</ng-template>\r\n</div>\r\n", styles: [":host ::ng-deep .tld-collection-list-body,:host ::ng-deep .tld-collection-list-header{padding:.5em .75em}:host ::ng-deep .term-window-unavailable{font-style:italic}:host ::ng-deep .term-window-unavailable,:host ::ng-deep .term-window-description span{font-weight:500}:host ::ng-deep .collection-label{max-width:280px;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .collection-label-block{display:block}:host ::ng-deep .collection-status-labels .mat-icon,:host ::ng-deep .collection-status-labels .material-icons{font-size:18px}:host ::ng-deep .default-collections{padding:10px 3px}:host ::ng-deep .mat-mdc-radio-button{overflow:hidden;padding:5px 0;place-content:start!important}:host ::ng-deep .mat-mdc-radio-button .mat-radio-ripple{display:none}:host ::ng-deep .mat-mdc-radio-button .mat-mdc-button{padding:0!important}:host ::ng-deep .collection{min-height:70px}:host ::ng-deep .collection-card{width:100%}:host ::ng-deep .collection,:host ::ng-deep .none-option{border-bottom:1px solid var(--base-70)}:host ::ng-deep mat-spinner{display:inline-block}:host ::ng-deep .mdc-radio__inner-circle{transform:scale(0)!important}:host ::ng-deep .mdc-radio__outer-circle{border-color:inherit!important}:host ::ng-deep .mat-mdc-radio-checked .mdc-radio__inner-circle{transform:scale(.5)!important}:host ::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:var(--accent)!important}:host ::ng-deep .mat-mdc-radio-checked .mdc-radio--disabled .mdc-radio__outer-circle{border-color:inherit!important}::ng-deep .default-collections .mdc-radio--disabled{display:none!important}::ng-deep .default-collections .mdc-label{color:inherit!important;padding-left:10px}\n"] }]
5929
+ args: [{ selector: "lib-terminology-collection-list", standalone: false, template: "<header class=\"tld-collection-list-header\">\r\n\t<h1 class=\"term-window-title text-l-semi-bold\">\r\n\t\t<span>{{ localizationKey + \"TITLE\" | translate }}</span>\r\n\t</h1>\r\n\t<ng-container *ngIf=\"hasAnyCollections\">\r\n\t\t<p class=\"term-window-description text-s\">\r\n\t\t\t<span>{{ localizationKey + \"DESCRIPTION\" | translate }}</span>\r\n\t\t</p>\r\n\t</ng-container>\r\n\t<ng-container *ngIf=\"!hasAnyCollections\">\r\n\t\t<p [innerHtml]=\"localizationKey + 'DESCRIPTION_EMPTY'| translate\"\tclass=\"term-window-description text-m\"></p>\r\n\t</ng-container>\r\n</header>\r\n<div *ngIf=\"hasAnyCollections\" class=\"tld-collection-list-body\">\r\n\t<mat-radio-group [attr.aria-label]=\"localizationKey + 'ARIA_LABELS.RADIO_GROUP' | translate\">\r\n\t\t<div fxLayout=\"row\" fxLayoutAlign=\"start center\" class=\"none-option\">\r\n\t\t\t<mat-radio-button [class.mat-mdc-radio-checked]=\"!selectedCollection\" (click)=\"selectGlossary(null)\">\r\n\t\t\t\t<span class=\"text-m-semi-bold\">\r\n\t\t\t\t\t{{ localizationKey + \"SELECTED_NONE\" | translate }}\r\n\t\t\t\t</span>\r\n\t\t\t</mat-radio-button>\r\n\t\t</div>\r\n\t\t<div class=\"collection\" *ngFor=\"let collection of collections\">\r\n <ng-container *ngTemplateOutlet=\"collectionCard; context: { collection: collection }\"></ng-container>\r\n\t\t</div>\r\n\t</mat-radio-group>\r\n\t<div class=\"default-collections\">\r\n\t\t<h2 class=\"default-collections-header text-m-semi-bold\">{{ localizationKey + \"DEFAULT_GLOSSARIES_TITLE\" | translate }}</h2>\r\n\t\t<p class=\"default-collections-description text-s\">{{ localizationKey + \"DEFAULT_GLOSSARIES_DESCRIPTION\" | translate }}</p>\r\n\t\t<div class=\"collection\" *ngFor=\"let collection of defaultCollections\">\r\n <ng-container *ngTemplateOutlet=\"collectionCard; context: { collection: collection }\"></ng-container>\r\n </div>\r\n\t</div>\r\n\r\n\t<ng-template #collectionCard let-collection=\"collection\">\r\n\t\t<lib-terminology-collection-card\r\n\t\t\t*ngIf=\"collection.status\"\r\n\t\t\tclass=\"collection-card\"\r\n\t\t\t[collection]=\"collection\"\r\n\t\t\t[engineId]=\"system.systemId\"\r\n\t\t\t[selected]=\"selectedCollection\"\r\n\t\t\t[localizationKey]=\"localizationKey\"\r\n\t\t\t[tooltipLocalizationKey]=\"tooltipLocalizationKey\"\r\n\t\t\t[hasEditPermissions]=\"hasEditPermissions\"\r\n\t\t\t[sourceLanguageCode]=\"system.sourceLanguageCode\"\r\n\t\t\t[targetLanguageCode]=\"system.targetLanguageCode\"\r\n\t\t\t[showCollectionLanguages]=\"showCollectionLanguages\"\r\n\t\t\t(glossarySelectEvent)=\"selectGlossary($event)\"\r\n\t\t></lib-terminology-collection-card>\r\n\t</ng-template>\r\n</div>\r\n", styles: [":host ::ng-deep .tld-collection-list-body,:host ::ng-deep .tld-collection-list-header{padding:.5em .75em}:host ::ng-deep .term-window-unavailable{font-style:italic}:host ::ng-deep .term-window-unavailable,:host ::ng-deep .term-window-description span{font-weight:500}:host ::ng-deep .collection-label{max-width:280px;overflow:hidden;text-overflow:ellipsis}:host ::ng-deep .collection-label-block{display:block}:host ::ng-deep .collection-status-labels .mat-icon,:host ::ng-deep .collection-status-labels .material-icons{font-size:18px}:host ::ng-deep .default-collections{padding:10px 3px}:host ::ng-deep .mat-mdc-radio-button{overflow:hidden;padding:5px 0;place-content:start!important}:host ::ng-deep .mat-mdc-radio-button .mat-radio-ripple{display:none}:host ::ng-deep .mat-mdc-radio-button .mat-mdc-button{padding:0!important}:host ::ng-deep .collection{min-height:70px}:host ::ng-deep .collection-card{width:100%}:host ::ng-deep .collection,:host ::ng-deep .none-option{border-bottom:1px solid var(--base-70)}:host ::ng-deep mat-spinner{display:inline-block}:host ::ng-deep .mdc-radio__inner-circle{transform:scale(0)!important}:host ::ng-deep .mdc-radio__outer-circle{border-color:inherit!important}:host ::ng-deep .mat-mdc-radio-checked .mdc-radio__inner-circle{transform:scale(.5)!important}:host ::ng-deep .mat-mdc-radio-checked .mdc-radio__outer-circle{border-color:var(--accent)!important}:host ::ng-deep .mat-mdc-radio-checked .mdc-radio--disabled .mdc-radio__outer-circle{border-color:inherit!important}::ng-deep .default-collections .mdc-radio--disabled{display:none!important}::ng-deep .default-collections .mdc-label{color:inherit!important;padding-left:10px}\n"] }]
5939
5930
  }], () => [{ type: TerminologyService }, { type: TerminologyConfigService }], { system: [{
5940
5931
  type: Input,
5941
5932
  args: [{ required: true }]
@@ -6212,9 +6203,12 @@ class TerminologyPanelComponent {
6212
6203
  this.initializeData(this.system.sourceLanguageCode, this.system.targetLanguageCode, this.system.systemId, this.setSelectedFromLocalStorage);
6213
6204
  }
6214
6205
  ngOnChanges(changes) {
6215
- if (changes && this.systemId !== this.system.systemId) {
6216
- this.systemId = this.system.systemId;
6217
- this.initializeData(this.system.sourceLanguageCode, this.system.targetLanguageCode, this.system.systemId, this.setSelectedFromLocalStorage);
6206
+ if (changes) {
6207
+ const isLangChanged = this.sourceLanguageCode !== this.system.sourceLanguageCode || this.targetLanguageCode !== this.system.targetLanguageCode;
6208
+ if (this.systemId !== this.system.systemId || isLangChanged) {
6209
+ this.systemId = this.system.systemId;
6210
+ this.initializeData(this.system.sourceLanguageCode, this.system.targetLanguageCode, this.system.systemId, this.setSelectedFromLocalStorage);
6211
+ }
6218
6212
  }
6219
6213
  }
6220
6214
  selectGlossary(collection) {