@tilde-nlp/ngx-common 8.0.3 → 8.0.5

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.
@@ -5,28 +5,28 @@ import { MatIconModule, MatIcon } from '@angular/material/icon';
5
5
  import * as i2 from '@angular/platform-browser';
6
6
  import { Title } from '@angular/platform-browser';
7
7
  import { Subject, map, Observable, of, take, BehaviorSubject, tap, forkJoin, takeUntil, finalize, catchError, fromEvent, debounceTime } from 'rxjs';
8
- import * as i1$2 from '@angular/common';
8
+ import * as i1$3 from '@angular/common';
9
9
  import { CommonModule, TitleCasePipe, AsyncPipe, DatePipe } from '@angular/common';
10
10
  import { FlexLayoutModule } from '@ngbracket/ngx-layout';
11
- import * as i2$1 from '@angular/material/button';
11
+ import * as i1$1 from '@angular/material/button';
12
12
  import { MatButtonModule, MatButton, MatIconButton } from '@angular/material/button';
13
13
  import * as i6 from '@angular/router';
14
14
  import { RouterModule, TitleStrategy } from '@angular/router';
15
- import * as i1$1 from '@ngx-translate/core';
15
+ import * as i1$2 from '@ngx-translate/core';
16
16
  import { TranslateModule, TranslateService, TranslatePipe } from '@ngx-translate/core';
17
- import * as i2$2 from '@angular/material/tooltip';
17
+ import * as i2$1 from '@angular/material/tooltip';
18
18
  import { MatTooltipModule } from '@angular/material/tooltip';
19
- import * as i2$3 from '@ngbracket/ngx-layout/flex';
19
+ import * as i2$2 from '@ngbracket/ngx-layout/flex';
20
20
  import * as i3 from '@ngbracket/ngx-layout/extended';
21
- import * as i1$3 from '@angular/common/http';
21
+ import * as i1$4 from '@angular/common/http';
22
22
  import { HttpErrorResponse, provideHttpClient, withInterceptorsFromDi, HttpClient } from '@angular/common/http';
23
23
  import * as i15 from '@angular/material/paginator';
24
24
  import { MatPaginatorIntl, MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
25
- import * as i2$5 from '@angular/material/progress-spinner';
25
+ import * as i2$4 from '@angular/material/progress-spinner';
26
26
  import { MatProgressSpinner, MatProgressSpinnerModule } from '@angular/material/progress-spinner';
27
- import * as i1$4 from '@angular/material/dialog';
27
+ import * as i1$5 from '@angular/material/dialog';
28
28
  import { MAT_DIALOG_DATA, MatDialogModule, MatDialog, MatDialogRef } from '@angular/material/dialog';
29
- import * as i2$4 from '@angular/material/progress-bar';
29
+ import * as i2$3 from '@angular/material/progress-bar';
30
30
  import { MatProgressBarModule } from '@angular/material/progress-bar';
31
31
  import * as i4$1 from '@angular/forms';
32
32
  import { FormGroup, FormControl, FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
@@ -45,9 +45,9 @@ import * as i7 from '@angular/material/checkbox';
45
45
  import { MatCheckboxModule } from '@angular/material/checkbox';
46
46
  import * as i5 from '@angular/material/radio';
47
47
  import { MatRadioModule } from '@angular/material/radio';
48
- import * as i1$5 from '@tilde-nlp/ngx-services';
48
+ import * as i1$6 from '@tilde-nlp/ngx-services';
49
49
  import { QuotaType, LLMRephraseUseCase, LLMSummaryUseCase } from '@tilde-nlp/ngx-services';
50
- import * as i1$6 from '@angular/cdk/clipboard';
50
+ import * as i1$7 from '@angular/cdk/clipboard';
51
51
  import { ClipboardModule } from '@angular/cdk/clipboard';
52
52
 
53
53
  class IconService {
@@ -129,7 +129,7 @@ class CloseButtonComponent {
129
129
  } if (rf & 2) {
130
130
  i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(2, 3, ctx.tooltip))("disabled", ctx.disabled);
131
131
  i0.ɵɵattribute("aria-label", i0.ɵɵpipeBind1(3, 5, "ARIA_LABELS." + ctx.ariaCode));
132
- } }, dependencies: [i2$1.MatIconButton, i2$2.MatTooltip, i1$1.TranslatePipe], encapsulation: 2 }); }
132
+ } }, dependencies: [i1$1.MatIconButton, i2$1.MatTooltip, i1$2.TranslatePipe], encapsulation: 2 }); }
133
133
  }
134
134
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CloseButtonComponent, [{
135
135
  type: Component,
@@ -345,7 +345,7 @@ class NotificationMessageComponent {
345
345
  i0.ɵɵproperty("ngIf", !ctx.message.hideClose && !ctx.message.callbackButtonText);
346
346
  i0.ɵɵadvance();
347
347
  i0.ɵɵproperty("ngIf", ctx.message.buttonText || ctx.message.linkHref || ctx.message.routerLink);
348
- } }, dependencies: [i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i2$3.DefaultFlexDirective, i3.DefaultClassDirective, CloseButtonComponent, i2$1.MatButton, i6.RouterLink, i1.MatIcon, i1$1.TranslatePipe], styles: ["[_nghost-%COMP%]{display:inline-block;width:100%}.close-button[_ngcontent-%COMP%]{position:absolute;top:.2em!important;right:.2em!important}.no-top-margin[_ngcontent-%COMP%]{top:0}.text-container[_ngcontent-%COMP%]{margin-right:45px}.notification-message[_ngcontent-%COMP%]{position:relative}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--base-100)}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--base-40)}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--info-light)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]{color:var(--info-dark)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--info-primary)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%]{color:var(--info-dark)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--error-light)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--error-dark)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--warning-light)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--warning-dark)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--success-light)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--success-dark)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{border-radius:4px}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]:has(.message-title+.message-body) .message-title[_ngcontent-%COMP%]{font-weight:600}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%]{padding:.6em .4em!important;border-radius:0}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%]{margin-left:.4em!important}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] div[_ngcontent-%COMP%] + div[_ngcontent-%COMP%]{margin-top:.2em!important}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%] + .message-body[_ngcontent-%COMP%]{margin-top:0!important}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]:first-child{line-height:1.5em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%]{margin:0;font-size:16px;line-height:24px}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%] .message-body[_ngcontent-%COMP%]{margin:0}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline){padding:1em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline) .items-container[_ngcontent-%COMP%]{margin-left:1em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline) .message-title[_ngcontent-%COMP%]{font-size:1.25em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline) .message-body[_ngcontent-%COMP%]{line-height:1.5em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%]{padding:.75em 1em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%]{margin-left:.75em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] div[_ngcontent-%COMP%] + div[_ngcontent-%COMP%]{margin-top:.5em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%] + .message-body[_ngcontent-%COMP%]{margin-top:.2em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%]{font-size:1em}"] }); }
348
+ } }, dependencies: [i1$3.NgIf, i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutGapDirective, i2$2.DefaultLayoutAlignDirective, i2$2.DefaultFlexDirective, i3.DefaultClassDirective, CloseButtonComponent, i1$1.MatButton, i6.RouterLink, i1.MatIcon, i1$2.TranslatePipe], styles: ["[_nghost-%COMP%]{display:inline-block;width:100%}.close-button[_ngcontent-%COMP%]{position:absolute;top:.2em!important;right:.2em!important}.no-top-margin[_ngcontent-%COMP%]{top:0}.text-container[_ngcontent-%COMP%]{margin-right:45px}.notification-message[_ngcontent-%COMP%]{position:relative}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--base-100)}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--base-40)}.notification-message.basic[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--info-light)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]{color:var(--info-dark)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--info-primary)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%]{color:var(--info-dark)}.notification-message.info[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--error-light)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--error-dark)}.notification-message.error[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--warning-light)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--warning-dark)}.notification-message.warning[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{background-color:var(--success-light)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .close-button[_ngcontent-%COMP%], .notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%], .notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-icon[_ngcontent-%COMP%]{color:var(--success-dark)}.notification-message.success[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .message-action-button[_ngcontent-%COMP%]{background-color:var(--base-40)}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]{border-radius:4px}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]:has(.message-title+.message-body) .message-title[_ngcontent-%COMP%]{font-weight:600}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%]{padding:.6em .4em!important;border-radius:0}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%]{margin-left:.4em!important}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] div[_ngcontent-%COMP%] + div[_ngcontent-%COMP%]{margin-top:.2em!important}.notification-message[_ngcontent-%COMP%] .notification-message-container.mobile[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%] + .message-body[_ngcontent-%COMP%]{margin-top:0!important}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%]:first-child{line-height:1.5em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%]{margin:0;font-size:16px;line-height:24px}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%] .text-container[_ngcontent-%COMP%] .message-body[_ngcontent-%COMP%]{margin:0}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline){padding:1em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline) .items-container[_ngcontent-%COMP%]{margin-left:1em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline) .message-title[_ngcontent-%COMP%]{font-size:1.25em}.notification-message[_ngcontent-%COMP%] .notification-message-container[_ngcontent-%COMP%]:not(.inline) .message-body[_ngcontent-%COMP%]{line-height:1.5em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%]{padding:.75em 1em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%]{margin-left:.75em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] div[_ngcontent-%COMP%] + div[_ngcontent-%COMP%]{margin-top:.5em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .items-container[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%] + .message-body[_ngcontent-%COMP%]{margin-top:.2em}.notification-message[_ngcontent-%COMP%] .notification-message-container.inline[_ngcontent-%COMP%] .message-title[_ngcontent-%COMP%]{font-size:1em}"] }); }
349
349
  }
350
350
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NotificationMessageComponent, [{
351
351
  type: Component,
@@ -1094,7 +1094,7 @@ class SystemApiService {
1094
1094
  };
1095
1095
  return systemBase;
1096
1096
  }
1097
- static { this.ɵfac = function SystemApiService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SystemApiService)(i0.ɵɵinject(i1$3.HttpClient), i0.ɵɵinject(TerminologyConfigService)); }; }
1097
+ static { this.ɵfac = function SystemApiService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SystemApiService)(i0.ɵɵinject(i1$4.HttpClient), i0.ɵɵinject(TerminologyConfigService)); }; }
1098
1098
  static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: SystemApiService, factory: SystemApiService.ɵfac, providedIn: "root" }); }
1099
1099
  }
1100
1100
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SystemApiService, [{
@@ -1102,7 +1102,7 @@ class SystemApiService {
1102
1102
  args: [{
1103
1103
  providedIn: "root",
1104
1104
  }]
1105
- }], () => [{ type: i1$3.HttpClient }, { type: TerminologyConfigService }], null); })();
1105
+ }], () => [{ type: i1$4.HttpClient }, { type: TerminologyConfigService }], null); })();
1106
1106
 
1107
1107
  class SystemService {
1108
1108
  constructor(api) {
@@ -1230,7 +1230,7 @@ class SortTranslationsPipe {
1230
1230
  return 0;
1231
1231
  });
1232
1232
  }
1233
- static { this.ɵfac = function SortTranslationsPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SortTranslationsPipe)(i0.ɵɵdirectiveInject(i1$1.TranslateService, 16)); }; }
1233
+ static { this.ɵfac = function SortTranslationsPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SortTranslationsPipe)(i0.ɵɵdirectiveInject(i1$2.TranslateService, 16)); }; }
1234
1234
  static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "sortTranslations", type: SortTranslationsPipe, pure: true, standalone: false }); }
1235
1235
  }
1236
1236
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SortTranslationsPipe, [{
@@ -1239,7 +1239,7 @@ class SortTranslationsPipe {
1239
1239
  name: 'sortTranslations',
1240
1240
  standalone: false
1241
1241
  }]
1242
- }], () => [{ type: i1$1.TranslateService }], null); })();
1242
+ }], () => [{ type: i1$2.TranslateService }], null); })();
1243
1243
 
1244
1244
  class SortTranslationsModule {
1245
1245
  static { this.ɵfac = function SortTranslationsModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SortTranslationsModule)(); }; }
@@ -1290,7 +1290,7 @@ class SortTranslationsByPropertyPipe {
1290
1290
  });
1291
1291
  return values;
1292
1292
  }
1293
- static { this.ɵfac = function SortTranslationsByPropertyPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SortTranslationsByPropertyPipe)(i0.ɵɵdirectiveInject(i1$1.TranslateService, 16)); }; }
1293
+ static { this.ɵfac = function SortTranslationsByPropertyPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SortTranslationsByPropertyPipe)(i0.ɵɵdirectiveInject(i1$2.TranslateService, 16)); }; }
1294
1294
  static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "sortTranslationsByProperty", type: SortTranslationsByPropertyPipe, pure: true, standalone: false }); }
1295
1295
  }
1296
1296
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SortTranslationsByPropertyPipe, [{
@@ -1299,7 +1299,7 @@ class SortTranslationsByPropertyPipe {
1299
1299
  name: 'sortTranslationsByProperty',
1300
1300
  standalone: false
1301
1301
  }]
1302
- }], () => [{ type: i1$1.TranslateService }], null); })();
1302
+ }], () => [{ type: i1$2.TranslateService }], null); })();
1303
1303
 
1304
1304
  class SortTranslationsByPropertyModule {
1305
1305
  static { this.ɵfac = function SortTranslationsByPropertyModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SortTranslationsByPropertyModule)(); }; }
@@ -1427,7 +1427,7 @@ class LanguageTranslatePipe {
1427
1427
  capitalizeFirstLetter(text) {
1428
1428
  return text.charAt(0).toUpperCase() + text.slice(1);
1429
1429
  }
1430
- static { this.ɵfac = function LanguageTranslatePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LanguageTranslatePipe)(i0.ɵɵdirectiveInject(i1$1.TranslateService, 16)); }; }
1430
+ static { this.ɵfac = function LanguageTranslatePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LanguageTranslatePipe)(i0.ɵɵdirectiveInject(i1$2.TranslateService, 16)); }; }
1431
1431
  static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "languageTranslate", type: LanguageTranslatePipe, pure: false }); }
1432
1432
  }
1433
1433
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LanguageTranslatePipe, [{
@@ -1437,7 +1437,7 @@ class LanguageTranslatePipe {
1437
1437
  pure: false,
1438
1438
  standalone: true
1439
1439
  }]
1440
- }], () => [{ type: i1$1.TranslateService }], null); })();
1440
+ }], () => [{ type: i1$2.TranslateService }], null); })();
1441
1441
 
1442
1442
  class LanguageTranslateModule {
1443
1443
  static { this.ɵfac = function LanguageTranslateModule_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LanguageTranslateModule)(); }; }
@@ -1547,7 +1547,7 @@ class DateAgoPipe {
1547
1547
  }
1548
1548
  return null;
1549
1549
  }
1550
- static { this.ɵfac = function DateAgoPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DateAgoPipe)(i0.ɵɵdirectiveInject(i1$1.TranslateService, 16), i0.ɵɵdirectiveInject(DateAgoSettingsToken, 24)); }; }
1550
+ static { this.ɵfac = function DateAgoPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DateAgoPipe)(i0.ɵɵdirectiveInject(i1$2.TranslateService, 16), i0.ɵɵdirectiveInject(DateAgoSettingsToken, 24)); }; }
1551
1551
  static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "dateAgo", type: DateAgoPipe, pure: false, standalone: false }); }
1552
1552
  }
1553
1553
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DateAgoPipe, [{
@@ -1557,7 +1557,7 @@ class DateAgoPipe {
1557
1557
  pure: false,
1558
1558
  standalone: false
1559
1559
  }]
1560
- }], () => [{ type: i1$1.TranslateService }, { type: undefined, decorators: [{
1560
+ }], () => [{ type: i1$2.TranslateService }, { type: undefined, decorators: [{
1561
1561
  type: Inject,
1562
1562
  args: [DateAgoSettingsToken]
1563
1563
  }, {
@@ -1743,7 +1743,7 @@ class DomainTranslatePipe {
1743
1743
  const domains = this.translate.instant('DOMAINS');
1744
1744
  return domains[domainLocalizationKey] ?? titleCasePipe.transform(value);
1745
1745
  }
1746
- static { this.ɵfac = function DomainTranslatePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DomainTranslatePipe)(i0.ɵɵdirectiveInject(i1$1.TranslateService, 16)); }; }
1746
+ static { this.ɵfac = function DomainTranslatePipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DomainTranslatePipe)(i0.ɵɵdirectiveInject(i1$2.TranslateService, 16)); }; }
1747
1747
  static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "domainTranslate", type: DomainTranslatePipe, pure: false }); }
1748
1748
  }
1749
1749
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DomainTranslatePipe, [{
@@ -1753,7 +1753,7 @@ class DomainTranslatePipe {
1753
1753
  standalone: true,
1754
1754
  pure: false
1755
1755
  }]
1756
- }], () => [{ type: i1$1.TranslateService }], null); })();
1756
+ }], () => [{ type: i1$2.TranslateService }], null); })();
1757
1757
 
1758
1758
  /**
1759
1759
  * This is a custom pipe for sorting domains.
@@ -1791,7 +1791,7 @@ class SortDomainsPipe {
1791
1791
  return (domains[nameA] ?? nameA).localeCompare(domains[nameB] ?? nameB);
1792
1792
  });
1793
1793
  }
1794
- static { this.ɵfac = function SortDomainsPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SortDomainsPipe)(i0.ɵɵdirectiveInject(i1$1.TranslateService, 16)); }; }
1794
+ static { this.ɵfac = function SortDomainsPipe_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SortDomainsPipe)(i0.ɵɵdirectiveInject(i1$2.TranslateService, 16)); }; }
1795
1795
  static { this.ɵpipe = /*@__PURE__*/ i0.ɵɵdefinePipe({ name: "sortDomains", type: SortDomainsPipe, pure: true }); }
1796
1796
  }
1797
1797
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SortDomainsPipe, [{
@@ -1800,7 +1800,7 @@ class SortDomainsPipe {
1800
1800
  name: 'sortDomains',
1801
1801
  standalone: true,
1802
1802
  }]
1803
- }], () => [{ type: i1$1.TranslateService }], null); })();
1803
+ }], () => [{ type: i1$2.TranslateService }], null); })();
1804
1804
 
1805
1805
  class LanguageTranslateService {
1806
1806
  constructor(translateService) {
@@ -1813,7 +1813,7 @@ class LanguageTranslateService {
1813
1813
  removeRegionFromLanguageCode(code) {
1814
1814
  return code.split('-')[0];
1815
1815
  }
1816
- static { this.ɵfac = function LanguageTranslateService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LanguageTranslateService)(i0.ɵɵinject(i1$1.TranslateService)); }; }
1816
+ static { this.ɵfac = function LanguageTranslateService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LanguageTranslateService)(i0.ɵɵinject(i1$2.TranslateService)); }; }
1817
1817
  static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LanguageTranslateService, factory: LanguageTranslateService.ɵfac, providedIn: 'root' }); }
1818
1818
  }
1819
1819
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LanguageTranslateService, [{
@@ -1821,7 +1821,7 @@ class LanguageTranslateService {
1821
1821
  args: [{
1822
1822
  providedIn: 'root',
1823
1823
  }]
1824
- }], () => [{ type: i1$1.TranslateService }], null); })();
1824
+ }], () => [{ type: i1$2.TranslateService }], null); })();
1825
1825
 
1826
1826
  var Operations;
1827
1827
  (function (Operations) {
@@ -2016,7 +2016,7 @@ class InlineMessageComponent {
2016
2016
  i0.ɵɵproperty("ngIf", ctx.iconName);
2017
2017
  i0.ɵɵadvance();
2018
2018
  i0.ɵɵproperty("ngIf", ctx.message);
2019
- } }, dependencies: [i1$2.NgIf, i2$2.MatTooltip, i1$1.TranslatePipe], styles: ["[_nghost-%COMP%]{display:block}.tld-inline-message[_ngcontent-%COMP%]{display:flex;flex-direction:row}.tld-inline-message.error[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{color:var(--error-dark)}.tld-inline-message.info[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{color:var(--base-40)}.tld-inline-message.warning[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{color:var(--warning-dark)}.tld-inline-message[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:16px;margin-right:.5rem;display:inline-block}.tld-inline-message[_ngcontent-%COMP%] .material-icons.order-end[_ngcontent-%COMP%]{order:2}.tld-inline-message[_ngcontent-%COMP%] .title[_ngcontent-%COMP%], .tld-inline-message[_ngcontent-%COMP%] .description[_ngcontent-%COMP%]{margin:0}.tld-inline-message[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] + .description[_ngcontent-%COMP%]{margin-top:.5rem}"] }); }
2019
+ } }, dependencies: [i1$3.NgIf, i2$1.MatTooltip, i1$2.TranslatePipe], styles: ["[_nghost-%COMP%]{display:block}.tld-inline-message[_ngcontent-%COMP%]{display:flex;flex-direction:row}.tld-inline-message.error[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{color:var(--error-dark)}.tld-inline-message.info[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{color:var(--base-40)}.tld-inline-message.warning[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{color:var(--warning-dark)}.tld-inline-message[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%]{font-size:16px;margin-right:.5rem;display:inline-block}.tld-inline-message[_ngcontent-%COMP%] .material-icons.order-end[_ngcontent-%COMP%]{order:2}.tld-inline-message[_ngcontent-%COMP%] .title[_ngcontent-%COMP%], .tld-inline-message[_ngcontent-%COMP%] .description[_ngcontent-%COMP%]{margin:0}.tld-inline-message[_ngcontent-%COMP%] .title[_ngcontent-%COMP%] + .description[_ngcontent-%COMP%]{margin-top:.5rem}"] }); }
2020
2020
  }
2021
2021
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(InlineMessageComponent, [{
2022
2022
  type: Component,
@@ -2241,7 +2241,7 @@ class MatButtonLoadingDirective {
2241
2241
  this.spinner = null;
2242
2242
  }
2243
2243
  }
2244
- static { this.ɵfac = function MatButtonLoadingDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MatButtonLoadingDirective)(i0.ɵɵdirectiveInject(i2$1.MatButton), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.Renderer2)); }; }
2244
+ static { this.ɵfac = function MatButtonLoadingDirective_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MatButtonLoadingDirective)(i0.ɵɵdirectiveInject(i1$1.MatButton), i0.ɵɵdirectiveInject(i0.ViewContainerRef), i0.ɵɵdirectiveInject(i0.Renderer2)); }; }
2245
2245
  static { this.ɵdir = /*@__PURE__*/ i0.ɵɵdefineDirective({ type: MatButtonLoadingDirective, selectors: [["button", "mat-button", "", "loading", ""], ["button", "mat-raised-button", "", "loading", ""], ["button", "mat-icon-button", "", "loading", ""], ["button", "mat-fab", "", "loading", ""], ["button", "mat-mini-fab", "", "loading", ""], ["button", "mat-stroked-button", "", "loading", ""], ["button", "mat-flat-button", "", "loading", ""]], inputs: { loading: "loading" }, standalone: false }); }
2246
2246
  }
2247
2247
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MatButtonLoadingDirective, [{
@@ -2257,7 +2257,7 @@ class MatButtonLoadingDirective {
2257
2257
  button[mat-flat-button][loading]`,
2258
2258
  standalone: false
2259
2259
  }]
2260
- }], () => [{ type: i2$1.MatButton }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }], { loading: [{
2260
+ }], () => [{ type: i1$1.MatButton }, { type: i0.ViewContainerRef }, { type: i0.Renderer2 }], { loading: [{
2261
2261
  type: Input
2262
2262
  }] }); })();
2263
2263
 
@@ -2329,7 +2329,7 @@ class CompanyProductComponent {
2329
2329
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 2, ctx.company), " ");
2330
2330
  i0.ɵɵadvance(3);
2331
2331
  i0.ɵɵtextInterpolate1(" ", ctx.product, " ");
2332
- } }, dependencies: [i1$2.UpperCasePipe], styles: [".tilde-product-title[_ngcontent-%COMP%]{font-family:Roboto;text-decoration:none!important}.tilde-product-title[_ngcontent-%COMP%] .company[_ngcontent-%COMP%]{font-weight:700;font-size:.75rem;line-height:1rem;color:#616e7c;letter-spacing:1px;display:block}.tilde-product-title[_ngcontent-%COMP%] .product[_ngcontent-%COMP%]{font-weight:500;font-size:1.25rem;line-height:1.5rem;color:#1f2933;display:block}"] }); }
2332
+ } }, dependencies: [i1$3.UpperCasePipe], styles: [".tilde-product-title[_ngcontent-%COMP%]{font-family:Roboto;text-decoration:none!important}.tilde-product-title[_ngcontent-%COMP%] .company[_ngcontent-%COMP%]{font-weight:700;font-size:.75rem;line-height:1rem;color:#616e7c;letter-spacing:1px;display:block}.tilde-product-title[_ngcontent-%COMP%] .product[_ngcontent-%COMP%]{font-weight:500;font-size:1.25rem;line-height:1.5rem;color:#1f2933;display:block}"] }); }
2333
2333
  }
2334
2334
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CompanyProductComponent, [{
2335
2335
  type: Component,
@@ -2481,7 +2481,7 @@ class FooterComponent {
2481
2481
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind2(4, 3, "FOOTER.TITLE", i0.ɵɵpureFunction1(6, _c0$c, ctx.currentYear)), " ");
2482
2482
  i0.ɵɵadvance(3);
2483
2483
  i0.ɵɵproperty("ngIf", ctx.baseUrl)("ngIfElse", localRoutes_r2);
2484
- } }, dependencies: [i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i2$3.DefaultFlexDirective, i6.RouterLink, i1$1.TranslatePipe], styles: ["[_nghost-%COMP%] footer[_ngcontent-%COMP%]{color:var(--base-30);padding:1rem 2rem;margin-bottom:0;border-top:1px solid var(--base-70);margin-top:1rem}[_nghost-%COMP%] footer[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{color:var(--base-30);text-decoration:none}[_nghost-%COMP%] footer[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{color:var(--base-30);text-decoration:underline}"] }); }
2484
+ } }, dependencies: [i1$3.NgIf, i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutGapDirective, i2$2.DefaultLayoutAlignDirective, i2$2.DefaultFlexDirective, i6.RouterLink, i1$2.TranslatePipe], styles: ["[_nghost-%COMP%] footer[_ngcontent-%COMP%]{color:var(--base-30);padding:1rem 2rem;margin-bottom:0;border-top:1px solid var(--base-70);margin-top:1rem}[_nghost-%COMP%] footer[_ngcontent-%COMP%] a[_ngcontent-%COMP%]{color:var(--base-30);text-decoration:none}[_nghost-%COMP%] footer[_ngcontent-%COMP%] a[_ngcontent-%COMP%]:hover{color:var(--base-30);text-decoration:underline}"] }); }
2485
2485
  }
2486
2486
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FooterComponent, [{
2487
2487
  type: Component,
@@ -2909,7 +2909,7 @@ class ExtensionDialogComponent {
2909
2909
  i0.ɵɵproperty("ngClass.lt-md", "small-screen");
2910
2910
  i0.ɵɵadvance();
2911
2911
  i0.ɵɵproperty("ngForOf", ctx.config.elements);
2912
- } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i1$4.MatDialogClose, i1$4.MatDialogTitle, i1$4.MatDialogContent, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutAlignDirective, i3.DefaultClassDirective, i1.MatIcon, CloseButtonComponent, i1$1.TranslatePipe], styles: [".description[_ngcontent-%COMP%]{color:var(--base-40);margin:6px 24px 12px}[mat-dialog-content][_ngcontent-%COMP%]{position:relative}[mat-dialog-content][_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;padding:0}[mat-dialog-content][_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] + li[_ngcontent-%COMP%]{margin-top:.5em}[mat-dialog-content][_ngcontent-%COMP%] .category-title[_ngcontent-%COMP%]{border-bottom:1px solid var(--base-70);font-size:.875em;font-weight:600;text-align:center;white-space:nowrap;margin-bottom:12px}[mat-dialog-content][_ngcontent-%COMP%] .extension-column[_ngcontent-%COMP%]{font-size:.875em;line-height:1.25em}[mat-dialog-content][_ngcontent-%COMP%] .extension-column[_ngcontent-%COMP%] + .extension-column[_ngcontent-%COMP%]{margin-left:1em}[mat-dialog-content][_ngcontent-%COMP%] [_ngcontent-%COMP%]:not(.small-screen) .category[_ngcontent-%COMP%] + .category[_ngcontent-%COMP%]{margin-left:3em}[mat-dialog-content][_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{width:20px;height:20px}"] }); }
2912
+ } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i1$5.MatDialogClose, i1$5.MatDialogTitle, i1$5.MatDialogContent, i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutAlignDirective, i3.DefaultClassDirective, i1.MatIcon, CloseButtonComponent, i1$2.TranslatePipe], styles: [".description[_ngcontent-%COMP%]{color:var(--base-40);margin:6px 24px 12px}[mat-dialog-content][_ngcontent-%COMP%]{position:relative}[mat-dialog-content][_ngcontent-%COMP%] ul[_ngcontent-%COMP%]{list-style-type:none;margin:0;padding:0}[mat-dialog-content][_ngcontent-%COMP%] ul[_ngcontent-%COMP%] li[_ngcontent-%COMP%] + li[_ngcontent-%COMP%]{margin-top:.5em}[mat-dialog-content][_ngcontent-%COMP%] .category-title[_ngcontent-%COMP%]{border-bottom:1px solid var(--base-70);font-size:.875em;font-weight:600;text-align:center;white-space:nowrap;margin-bottom:12px}[mat-dialog-content][_ngcontent-%COMP%] .extension-column[_ngcontent-%COMP%]{font-size:.875em;line-height:1.25em}[mat-dialog-content][_ngcontent-%COMP%] .extension-column[_ngcontent-%COMP%] + .extension-column[_ngcontent-%COMP%]{margin-left:1em}[mat-dialog-content][_ngcontent-%COMP%] [_ngcontent-%COMP%]:not(.small-screen) .category[_ngcontent-%COMP%] + .category[_ngcontent-%COMP%]{margin-left:3em}[mat-dialog-content][_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%]{width:20px;height:20px}"] }); }
2913
2913
  }
2914
2914
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExtensionDialogComponent, [{
2915
2915
  type: Component,
@@ -2928,7 +2928,7 @@ class ExtensionDialogService {
2928
2928
  const data = { extensions };
2929
2929
  this.dialog.open(ExtensionDialogComponent, { data, panelClass: 'responsive-dialog' });
2930
2930
  }
2931
- static { this.ɵfac = function ExtensionDialogService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ExtensionDialogService)(i0.ɵɵinject(i1$4.MatDialog)); }; }
2931
+ static { this.ɵfac = function ExtensionDialogService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ExtensionDialogService)(i0.ɵɵinject(i1$5.MatDialog)); }; }
2932
2932
  static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ExtensionDialogService, factory: ExtensionDialogService.ɵfac, providedIn: 'root' }); }
2933
2933
  }
2934
2934
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExtensionDialogService, [{
@@ -2936,7 +2936,7 @@ class ExtensionDialogService {
2936
2936
  args: [{
2937
2937
  providedIn: 'root'
2938
2938
  }]
2939
- }], () => [{ type: i1$4.MatDialog }], null); })();
2939
+ }], () => [{ type: i1$5.MatDialog }], null); })();
2940
2940
 
2941
2941
  class OpenExtensionDialogComponent {
2942
2942
  constructor(service) {
@@ -2956,7 +2956,7 @@ class OpenExtensionDialogComponent {
2956
2956
  } if (rf & 2) {
2957
2957
  i0.ɵɵadvance();
2958
2958
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(2, 1, "EXTENSION_POPUP.OPEN"), "\n");
2959
- } }, dependencies: [i1$1.TranslatePipe], styles: ["button.open-extension-popup[_ngcontent-%COMP%]{font-size:.875em}"] }); }
2959
+ } }, dependencies: [i1$2.TranslatePipe], styles: ["button.open-extension-popup[_ngcontent-%COMP%]{font-size:.875em}"] }); }
2960
2960
  }
2961
2961
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OpenExtensionDialogComponent, [{
2962
2962
  type: Component,
@@ -3207,7 +3207,7 @@ class FileUploadComponent {
3207
3207
  i0.ɵɵproperty("ngIf", ctx.useCompactUpload)("ngIfElse", regularUpload_r9);
3208
3208
  i0.ɵɵadvance(3);
3209
3209
  i0.ɵɵproperty("accept", ctx.allowedExtensions)("multiple", ctx.multiple)("disabled", ctx.disabled);
3210
- } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2$4.MatProgressBar, i3.DefaultShowHideDirective, i3.DefaultClassDirective, i2$1.MatButton, DragAndDropDirective, i1.MatIcon, i1$1.TranslatePipe], styles: ["[_nghost-%COMP%]{width:100%}.file-upload[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:center;text-align:center}.file-upload[_ngcontent-%COMP%] .upload-button[_ngcontent-%COMP%], .file-upload[_ngcontent-%COMP%] .upload-zone[_ngcontent-%COMP%]{display:flex;border-radius:16px;border:1px dashed var(--base-65)}.file-upload[_ngcontent-%COMP%] .upload-button[_ngcontent-%COMP%]{justify-content:start;min-height:52px;overflow:hidden;padding:16px!important}.file-upload[_ngcontent-%COMP%] .upload-zone[_ngcontent-%COMP%]{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:42px 0}.file-upload[_ngcontent-%COMP%] .upload-zone-labels[_ngcontent-%COMP%]{margin-top:10px;font-size:16px;font-weight:600;line-height:24px;text-align:center}.file-upload[_ngcontent-%COMP%] .upload-zone-labels[_ngcontent-%COMP%] .upload-zone-formats[_ngcontent-%COMP%]{font-weight:400}.file-upload[_ngcontent-%COMP%] .supported-formats-btn[_ngcontent-%COMP%]{cursor:pointer;color:var(--accent);font-weight:400}.file-upload[_ngcontent-%COMP%] .disabled-upload-zone[_ngcontent-%COMP%]{cursor:not-allowed}.file-upload[_ngcontent-%COMP%] .file-upload--btn[_ngcontent-%COMP%], .file-upload[_ngcontent-%COMP%] .upload-label[_ngcontent-%COMP%]:not(.file-upload-mobile){margin-top:10px}.file-upload[_ngcontent-%COMP%] .file-upload--btn[_ngcontent-%COMP%]{cursor:pointer;align-self:center;max-width:fit-content;color:var(--accent)}.file-upload[_ngcontent-%COMP%] .file-upload--btn[_ngcontent-%COMP%]:hover{text-decoration:underline}.file-upload[_ngcontent-%COMP%] .upload-zone-formats[_ngcontent-%COMP%]{margin:10px 0 4px;color:var(--base-40)}.disabled[_ngcontent-%COMP%] .file-upload--btn[_ngcontent-%COMP%]{pointer-events:none!important;text-decoration:none!important;color:var(--base-40)}.native-file-input[_ngcontent-%COMP%]{display:none}"] }); }
3210
+ } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i2$3.MatProgressBar, i3.DefaultShowHideDirective, i3.DefaultClassDirective, i1$1.MatButton, DragAndDropDirective, i1.MatIcon, i1$2.TranslatePipe], styles: ["[_nghost-%COMP%]{width:100%}.file-upload[_ngcontent-%COMP%]{display:flex;flex-direction:column;justify-content:center;text-align:center}.file-upload[_ngcontent-%COMP%] .upload-button[_ngcontent-%COMP%], .file-upload[_ngcontent-%COMP%] .upload-zone[_ngcontent-%COMP%]{display:flex;border-radius:16px;border:1px dashed var(--base-65)}.file-upload[_ngcontent-%COMP%] .upload-button[_ngcontent-%COMP%]{justify-content:start;min-height:52px;overflow:hidden;padding:16px!important}.file-upload[_ngcontent-%COMP%] .upload-zone[_ngcontent-%COMP%]{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:42px 0}.file-upload[_ngcontent-%COMP%] .upload-zone-labels[_ngcontent-%COMP%]{margin-top:10px;font-size:16px;font-weight:600;line-height:24px;text-align:center}.file-upload[_ngcontent-%COMP%] .upload-zone-labels[_ngcontent-%COMP%] .upload-zone-formats[_ngcontent-%COMP%]{font-weight:400}.file-upload[_ngcontent-%COMP%] .supported-formats-btn[_ngcontent-%COMP%]{cursor:pointer;color:var(--accent);font-weight:400}.file-upload[_ngcontent-%COMP%] .disabled-upload-zone[_ngcontent-%COMP%]{cursor:not-allowed}.file-upload[_ngcontent-%COMP%] .file-upload--btn[_ngcontent-%COMP%], .file-upload[_ngcontent-%COMP%] .upload-label[_ngcontent-%COMP%]:not(.file-upload-mobile){margin-top:10px}.file-upload[_ngcontent-%COMP%] .file-upload--btn[_ngcontent-%COMP%]{cursor:pointer;align-self:center;max-width:fit-content;color:var(--accent)}.file-upload[_ngcontent-%COMP%] .file-upload--btn[_ngcontent-%COMP%]:hover{text-decoration:underline}.file-upload[_ngcontent-%COMP%] .upload-zone-formats[_ngcontent-%COMP%]{margin:10px 0 4px;color:var(--base-40)}.disabled[_ngcontent-%COMP%] .file-upload--btn[_ngcontent-%COMP%]{pointer-events:none!important;text-decoration:none!important;color:var(--base-40)}.native-file-input[_ngcontent-%COMP%]{display:none}"] }); }
3211
3211
  }
3212
3212
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FileUploadComponent, [{
3213
3213
  type: Component,
@@ -3559,10 +3559,12 @@ class FilterBarComponent {
3559
3559
  setPanelWidth(filter) {
3560
3560
  // We must save panel width, so filtering does not affect it`s size.
3561
3561
  const selectPanel = document.querySelector('.cdk-overlay-pane');
3562
- const selectPanelWidth = selectPanel.clientWidth;
3563
- const filterObj = this.settings.filters?.find((item) => item.fieldName === filter.fieldName);
3564
- filterObj.maxPanelWidth = selectPanelWidth;
3565
- selectPanel.style.minWidth = `${selectPanelWidth}px`;
3562
+ setTimeout(() => {
3563
+ const selectPanelWidth = selectPanel.clientWidth;
3564
+ const filterObj = this.settings.filters?.find((item) => item.fieldName === filter.fieldName);
3565
+ filterObj.maxPanelWidth = selectPanelWidth;
3566
+ selectPanel.style.minWidth = `${selectPanelWidth}px`;
3567
+ });
3566
3568
  }
3567
3569
  emitFilters() {
3568
3570
  this.filterBarChange.next(this.filters);
@@ -3643,7 +3645,7 @@ class FilterBarComponent {
3643
3645
  this.emitFilters();
3644
3646
  });
3645
3647
  }
3646
- static { this.ɵfac = function FilterBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FilterBarComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$1.TranslateService)); }; }
3648
+ static { this.ɵfac = function FilterBarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || FilterBarComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1$2.TranslateService)); }; }
3647
3649
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: FilterBarComponent, selectors: [["tld-filter-bar"]], viewQuery: function FilterBarComponent_Query(rf, ctx) { if (rf & 1) {
3648
3650
  i0.ɵɵviewQuery(_c0$a, 5);
3649
3651
  i0.ɵɵviewQuery(_c1$4, 5);
@@ -3657,12 +3659,12 @@ class FilterBarComponent {
3657
3659
  i0.ɵɵtemplate(0, FilterBarComponent_div_0_Template, 7, 3, "div", 5);
3658
3660
  } if (rf & 2) {
3659
3661
  i0.ɵɵproperty("ngIf", ctx.filterRowVisible);
3660
- } }, dependencies: [i1$2.NgIf, i2$3.DefaultLayoutDirective, i4.MatSelect, i4.MatOption, i4$1.NgControlStatus, i4$1.NgControlStatusGroup, i2$1.MatButton, i2$1.MatIconButton, i1.MatIcon, i4$1.FormGroupDirective, i4$1.FormControlName, i1$2.TitleCasePipe, i1$1.TranslatePipe, SortTranslationsByPropertyPipe, SortAlphabeticallyPipe], styles: ["[_nghost-%COMP%]{display:inline-block}.select-trigger-btn[_ngcontent-%COMP%]{position:relative}.select-trigger-btn[_ngcontent-%COMP%] mat-select[_ngcontent-%COMP%]{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0}.select-trigger-btn-label[_ngcontent-%COMP%]{display:flex;align-items:center;white-space:nowrap}.selected-count[_ngcontent-%COMP%]{margin-left:3px}.filter-row[_ngcontent-%COMP%]{display:flex;min-height:40px;min-width:100%;border-radius:.5rem;max-width:100%;align-items:center;margin-bottom:.5rem}.option-search-input[_ngcontent-%COMP%]{font-size:14px;width:100%;padding:.5rem 1rem;margin-bottom:.5rem}.material-icons-outlined[_ngcontent-%COMP%]{color:var(--base-40)}.filter-wrapper[_ngcontent-%COMP%]{max-width:100%;overflow-x:hidden;overflow-y:hidden;display:flex;gap:8px;flex:1}.hidden[_ngcontent-%COMP%]{display:none} .cdk-overlay-pane:has(.filter-panel){margin:15px 0 0 -15px} .filter-panel{border-radius:4px!important}[_nghost-%COMP%] .mat-mdc-form-field-flex{background-color:var(--base-100);max-height:36px}[_nghost-%COMP%] .mat-mdc-form-field-infix{padding-top:6px!important}[_nghost-%COMP%] .mat-mdc-form-field-focus-overlay, [_nghost-%COMP%] .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:var(--base-95)}[_nghost-%COMP%] .mdc-text-field--focused{background-color:var(--base-70)!important}[_nghost-%COMP%] .mat-mdc-select-placeholder, [_nghost-%COMP%] .mat-mdc-select-value-text, [_nghost-%COMP%] .mdc-floating-label{font-size:14px!important}[_nghost-%COMP%] .mdc-text-field--filled{--mat-form-field-filled-active-indicator-height: 0;--mat-form-field-filled-focus-active-indicator-height: 0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}[_nghost-%COMP%] .mat-mdc-text-field-wrapper:hover{background-color:var(--base-70)!important;transition:.1s}[_nghost-%COMP%] .mat-mdc-form-field-subscript-wrapper{display:none}[_nghost-%COMP%] .mdc-floating-label--float-above{margin-top:3px}"] }); }
3662
+ } }, dependencies: [i1$3.NgIf, i2$2.DefaultLayoutDirective, i4.MatSelect, i4.MatOption, i4$1.NgControlStatus, i4$1.NgControlStatusGroup, i1$1.MatButton, i1$1.MatIconButton, i1.MatIcon, i4$1.FormGroupDirective, i4$1.FormControlName, i1$3.TitleCasePipe, i1$2.TranslatePipe, SortTranslationsByPropertyPipe, SortAlphabeticallyPipe], styles: ["[_nghost-%COMP%]{display:inline-block}.select-trigger-btn[_ngcontent-%COMP%]{position:relative}.select-trigger-btn[_ngcontent-%COMP%] mat-select[_ngcontent-%COMP%]{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0}.select-trigger-btn-label[_ngcontent-%COMP%]{display:flex;align-items:center;white-space:nowrap}.selected-count[_ngcontent-%COMP%]{margin-left:3px}.filter-row[_ngcontent-%COMP%]{display:flex;min-height:40px;min-width:100%;border-radius:.5rem;max-width:100%;align-items:center;margin-bottom:.5rem}.option-search-input[_ngcontent-%COMP%]{font-size:14px;width:100%;padding:.5rem 1rem;margin-bottom:.5rem}.material-icons-outlined[_ngcontent-%COMP%]{color:var(--base-40)}.filter-wrapper[_ngcontent-%COMP%]{max-width:100%;overflow-x:hidden;overflow-y:hidden;display:flex;gap:8px;flex:1}.hidden[_ngcontent-%COMP%]{display:none} .cdk-overlay-pane:has(.filter-panel){margin:15px 0 0 -15px} .filter-panel{border-radius:4px!important}[_nghost-%COMP%] .mat-mdc-form-field-flex{background-color:var(--base-100);max-height:36px}[_nghost-%COMP%] .mat-mdc-form-field-infix{padding-top:6px!important}[_nghost-%COMP%] .mat-mdc-form-field-focus-overlay, [_nghost-%COMP%] .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:var(--base-95)}[_nghost-%COMP%] .mdc-text-field--focused{background-color:var(--base-70)!important}[_nghost-%COMP%] .mat-mdc-select-placeholder, [_nghost-%COMP%] .mat-mdc-select-value-text, [_nghost-%COMP%] .mdc-floating-label{font-size:14px!important}[_nghost-%COMP%] .mdc-text-field--filled{--mat-form-field-filled-active-indicator-height: 0;--mat-form-field-filled-focus-active-indicator-height: 0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}[_nghost-%COMP%] .mat-mdc-text-field-wrapper:hover{background-color:var(--base-70)!important;transition:.1s}[_nghost-%COMP%] .mat-mdc-form-field-subscript-wrapper{display:none}[_nghost-%COMP%] .mdc-floating-label--float-above{margin-top:3px}"] }); }
3661
3663
  }
3662
3664
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(FilterBarComponent, [{
3663
3665
  type: Component,
3664
3666
  args: [{ selector: 'tld-filter-bar', standalone: false, template: "<div class=\"filter-row\" *ngIf=\"filterRowVisible\">\r\n <div fxLayout=\"row\" class=\"filter-wrapper\" #filterWrapper [formGroup]=\"form\">\r\n <ng-container [formGroup]=\"filterFormGroup\">\r\n @for (filter of currentFilters; track filter.fieldName; let i = $index) {\r\n <button [class.filter-active]=\"filter.selectedValues?.length\" class=\"select-trigger-btn\" mat-stroked-button color=\"accent\" (click)=\"select.open()\">\r\n <div class=\"select-trigger-btn-label\">\r\n <span>{{filter.title | translate}}</span>\r\n <span *ngIf=\"filter.selectedValues?.length\" class=\"selected-count\">({{filter.selectedValues?.length}})</span>\r\n <mat-icon>{{ select.panelOpen ? \"keyboard_arrow_up\" : \"keyboard_arrow_down\" }}</mat-icon>\r\n </div>\r\n\r\n <mat-select\r\n multiple \r\n #select\r\n [panelClass]=\"'filter-panel'\"\r\n [panelWidth]=\"filter?.maxPanelWidth ?? 'auto'\" \r\n [formControlName]=\"filter.fieldName\" \r\n (openedChange)=\"$event === true ? focusOptionSearchInput(filter, i) : clearOptionSearchInput(filter, i)\"\r\n (selectionChange)=\"selectEvent($event, filter)\" \r\n >\r\n <ng-container *ngIf=\"filter?.search?.placeholder\">\r\n <input #optionSearchInput class=\"option-search-input\" [class.hidden]=\"filter.values!.length < 10\" type=\"text\" [placeholder]=\"filter.search?.placeholder ?? '' | translate\" (keyup)=\"filterOptions($event, filter)\" (keydown)=\"$event.stopPropagation()\">\r\n </ng-container>\r\n \r\n <ng-container *ngIf=\"filter.values.length\">\r\n <ng-container *ngIf=\"filter.translated; else sortedValuesByProperty\">\r\n @for (value of (filter.search?.filteredValues ?? filter.values) | sortAlphabetically:'key'; track value.key) {\r\n <mat-option [class.hidden]=\"filter.search?.searchCriteria && value.isSelected && !value.matchesSearchCriteria\" class=\"filter-option\" [disabled]=\"filter.singleSelection?.selected && filter.singleSelection?.value !== value.value\" [value]=\"value\">\r\n {{ filter.disableTitleCase ? value.key : (value.key | titlecase) }}\r\n </mat-option>\r\n }\r\n </ng-container>\r\n \r\n <ng-template #sortedValuesByProperty>\r\n @for (value of (filter.search?.filteredValues ?? filter.values) | sortTranslationsByProperty:'key':'value'; track value.value) {\r\n <mat-option [class.hidden]=\"filter.search?.searchCriteria && value.isSelected && !value.matchesSearchCriteria\" class=\"filter-option\" [disabled]=\"filter.singleSelection?.selected && filter.singleSelection?.value !== value.value\" [value]=\"value\">\r\n <ng-container *ngIf=\"!filter.disableTitleCase; else defaultCase\">\r\n {{ value.key | translate : { default: value.value | titlecase } }}\r\n </ng-container>\r\n \r\n <ng-template #defaultCase>\r\n {{ value.key | translate : { default: value.value } }} \r\n </ng-template>\r\n </mat-option>\r\n }\r\n </ng-template>\r\n </ng-container>\r\n </mat-select>\r\n </button>\r\n }\r\n </ng-container>\r\n </div>\r\n <ng-container *ngIf=\"filterOverflow\">\r\n <div class=\"filter-arrows\">\r\n <button mat-icon-button (click)=\"switchLeft()\">\r\n <span class=\"material-icons-outlined\">\r\n chevron_left\r\n </span>\r\n </button>\r\n <button mat-icon-button (click)=\"switchRight()\">\r\n <span class=\"material-icons-outlined\">\r\n chevron_right\r\n </span>\r\n </button>\r\n </div>\r\n </ng-container>\r\n</div>\r\n", styles: [":host{display:inline-block}.select-trigger-btn{position:relative}.select-trigger-btn mat-select{width:100%;height:100%;opacity:0;position:absolute;top:0;left:0}.select-trigger-btn-label{display:flex;align-items:center;white-space:nowrap}.selected-count{margin-left:3px}.filter-row{display:flex;min-height:40px;min-width:100%;border-radius:.5rem;max-width:100%;align-items:center;margin-bottom:.5rem}.option-search-input{font-size:14px;width:100%;padding:.5rem 1rem;margin-bottom:.5rem}.material-icons-outlined{color:var(--base-40)}.filter-wrapper{max-width:100%;overflow-x:hidden;overflow-y:hidden;display:flex;gap:8px;flex:1}.hidden{display:none}::ng-deep .cdk-overlay-pane:has(.filter-panel){margin:15px 0 0 -15px}::ng-deep .filter-panel{border-radius:4px!important}:host ::ng-deep .mat-mdc-form-field-flex{background-color:var(--base-100);max-height:36px}:host ::ng-deep .mat-mdc-form-field-infix{padding-top:6px!important}:host ::ng-deep .mat-mdc-form-field-focus-overlay,:host ::ng-deep .mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:var(--base-95)}:host ::ng-deep .mdc-text-field--focused{background-color:var(--base-70)!important}:host ::ng-deep .mat-mdc-select-placeholder,:host ::ng-deep .mat-mdc-select-value-text,:host ::ng-deep .mdc-floating-label{font-size:14px!important}:host ::ng-deep .mdc-text-field--filled{--mat-form-field-filled-active-indicator-height: 0;--mat-form-field-filled-focus-active-indicator-height: 0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}:host ::ng-deep .mat-mdc-text-field-wrapper:hover{background-color:var(--base-70)!important;transition:.1s}:host ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .mdc-floating-label--float-above{margin-top:3px}\n"] }]
3665
- }], () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.TranslateService }], { filterWrapper: [{
3667
+ }], () => [{ type: i0.ChangeDetectorRef }, { type: i1$2.TranslateService }], { filterWrapper: [{
3666
3668
  type: ViewChild,
3667
3669
  args: ["filterWrapper"]
3668
3670
  }], optionSearchInputs: [{
@@ -3799,7 +3801,7 @@ class StatusDisplayComponent {
3799
3801
  const loading_r2 = i0.ɵɵreference(3);
3800
3802
  i0.ɵɵadvance();
3801
3803
  i0.ɵɵproperty("ngIf", !ctx.config.loading)("ngIfElse", loading_r2);
3802
- } }, dependencies: [i1$2.NgIf, i2$5.MatProgressSpinner, i1$1.TranslatePipe], styles: [".status-display-wrapper[_ngcontent-%COMP%]{margin:4rem 0;display:flex;flex-direction:column;align-items:center}.status-display-row-title[_ngcontent-%COMP%], .status-display-row-description[_ngcontent-%COMP%], .status-display-row-extra[_ngcontent-%COMP%]{text-align:center}.status-display-row-description[_ngcontent-%COMP%]{max-width:500px;white-space:wrap}.status-display-row-extra[_ngcontent-%COMP%]{margin-top:1rem}.material-icons-outlined[_ngcontent-%COMP%]{font-size:4rem;color:var(--base-70)}mat-spinner[_ngcontent-%COMP%]{margin:auto}.material-icons[_ngcontent-%COMP%], .material-icons-outlined[_ngcontent-%COMP%]{margin-right:.5rem}"] }); }
3804
+ } }, dependencies: [i1$3.NgIf, i2$4.MatProgressSpinner, i1$2.TranslatePipe], styles: [".status-display-wrapper[_ngcontent-%COMP%]{margin:4rem 0;display:flex;flex-direction:column;align-items:center}.status-display-row-title[_ngcontent-%COMP%], .status-display-row-description[_ngcontent-%COMP%], .status-display-row-extra[_ngcontent-%COMP%]{text-align:center}.status-display-row-description[_ngcontent-%COMP%]{max-width:500px;white-space:wrap}.status-display-row-extra[_ngcontent-%COMP%]{margin-top:1rem}.material-icons-outlined[_ngcontent-%COMP%]{font-size:4rem;color:var(--base-70)}mat-spinner[_ngcontent-%COMP%]{margin:auto}.material-icons[_ngcontent-%COMP%], .material-icons-outlined[_ngcontent-%COMP%]{margin-right:.5rem}"] }); }
3803
3805
  }
3804
3806
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(StatusDisplayComponent, [{
3805
3807
  type: Component,
@@ -4320,7 +4322,7 @@ class MultiFunctionalTableComponent {
4320
4322
  updatePaginator(pageIndex) {
4321
4323
  this.paginator.pageIndex = pageIndex;
4322
4324
  }
4323
- static { this.ɵfac = function MultiFunctionalTableComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MultiFunctionalTableComponent)(i0.ɵɵdirectiveInject(DOMService), i0.ɵɵdirectiveInject(i1$1.TranslateService)); }; }
4325
+ static { this.ɵfac = function MultiFunctionalTableComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MultiFunctionalTableComponent)(i0.ɵɵdirectiveInject(DOMService), i0.ɵɵdirectiveInject(i1$2.TranslateService)); }; }
4324
4326
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MultiFunctionalTableComponent, selectors: [["tld-multi-functional-table"]], contentQueries: function MultiFunctionalTableComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
4325
4327
  i0.ɵɵcontentQuery(dirIndex, MatNoDataRow, 5);
4326
4328
  i0.ɵɵcontentQuery(dirIndex, MatHeaderRowDef, 4);
@@ -4410,12 +4412,12 @@ class MultiFunctionalTableComponent {
4410
4412
  i0.ɵɵproperty("ngForOf", ctx.configurableColumns);
4411
4413
  i0.ɵɵadvance(3);
4412
4414
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(31, 20, "MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT_SAVE"), " ");
4413
- } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i4$2.MatTable, i4$2.MatHeaderCellDef, i4$2.MatHeaderRowDef, i4$2.MatColumnDef, i4$2.MatCellDef, i4$2.MatRowDef, i4$2.MatHeaderCell, i4$2.MatCell, i4$2.MatHeaderRow, i4$2.MatRow, i4$2.MatNoDataRow, i2$1.MatButton, i2$1.MatIconButton, i6$1.MatMenu, i6$1.MatMenuTrigger, i7.MatCheckbox, i4$1.NgControlStatus, i4$1.NgModel, FilterBarComponent, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i2$3.DefaultFlexDirective, i3.DefaultClassDirective, i2$2.MatTooltip, StatusDisplayComponent, i1.MatIcon, i15.MatPaginator, i1$1.TranslatePipe], styles: ["[_nghost-%COMP%] th, [_nghost-%COMP%] tr{white-space:nowrap}[_nghost-%COMP%] td:not(:first-of-type){padding-right:10px!important}[_nghost-%COMP%] tr.mat-mdc-row:hover, [_nghost-%COMP%] tr.mat-mdc-row.highlight{background-color:var(--base-95)}[_nghost-%COMP%] tr.mat-mdc-row.highlight-error{background-color:var(--warning-light)}[_nghost-%COMP%] .export-data .mdc-button__label{display:flex;align-items:center}[_nghost-%COMP%] .mat-mdc-cell, [_nghost-%COMP%] .mat-mdc-header-cell, [_nghost-%COMP%] .mdc-data-table__row:last-child{border-bottom-color:var(--base-70)}[_nghost-%COMP%] .mdc-data-table__row:last-child{border-bottom-width:1px;border-bottom-style:solid}[_nghost-%COMP%] .mdc-data-table__cell:nth-child(2), [_nghost-%COMP%] .mdc-data-table__header-cell:nth-child(2){padding:0 16px 0 10px}[_nghost-%COMP%] td+.cdk-column-columnSelect{display:none}[_nghost-%COMP%] .clear-filters-wrapper .mat-mdc-icon-button, [_nghost-%COMP%] .clear-filters-wrapper .mat-mdc-icon-button .mat-mdc-button-touch-target{height:36px!important;width:36px!important}[_nghost-%COMP%] .clear-filters-wrapper mat-icon{margin-top:-2px;margin-left:-2px}[_nghost-%COMP%] .filter-active{background-color:var(--neutral-95)}[_nghost-%COMP%] .row-actions{opacity:0}[_nghost-%COMP%] .mobile .row-actions, [_nghost-%COMP%] .highlight .row-actions{opacity:1}[_nghost-%COMP%] .mat-mdc-paginator-range-actions button{padding:8px}table[_ngcontent-%COMP%]{width:100%}.wild-search-wrapper[_ngcontent-%COMP%]{position:relative;padding:5px 10px;border-radius:4px;border:1px solid var(--neutral-50);margin:0 8px}.wild-search-wrapper[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{margin-right:30px}.wild-search-wrapper[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{color:var(--base-40)}.wild-search-wrapper[_ngcontent-%COMP%] .wild-search-clear-btn[_ngcontent-%COMP%]{position:absolute;right:3px}.wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%], .wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] .mat-mdc-button-touch-target[_ngcontent-%COMP%]{height:33px!important;width:33px!important}.wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%], .wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%], .wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] .material-icons-outlined[_ngcontent-%COMP%]{top:5px!important;left:5px!important}.mobile[_ngcontent-%COMP%] .wild-search-wrapper[_ngcontent-%COMP%]{margin:0}.column-selector-wrapper[_ngcontent-%COMP%]{display:flex;justify-content:end}.column-select-menu[_ngcontent-%COMP%]{padding:8px 18px 8px 8px}.column-select-save[_ngcontent-%COMP%]{padding-left:8px;padding-top:8px}.column-select-save[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{width:100%}.row-clickable[_ngcontent-%COMP%]{cursor:pointer}.row-clickable[_ngcontent-%COMP%]:active{background-color:var(--base-70)!important}.material-icons[_ngcontent-%COMP%], .material-icons-outlined[_ngcontent-%COMP%]{margin-right:.5rem}.table-action-button[_ngcontent-%COMP%]{margin-bottom:1rem}th.mat-mdc-header-cell[_ngcontent-%COMP%]:first-of-type, td.mat-mdc-cell[_ngcontent-%COMP%]:first-of-type, td.mat-mdc-footer-cell[_ngcontent-%COMP%]:first-of-type{padding:0 0 0 10px}.row-select[_ngcontent-%COMP%]{width:0}.table-overflow[_ngcontent-%COMP%]{overflow-x:auto}.table-dragable[_ngcontent-%COMP%]{cursor:grab;-webkit-user-select:none;user-select:none}.table-dragable[_ngcontent-%COMP%]:active{cursor:grabbing}.table-sticky-header[_ngcontent-%COMP%]{max-height:70vh}"] }); }
4415
+ } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i4$2.MatTable, i4$2.MatHeaderCellDef, i4$2.MatHeaderRowDef, i4$2.MatColumnDef, i4$2.MatCellDef, i4$2.MatRowDef, i4$2.MatHeaderCell, i4$2.MatCell, i4$2.MatHeaderRow, i4$2.MatRow, i4$2.MatNoDataRow, i1$1.MatButton, i1$1.MatIconButton, i6$1.MatMenu, i6$1.MatMenuTrigger, i7.MatCheckbox, i4$1.NgControlStatus, i4$1.NgModel, FilterBarComponent, i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutGapDirective, i2$2.DefaultLayoutAlignDirective, i2$2.DefaultFlexDirective, i3.DefaultClassDirective, i2$1.MatTooltip, StatusDisplayComponent, i1.MatIcon, i15.MatPaginator, i1$2.TranslatePipe], styles: ["[_nghost-%COMP%] th, [_nghost-%COMP%] tr{white-space:nowrap}[_nghost-%COMP%] td:not(:first-of-type){padding-right:10px!important}[_nghost-%COMP%] tr.mat-mdc-row:hover, [_nghost-%COMP%] tr.mat-mdc-row.highlight{background-color:var(--base-95)}[_nghost-%COMP%] tr.mat-mdc-row.highlight-error{background-color:var(--warning-light)}[_nghost-%COMP%] .export-data .mdc-button__label{display:flex;align-items:center}[_nghost-%COMP%] .mat-mdc-cell, [_nghost-%COMP%] .mat-mdc-header-cell, [_nghost-%COMP%] .mdc-data-table__row:last-child{border-bottom-color:var(--base-70)}[_nghost-%COMP%] .mdc-data-table__row:last-child{border-bottom-width:1px;border-bottom-style:solid}[_nghost-%COMP%] .mdc-data-table__cell:nth-child(2), [_nghost-%COMP%] .mdc-data-table__header-cell:nth-child(2){padding:0 16px 0 10px}[_nghost-%COMP%] td+.cdk-column-columnSelect{display:none}[_nghost-%COMP%] .clear-filters-wrapper .mat-mdc-icon-button, [_nghost-%COMP%] .clear-filters-wrapper .mat-mdc-icon-button .mat-mdc-button-touch-target{height:36px!important;width:36px!important}[_nghost-%COMP%] .clear-filters-wrapper mat-icon{margin-top:-2px;margin-left:-2px}[_nghost-%COMP%] .filter-active{background-color:var(--neutral-95)}[_nghost-%COMP%] .row-actions{opacity:0}[_nghost-%COMP%] .mobile .row-actions, [_nghost-%COMP%] .highlight .row-actions{opacity:1}[_nghost-%COMP%] .mat-mdc-paginator-range-actions button{padding:8px}table[_ngcontent-%COMP%]{width:100%}.wild-search-wrapper[_ngcontent-%COMP%]{position:relative;padding:5px 10px;border-radius:4px;border:1px solid var(--neutral-50);margin:0 8px}.wild-search-wrapper[_ngcontent-%COMP%] input[_ngcontent-%COMP%]{margin-right:30px}.wild-search-wrapper[_ngcontent-%COMP%] .search-icon[_ngcontent-%COMP%]{color:var(--base-40)}.wild-search-wrapper[_ngcontent-%COMP%] .wild-search-clear-btn[_ngcontent-%COMP%]{position:absolute;right:3px}.wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%], .wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] .mat-mdc-button-touch-target[_ngcontent-%COMP%]{height:33px!important;width:33px!important}.wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] mat-icon[_ngcontent-%COMP%], .wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] .material-icons[_ngcontent-%COMP%], .wild-search-wrapper[_ngcontent-%COMP%] .mat-mdc-icon-button[_ngcontent-%COMP%] .material-icons-outlined[_ngcontent-%COMP%]{top:5px!important;left:5px!important}.mobile[_ngcontent-%COMP%] .wild-search-wrapper[_ngcontent-%COMP%]{margin:0}.column-selector-wrapper[_ngcontent-%COMP%]{display:flex;justify-content:end}.column-select-menu[_ngcontent-%COMP%]{padding:8px 18px 8px 8px}.column-select-save[_ngcontent-%COMP%]{padding-left:8px;padding-top:8px}.column-select-save[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{width:100%}.row-clickable[_ngcontent-%COMP%]{cursor:pointer}.row-clickable[_ngcontent-%COMP%]:active{background-color:var(--base-70)!important}.material-icons[_ngcontent-%COMP%], .material-icons-outlined[_ngcontent-%COMP%]{margin-right:.5rem}.table-action-button[_ngcontent-%COMP%]{margin-bottom:1rem}th.mat-mdc-header-cell[_ngcontent-%COMP%]:first-of-type, td.mat-mdc-cell[_ngcontent-%COMP%]:first-of-type, td.mat-mdc-footer-cell[_ngcontent-%COMP%]:first-of-type{padding:0 0 0 10px}.row-select[_ngcontent-%COMP%]{width:0}.table-overflow[_ngcontent-%COMP%]{overflow-x:auto}.table-dragable[_ngcontent-%COMP%]{cursor:grab;-webkit-user-select:none;user-select:none}.table-dragable[_ngcontent-%COMP%]:active{cursor:grabbing}.table-sticky-header[_ngcontent-%COMP%]{max-height:70vh}"] }); }
4414
4416
  }
4415
4417
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MultiFunctionalTableComponent, [{
4416
4418
  type: Component,
4417
4419
  args: [{ selector: 'tld-multi-functional-table', standalone: false, template: "<div [ngClass.lt-md]=\"'mobile'\" fxLayout=\"column\" fxLayoutGap=\"0.75rem\">\r\n <div fxLayout=\"row\" fxLayout.lt-md=\"column\" fxLayoutGap.lt-md=\"0.75rem\">\r\n <div\r\n fxFlex\r\n fxLayout.lt-md=\"column\"\r\n fxLayoutGap=\"0.75rem\"\r\n fxLayoutAlign=\"start center\"\r\n fxLayoutAlign.lt-md=\"start start\"\r\n class=\"action-row\"\r\n >\r\n <button\r\n class=\"export-data\"\r\n mat-stroked-button\r\n color=\"accent\"\r\n *ngIf=\"exportActive\"\r\n (click)=\"export()\"\r\n >\r\n <span class=\"material-icons-outlined\">cloud_download</span>\r\n <span>{{ \"MULTI_FUNCTIONAL_TABLE.EXPORT\" | translate }}</span>\r\n </button>\r\n\r\n <div\r\n *ngIf=\"filterActive && showFilterToggle\"\r\n fxFlex\r\n fxLayoutGap=\"0.5rem\"\r\n fxLayoutAlign=\"start center\"\r\n >\r\n <button\r\n [class.filter-active]=\"filterBarVisible\"\r\n mat-stroked-button\r\n color=\"accent\"\r\n (click)=\"toggleFilterBar()\"\r\n >\r\n <span class=\"material-icons\">filter_list</span>\r\n <span>{{ \"MULTI_FUNCTIONAL_TABLE.FILTER_TOGGLE\" | translate }}</span>\r\n </button>\r\n\r\n <div *ngIf=\"showFilterReset\" class=\"clear-filters-wrapper\">\r\n <button mat-icon-button (click)=\"clearFilters()\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <div\r\n *ngIf=\"showSearch\"\r\n fxLayout=\"row\"\r\n fxLayoutAlign=\"start center\"\r\n class=\"wild-search-wrapper\"\r\n >\r\n <mat-icon\r\n class=\"search-icon\"\r\n [matTooltip]=\"hideSearchTooltip ? '' : (searchTooltip | translate)\"\r\n >search</mat-icon\r\n >\r\n <input\r\n [value]=\"config.filter?.settings?.searchValue ?? ''\"\r\n #wildSearch\r\n type=\"text\"\r\n [placeholder]=\"searchTitle | translate\"\r\n (keyup)=\"search($event)\"\r\n />\r\n <button\r\n *ngIf=\"showSearchClearButton && wildSearch.value\"\r\n mat-icon-button\r\n class=\"wild-search-clear-btn\"\r\n (click)=\"wildSearch.value = ''; search({ target: { value: '' } })\"\r\n >\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n\r\n <ng-content select=\"[additionalActions]\"></ng-content>\r\n </div>\r\n\r\n <tld-filter-bar\r\n *ngIf=\"config.filter && config.filter.enabled\"\r\n #filterBar\r\n [filterRowVisible]=\"filterBarVisible\"\r\n [settings]=\"config.filter.settings\"\r\n (filterBarChange)=\"filtersChanged($event)\"\r\n >\r\n </tld-filter-bar>\r\n\r\n <ng-content select=\"[batchActions]\"></ng-content>\r\n\r\n @if(config.paginator?.enabled){\r\n @let paginatorConfig = config.paginator!;\r\n\r\n <mat-paginator [hidePageSize]=\"!paginatorConfig.showPageSize\" [showFirstLastButtons]=\"paginatorConfig.showFirstLastButtons\"\r\n [attr.aria-label]=\"'MULTI_FUNCTIONAL_TABLE.PAGINATOR_LABEL' | translate\" [pageSizeOptions]=\"paginatorConfig.pageSizeOptions ?? [10]\" (page)=\"paginatorChange($event)\">\r\n </mat-paginator>\r\n }\r\n <div\r\n #tableContainer\r\n class=\"table-overflow\"\r\n [class.table-sticky-header]=\"config?.stickyHeader\"\r\n [class.table-dragable]=\"tableOverflow && !config?.disableMouseDragging\"\r\n (mousedown)=\"onMouseDown($event)\"\r\n (mouseup)=\"onMouseUp()\"\r\n (mouseleave)=\"onMouseUp()\"\r\n (mousemove)=\"onMouseMove($event)\"\r\n >\r\n <table\r\n #table\r\n mat-table\r\n [dataSource]=\"dataSource!\"\r\n [trackBy]=\"trackByFn\"\r\n >\r\n <ng-content></ng-content>\r\n <ng-container [matColumnDef]=\"batchColumnName\">\r\n <th class=\"row-select\" mat-header-cell *matHeaderCellDef disable-export>\r\n <mat-checkbox\r\n [matTooltip]=\"'MULTI_FUNCTIONAL_TABLE.SELECT_ALL' | translate\"\r\n [disabled]=\"config.batchConfig!.checkBoxesDisabled\"\r\n (change)=\"toggleAllRowSelection()\"\r\n [checked]=\"matSelection.hasValue() && isAllSelected()\"\r\n [indeterminate]=\"matSelection.hasValue() && !isAllSelected()\"\r\n >\r\n </mat-checkbox>\r\n </th>\r\n <td\r\n class=\"row-select\"\r\n mat-cell\r\n *matCellDef=\"let element\"\r\n disable-export\r\n >\r\n <mat-checkbox\r\n [matTooltip]=\"'MULTI_FUNCTIONAL_TABLE.SELECT' | translate\"\r\n *ngIf=\"\r\n isRowCheckboxAlwaysVisible ||\r\n hoveredRow === element ||\r\n matSelection.isSelected(element)\r\n \"\r\n [disabled]=\"\r\n config.batchConfig!.checkBoxesDisabled ||\r\n (preselectedItems.includes(element) && disablePreselectedItems)\r\n \"\r\n (click)=\"$event.stopPropagation()\"\r\n (change)=\"toggleElementSelection(element)\"\r\n [checked]=\"matSelection.isSelected(element)\"\r\n >\r\n </mat-checkbox>\r\n </td>\r\n </ng-container>\r\n <tr\r\n mat-header-row\r\n *matHeaderRowDef=\"displayColumns; sticky: config?.stickyHeader ?? false\"\r\n ></tr>\r\n <tr\r\n mat-row\r\n *matRowDef=\"let row; let index = index; columns: displayColumns\"\r\n (click)=\"\r\n config?.rowClickCallback && (!config.disableRowClick || !config?.disableRowClick(row))\r\n ? config?.rowClickCallback(row)\r\n : null\r\n \"\r\n (mouseover)=\"rowHovered(index,row)\"\r\n (mouseleave)=\"rowHoverLeave()\"\r\n [class.row-clickable]=\"\r\n config?.rowClickCallback && (!config.disableRowClick || !config?.disableRowClick(row))\r\n \"\r\n [class.highlight-error]=\"highlightErrorElement(index, row)\"\r\n [class.highlight]=\"isElementHighlighted(index,row)\"\r\n ></tr>\r\n\r\n <ng-container [matColumnDef]=\"columnSelectColumnName\">\r\n <th class=\"row-select\" mat-header-cell *matHeaderCellDef disable-export>\r\n <div class=\"column-selector-wrapper\">\r\n <button\r\n class=\"column-selector\"\r\n mat-icon-button\r\n color=\"accent\"\r\n [matMenuTriggerFor]=\"columnMenu\"\r\n >\r\n <span class=\"material-icons\">more_vert</span>\r\n </button>\r\n </div>\r\n </th>\r\n <td\r\n class=\"row-select\"\r\n mat-cell\r\n *matCellDef=\"let element\"\r\n disable-export\r\n ></td>\r\n </ng-container>\r\n <ng-container *ngIf=\"noDataRowActive\">\r\n <tr *matNoDataRow>\r\n <!-- add random number to make sure it takes full width -->\r\n <td colspan=\"99\">\r\n <lib-status-display [config]=\"noDataRowConfig\"></lib-status-display>\r\n </td>\r\n </tr>\r\n </ng-container>\r\n </table>\r\n </div>\r\n</div>\r\n\r\n<mat-menu #columnMenu=\"matMenu\">\r\n <div class=\"column-select-menu\" (click)=\"$event.stopPropagation()\">\r\n <div *ngFor=\"let column of configurableColumns\">\r\n <mat-checkbox [(ngModel)]=\"column.selected\">\r\n {{ column.displayName | translate }}\r\n </mat-checkbox>\r\n </div>\r\n\r\n <div class=\"column-select-save\">\r\n <button\r\n mat-flat-button\r\n color=\"accent\"\r\n (click)=\"updateDisplayColumns()\"\r\n >\r\n {{ \"MULTI_FUNCTIONAL_TABLE.COLUMN_SELECT_SAVE\" | translate }}\r\n </button>\r\n </div>\r\n </div>\r\n</mat-menu>\r\n", styles: [":host ::ng-deep th,:host ::ng-deep tr{white-space:nowrap}:host ::ng-deep td:not(:first-of-type){padding-right:10px!important}:host ::ng-deep tr.mat-mdc-row:hover,:host ::ng-deep tr.mat-mdc-row.highlight{background-color:var(--base-95)}:host ::ng-deep tr.mat-mdc-row.highlight-error{background-color:var(--warning-light)}:host ::ng-deep .export-data .mdc-button__label{display:flex;align-items:center}:host ::ng-deep .mat-mdc-cell,:host ::ng-deep .mat-mdc-header-cell,:host ::ng-deep .mdc-data-table__row:last-child{border-bottom-color:var(--base-70)}:host ::ng-deep .mdc-data-table__row:last-child{border-bottom-width:1px;border-bottom-style:solid}:host ::ng-deep .mdc-data-table__cell:nth-child(2),:host ::ng-deep .mdc-data-table__header-cell:nth-child(2){padding:0 16px 0 10px}:host ::ng-deep td+.cdk-column-columnSelect{display:none}:host ::ng-deep .clear-filters-wrapper .mat-mdc-icon-button,:host ::ng-deep .clear-filters-wrapper .mat-mdc-icon-button .mat-mdc-button-touch-target{height:36px!important;width:36px!important}:host ::ng-deep .clear-filters-wrapper mat-icon{margin-top:-2px;margin-left:-2px}:host ::ng-deep .filter-active{background-color:var(--neutral-95)}:host ::ng-deep .row-actions{opacity:0}:host ::ng-deep .mobile .row-actions,:host ::ng-deep .highlight .row-actions{opacity:1}:host ::ng-deep .mat-mdc-paginator-range-actions button{padding:8px}table{width:100%}.wild-search-wrapper{position:relative;padding:5px 10px;border-radius:4px;border:1px solid var(--neutral-50);margin:0 8px}.wild-search-wrapper input{margin-right:30px}.wild-search-wrapper .search-icon{color:var(--base-40)}.wild-search-wrapper .wild-search-clear-btn{position:absolute;right:3px}.wild-search-wrapper .mat-mdc-icon-button,.wild-search-wrapper .mat-mdc-icon-button .mat-mdc-button-touch-target{height:33px!important;width:33px!important}.wild-search-wrapper .mat-mdc-icon-button mat-icon,.wild-search-wrapper .mat-mdc-icon-button .material-icons,.wild-search-wrapper .mat-mdc-icon-button .material-icons-outlined{top:5px!important;left:5px!important}.mobile .wild-search-wrapper{margin:0}.column-selector-wrapper{display:flex;justify-content:end}.column-select-menu{padding:8px 18px 8px 8px}.column-select-save{padding-left:8px;padding-top:8px}.column-select-save button{width:100%}.row-clickable{cursor:pointer}.row-clickable:active{background-color:var(--base-70)!important}.material-icons,.material-icons-outlined{margin-right:.5rem}.table-action-button{margin-bottom:1rem}th.mat-mdc-header-cell:first-of-type,td.mat-mdc-cell:first-of-type,td.mat-mdc-footer-cell:first-of-type{padding:0 0 0 10px}.row-select{width:0}.table-overflow{overflow-x:auto}.table-dragable{cursor:grab;-webkit-user-select:none;user-select:none}.table-dragable:active{cursor:grabbing}.table-sticky-header{max-height:70vh}\n"] }]
4418
- }], () => [{ type: DOMService }, { type: i1$1.TranslateService }], { config: [{
4420
+ }], () => [{ type: DOMService }, { type: i1$2.TranslateService }], { config: [{
4419
4421
  type: Input
4420
4422
  }], highlightedElements: [{
4421
4423
  type: Input
@@ -4589,7 +4591,7 @@ class ConfirmationModalComponent {
4589
4591
  this.data = data;
4590
4592
  this.confirmation = Confirmation;
4591
4593
  }
4592
- static { this.ɵfac = function ConfirmationModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConfirmationModalComponent)(i0.ɵɵdirectiveInject(i1$4.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
4594
+ static { this.ɵfac = function ConfirmationModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConfirmationModalComponent)(i0.ɵɵdirectiveInject(i1$5.MatDialogRef), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
4593
4595
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConfirmationModalComponent, selectors: [["lib-confirmation-modal"]], standalone: false, decls: 15, vars: 15, consts: [["mat-dialog-title", ""], ["mat-dialog-content", ""], [1, "confirmation-description"], [4, "ngIf"], ["align", "end"], ["mat-button", "", 3, "mat-dialog-close"], ["mat-flat-button", "", "color", "accent", 3, "mat-dialog-close"], [4, "ngFor", "ngForOf"]], template: function ConfirmationModalComponent_Template(rf, ctx) { if (rf & 1) {
4594
4596
  i0.ɵɵelementStart(0, "h1", 0);
4595
4597
  i0.ɵɵtext(1);
@@ -4624,12 +4626,12 @@ class ConfirmationModalComponent {
4624
4626
  i0.ɵɵproperty("mat-dialog-close", ctx.confirmation.PRIMARY);
4625
4627
  i0.ɵɵadvance();
4626
4628
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(14, 13, ctx.data.confirmationText), " ");
4627
- } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i1$4.MatDialogClose, i1$4.MatDialogTitle, i1$4.MatDialogActions, i1$4.MatDialogContent, i2$1.MatButton, i1$1.TranslatePipe], styles: [".confirmation-description[_ngcontent-%COMP%]{color:var(--base-40)}.confirmation-description[_ngcontent-%COMP%]{margin-top:4px}"] }); }
4629
+ } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i1$5.MatDialogClose, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, i1$1.MatButton, i1$2.TranslatePipe], styles: [".confirmation-description[_ngcontent-%COMP%]{color:var(--base-40)}.confirmation-description[_ngcontent-%COMP%]{margin-top:4px}"] }); }
4628
4630
  }
4629
4631
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmationModalComponent, [{
4630
4632
  type: Component,
4631
4633
  args: [{ selector: 'lib-confirmation-modal', standalone: false, template: "<h1 mat-dialog-title>{{ data.title | translate }}</h1>\r\n<div mat-dialog-content>\r\n <p class=\"confirmation-description\">{{ data.descriptioon | translate }}</p>\r\n \r\n <ul *ngIf=\"data.details\">\r\n <li *ngFor=\"let extraData of data.details\">\r\n {{ extraData }}\r\n </li>\r\n </ul>\r\n</div>\r\n<mat-dialog-actions align=\"end\">\r\n <button mat-button [mat-dialog-close]=\"confirmation.SECONDARY\">\r\n {{ data.rejectionText | translate }}\r\n </button>\r\n <button mat-flat-button color=\"accent\" [mat-dialog-close]=\"confirmation.PRIMARY\">\r\n {{ data.confirmationText | translate }}\r\n </button>\r\n</mat-dialog-actions>\r\n", styles: [".confirmation-description{color:var(--base-40)}.confirmation-description{margin-top:4px}\n"] }]
4632
- }], () => [{ type: i1$4.MatDialogRef }, { type: undefined, decorators: [{
4634
+ }], () => [{ type: i1$5.MatDialogRef }, { type: undefined, decorators: [{
4633
4635
  type: Inject,
4634
4636
  args: [MAT_DIALOG_DATA]
4635
4637
  }] }], null); })();
@@ -4661,7 +4663,7 @@ class ConfirmationService {
4661
4663
  });
4662
4664
  return dialogRef.afterClosed();
4663
4665
  }
4664
- static { this.ɵfac = function ConfirmationService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConfirmationService)(i0.ɵɵinject(i1$4.MatDialog)); }; }
4666
+ static { this.ɵfac = function ConfirmationService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConfirmationService)(i0.ɵɵinject(i1$5.MatDialog)); }; }
4665
4667
  static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: ConfirmationService, factory: ConfirmationService.ɵfac, providedIn: 'root' }); }
4666
4668
  }
4667
4669
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConfirmationService, [{
@@ -4669,7 +4671,7 @@ class ConfirmationService {
4669
4671
  args: [{
4670
4672
  providedIn: 'root'
4671
4673
  }]
4672
- }], () => [{ type: i1$4.MatDialog }], null); })();
4674
+ }], () => [{ type: i1$5.MatDialog }], null); })();
4673
4675
 
4674
4676
  const OPEN_CLOSE_BTN_ICONS_TOKEN = 'OPEN_CLOSE_BTN_ICONS_TOKEN';
4675
4677
 
@@ -4752,7 +4754,7 @@ class OpenCloseButtonComponent {
4752
4754
  i0.ɵɵproperty("ngIf", !ctx.isIcon);
4753
4755
  i0.ɵɵadvance();
4754
4756
  i0.ɵɵproperty("ngIf", ctx.isIcon);
4755
- } }, 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)}"] }); }
4757
+ } }, dependencies: [i1$3.NgIf, i1$1.MatButton, i1$1.MatIconButton, i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutAlignDirective, i3.DefaultClassDirective, i1$2.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)}"] }); }
4756
4758
  }
4757
4759
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(OpenCloseButtonComponent, [{
4758
4760
  type: Component,
@@ -5060,7 +5062,7 @@ class TerminologyCollectionService {
5060
5062
  collection.modifyDate = new Date(collection.modifyDate.toString() + "Z");
5061
5063
  return new CombinedCollection(collection, null);
5062
5064
  }
5063
- static { this.ɵfac = function TerminologyCollectionService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TerminologyCollectionService)(i0.ɵɵinject(TerminologyConfigService), i0.ɵɵinject(i1$3.HttpClient)); }; }
5065
+ static { this.ɵfac = function TerminologyCollectionService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TerminologyCollectionService)(i0.ɵɵinject(TerminologyConfigService), i0.ɵɵinject(i1$4.HttpClient)); }; }
5064
5066
  static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: TerminologyCollectionService, factory: TerminologyCollectionService.ɵfac, providedIn: "root" }); }
5065
5067
  }
5066
5068
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyCollectionService, [{
@@ -5068,7 +5070,7 @@ class TerminologyCollectionService {
5068
5070
  args: [{
5069
5071
  providedIn: "root",
5070
5072
  }]
5071
- }], () => [{ type: TerminologyConfigService }, { type: i1$3.HttpClient }], null); })();
5073
+ }], () => [{ type: TerminologyConfigService }, { type: i1$4.HttpClient }], null); })();
5072
5074
 
5073
5075
  class EngineTermApiService {
5074
5076
  constructor(http, config) {
@@ -5103,7 +5105,7 @@ class EngineTermApiService {
5103
5105
  sync(engineId, collectionId) {
5104
5106
  return this.http.post(`${this.baseUrl}/${engineId}/terms/${collectionId}/sync`, {});
5105
5107
  }
5106
- static { this.ɵfac = function EngineTermApiService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EngineTermApiService)(i0.ɵɵinject(i1$3.HttpClient), i0.ɵɵinject(TerminologyConfigService)); }; }
5108
+ static { this.ɵfac = function EngineTermApiService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EngineTermApiService)(i0.ɵɵinject(i1$4.HttpClient), i0.ɵɵinject(TerminologyConfigService)); }; }
5107
5109
  static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: EngineTermApiService, factory: EngineTermApiService.ɵfac, providedIn: 'root' }); }
5108
5110
  }
5109
5111
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EngineTermApiService, [{
@@ -5111,7 +5113,7 @@ class EngineTermApiService {
5111
5113
  args: [{
5112
5114
  providedIn: 'root'
5113
5115
  }]
5114
- }], () => [{ type: i1$3.HttpClient }, { type: TerminologyConfigService }], null); })();
5116
+ }], () => [{ type: i1$4.HttpClient }, { type: TerminologyConfigService }], null); })();
5115
5117
 
5116
5118
  class TerminologyApiService {
5117
5119
  constructor(config, engineTermApi) {
@@ -5746,7 +5748,7 @@ class TerminologyCollectionCardComponent {
5746
5748
  i0.ɵɵtemplate(0, TerminologyCollectionCardComponent_ng_container_0_Template, 20, 17, "ng-container", 1);
5747
5749
  } if (rf & 2) {
5748
5750
  i0.ɵɵproperty("ngIf", ctx.collection);
5749
- } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i2$3.DefaultFlexDirective, i2$1.MatButton, i2$1.MatIconButton, i1.MatIcon, i2$5.MatProgressSpinner, i5.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)}"] }); }
5751
+ } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutGapDirective, i2$2.DefaultLayoutAlignDirective, i2$2.DefaultFlexDirective, i1$1.MatButton, i1$1.MatIconButton, i1.MatIcon, i2$4.MatProgressSpinner, i5.MatRadioButton, i2$1.MatTooltip, i1$3.UpperCasePipe, i1$2.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)}"] }); }
5750
5752
  }
5751
5753
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyCollectionCardComponent, [{
5752
5754
  type: Component,
@@ -5907,7 +5909,7 @@ class TerminologyCollectionListComponent {
5907
5909
  i0.ɵɵproperty("ngIf", !ctx.hasAnyCollections);
5908
5910
  i0.ɵɵadvance();
5909
5911
  i0.ɵɵproperty("ngIf", ctx.hasAnyCollections);
5910
- } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutAlignDirective, i5.MatRadioGroup, i5.MatRadioButton, TerminologyCollectionCardComponent, i1$1.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-badge{background-color:#9aa5b1;color:var(--base-100);font-size:10px;border-radius:12px;padding:4px 8px;line-height:16px;display:inline-block;margin-left:5px}[_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}"] }); }
5912
+ } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutAlignDirective, i5.MatRadioGroup, i5.MatRadioButton, TerminologyCollectionCardComponent, i1$2.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-badge{background-color:#9aa5b1;color:var(--base-100);font-size:10px;border-radius:12px;padding:4px 8px;line-height:16px;display:inline-block;margin-left:5px}[_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}"] }); }
5911
5913
  }
5912
5914
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyCollectionListComponent, [{
5913
5915
  type: Component,
@@ -5969,7 +5971,7 @@ class TerminologyCreateCollectionDialogComponent {
5969
5971
  ngOnDestroy() {
5970
5972
  this.subscription.unsubscribe();
5971
5973
  }
5972
- static { this.ɵfac = function TerminologyCreateCollectionDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TerminologyCreateCollectionDialogComponent)(i0.ɵɵdirectiveInject(i1$4.MatDialogRef), i0.ɵɵdirectiveInject(TerminologyConfigService), i0.ɵɵdirectiveInject(i1$1.TranslateService), i0.ɵɵdirectiveInject(i4$1.FormBuilder), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
5974
+ static { this.ɵfac = function TerminologyCreateCollectionDialogComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TerminologyCreateCollectionDialogComponent)(i0.ɵɵdirectiveInject(i1$5.MatDialogRef), i0.ɵɵdirectiveInject(TerminologyConfigService), i0.ɵɵdirectiveInject(i1$2.TranslateService), i0.ɵɵdirectiveInject(i4$1.FormBuilder), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
5973
5975
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TerminologyCreateCollectionDialogComponent, selectors: [["lib-terminology-create-collection-dialog"]], standalone: false, decls: 23, vars: 25, consts: [["mat-dialog-title", ""], ["mat-dialog-close", "", 1, "close-button"], ["mat-dialog-content", ""], [1, "main-description", 3, "innerHtml"], [1, "text-s", 3, "innerHtml"], [3, "formGroup"], ["appearance", "outline", 1, "collection-name-form-field"], ["matInput", "", "formControlName", "collectionName", 3, "keyup.enter"], [4, "ngIf"], ["fxLayout", "row", "fxLayoutAlign", "end center", 1, "glossary-create-actions"], ["mat-stroked-button", "", "mat-dialog-close", "", "color", "accent"], ["mat-flat-button", "", "cdkFocusInitial", "", "color", "accent", 3, "click", "disabled"]], template: function TerminologyCreateCollectionDialogComponent_Template(rf, ctx) { if (rf & 1) {
5974
5976
  i0.ɵɵelementStart(0, "h1", 0);
5975
5977
  i0.ɵɵtext(1);
@@ -6018,12 +6020,12 @@ class TerminologyCreateCollectionDialogComponent {
6018
6020
  i0.ɵɵproperty("disabled", ctx.form.invalid);
6019
6021
  i0.ɵɵadvance();
6020
6022
  i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(22, 20, "TERM_COLLECTIONS.CREATE_DIALOG.CREATE"));
6021
- } }, dependencies: [i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutAlignDirective, i4$1.ɵNgNoValidate, i4$1.DefaultValueAccessor, i4$1.NgControlStatus, i4$1.NgControlStatusGroup, i4$1.FormGroupDirective, i4$1.FormControlName, CloseButtonComponent, i2$1.MatButton, i1$4.MatDialogClose, i1$4.MatDialogTitle, i1$4.MatDialogActions, i1$4.MatDialogContent, i9.MatInput, i9.MatFormField, i9.MatLabel, i9.MatError, i1$1.TranslatePipe], styles: ["input[_ngcontent-%COMP%]{outline:none!important}.create-dialog-wrapper[_ngcontent-%COMP%]{position:relative}.close-button[_ngcontent-%COMP%]{position:absolute;right:1em;top:1em}.main-description[_ngcontent-%COMP%]{margin-bottom:.25em}.collection-name-form-field[_ngcontent-%COMP%]{margin-top:2em}.mdc-dialog__content[_ngcontent-%COMP%]{padding:0 24px!important}"] }); }
6023
+ } }, dependencies: [i1$3.NgIf, i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutAlignDirective, i4$1.ɵNgNoValidate, i4$1.DefaultValueAccessor, i4$1.NgControlStatus, i4$1.NgControlStatusGroup, i4$1.FormGroupDirective, i4$1.FormControlName, CloseButtonComponent, i1$1.MatButton, i1$5.MatDialogClose, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, i9.MatInput, i9.MatFormField, i9.MatLabel, i9.MatError, i1$2.TranslatePipe], styles: ["input[_ngcontent-%COMP%]{outline:none!important}.create-dialog-wrapper[_ngcontent-%COMP%]{position:relative}.close-button[_ngcontent-%COMP%]{position:absolute;right:1em;top:1em}.main-description[_ngcontent-%COMP%]{margin-bottom:.25em}.collection-name-form-field[_ngcontent-%COMP%]{margin-top:2em}.mdc-dialog__content[_ngcontent-%COMP%]{padding:0 24px!important}"] }); }
6022
6024
  }
6023
6025
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyCreateCollectionDialogComponent, [{
6024
6026
  type: Component,
6025
6027
  args: [{ selector: "lib-terminology-create-collection-dialog", standalone: false, template: "<h1 mat-dialog-title>{{ \"TERM_COLLECTIONS.CREATE_DIALOG.TITLE\" | translate }}</h1>\r\n<tld-close-button class=\"close-button\" mat-dialog-close> </tld-close-button>\r\n<div mat-dialog-content>\r\n <p class=\"main-description\" [innerHtml]=\"'TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_1' | translate : { appName, termPortalName }\"></p>\r\n <p class=\"text-s\" [innerHtml]=\"'TERM_COLLECTIONS.CREATE_DIALOG.DESCRIPTION_2' | translate\"></p>\r\n <form [formGroup]=\"form\">\r\n <mat-form-field appearance=\"outline\" class=\"collection-name-form-field\">\r\n <mat-label>{{ \"TERM_COLLECTIONS.CREATE_DIALOG.COLLECTION_NAME_LABEL\" | translate }} </mat-label>\r\n <input matInput formControlName=\"collectionName\" (keyup.enter)=\"create()\" />\r\n <mat-error *ngIf=\"form.controls['collectionName'].errors\">{{ \"TERM_COLLECTIONS.CREATE_DIALOG.COLLECTION_NAME_ERROR\" | translate : { minLength: minLength, maxLength: maxLength } }}</mat-error>\r\n </mat-form-field>\r\n</form>\r\n</div>\r\n<mat-dialog-actions fxLayout=\"row\" fxLayoutAlign=\"end center\" class=\"glossary-create-actions\">\r\n <button mat-stroked-button mat-dialog-close color=\"accent\">{{ \"TERM_COLLECTIONS.CREATE_DIALOG.CANCEL\" | translate }}</button>\r\n <button mat-flat-button (click)=\"create()\" cdkFocusInitial color=\"accent\" [disabled]=\"form.invalid\">{{ \"TERM_COLLECTIONS.CREATE_DIALOG.CREATE\" | translate }}</button>\r\n</mat-dialog-actions>\r\n", styles: ["input{outline:none!important}.create-dialog-wrapper{position:relative}.close-button{position:absolute;right:1em;top:1em}.main-description{margin-bottom:.25em}.collection-name-form-field{margin-top:2em}.mdc-dialog__content{padding:0 24px!important}\n"] }]
6026
- }], () => [{ type: i1$4.MatDialogRef }, { type: TerminologyConfigService }, { type: i1$1.TranslateService }, { type: i4$1.FormBuilder }, { type: undefined, decorators: [{
6028
+ }], () => [{ type: i1$5.MatDialogRef }, { type: TerminologyConfigService }, { type: i1$2.TranslateService }, { type: i4$1.FormBuilder }, { type: undefined, decorators: [{
6027
6029
  type: Inject,
6028
6030
  args: [MAT_DIALOG_DATA]
6029
6031
  }] }], null); })();
@@ -6074,17 +6076,17 @@ class TerminologyCreateCollectionComponent {
6074
6076
  });
6075
6077
  });
6076
6078
  }
6077
- static { this.ɵfac = function TerminologyCreateCollectionComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TerminologyCreateCollectionComponent)(i0.ɵɵdirectiveInject(i1$1.TranslateService), i0.ɵɵdirectiveInject(i1$4.MatDialog), i0.ɵɵdirectiveInject(TerminologyService)); }; }
6079
+ static { this.ɵfac = function TerminologyCreateCollectionComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || TerminologyCreateCollectionComponent)(i0.ɵɵdirectiveInject(i1$2.TranslateService), i0.ɵɵdirectiveInject(i1$5.MatDialog), i0.ɵɵdirectiveInject(TerminologyService)); }; }
6078
6080
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: TerminologyCreateCollectionComponent, selectors: [["lib-terminology-create-collection"]], inputs: { sourceLanguageCode: "sourceLanguageCode", targetLanguageCode: "targetLanguageCode" }, outputs: { collectionCreated: "collectionCreated" }, standalone: false, decls: 1, vars: 1, consts: [["mat-flat-button", "", "color", "accent", "class", "term-create-btn", 3, "click", 4, "ngIf"], ["mat-flat-button", "", "color", "accent", 1, "term-create-btn", 3, "click"]], template: function TerminologyCreateCollectionComponent_Template(rf, ctx) { if (rf & 1) {
6079
6081
  i0.ɵɵtemplate(0, TerminologyCreateCollectionComponent_button_0_Template, 3, 3, "button", 0);
6080
6082
  } if (rf & 2) {
6081
6083
  i0.ɵɵproperty("ngIf", ctx.canCreateCollections);
6082
- } }, dependencies: [i1$2.NgIf, i2$1.MatButton, i1$1.TranslatePipe], styles: [".term-create-btn[_ngcontent-%COMP%]{white-space:nowrap}"] }); }
6084
+ } }, dependencies: [i1$3.NgIf, i1$1.MatButton, i1$2.TranslatePipe], styles: [".term-create-btn[_ngcontent-%COMP%]{white-space:nowrap}"] }); }
6083
6085
  }
6084
6086
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyCreateCollectionComponent, [{
6085
6087
  type: Component,
6086
6088
  args: [{ selector: 'lib-terminology-create-collection', standalone: false, template: "<button *ngIf=\"canCreateCollections\" mat-flat-button color=\"accent\" (click)=\"create()\" class=\"term-create-btn\">\r\n {{ \"TERM_COLLECTIONS.CREATE\" | translate }}\r\n</button>\r\n", styles: [".term-create-btn{white-space:nowrap}\n"] }]
6087
- }], () => [{ type: i1$1.TranslateService }, { type: i1$4.MatDialog }, { type: TerminologyService }], { sourceLanguageCode: [{
6089
+ }], () => [{ type: i1$2.TranslateService }, { type: i1$5.MatDialog }, { type: TerminologyService }], { sourceLanguageCode: [{
6088
6090
  type: Input
6089
6091
  }], targetLanguageCode: [{
6090
6092
  type: Input
@@ -6217,7 +6219,7 @@ class TerminologyPanelComponent {
6217
6219
  const emptyView_r4 = i0.ɵɵreference(3);
6218
6220
  i0.ɵɵadvance();
6219
6221
  i0.ɵɵproperty("ngIf", ctx.showGlossaryList)("ngIfElse", emptyView_r4);
6220
- } }, dependencies: [i1$2.NgIf, i2$3.DefaultLayoutDirective, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, TerminologyCreateCollectionComponent, TerminologyCollectionListComponent, i1$1.TranslatePipe], styles: [".tld-collection-list-footer[_ngcontent-%COMP%]{margin-top:1rem;padding:0 .75em 1em}.default-glossary-management[_ngcontent-%COMP%]{display:block;color:var(--base-30)}.term-reader-wrapper[_ngcontent-%COMP%]{margin:1em}.glossary-unavailable[_ngcontent-%COMP%]{font-weight:500;font-style:italic}.hint-title[_ngcontent-%COMP%]{margin-bottom:0}"] }); }
6222
+ } }, dependencies: [i1$3.NgIf, i2$2.DefaultLayoutDirective, i2$2.DefaultLayoutGapDirective, i2$2.DefaultLayoutAlignDirective, TerminologyCreateCollectionComponent, TerminologyCollectionListComponent, i1$2.TranslatePipe], styles: [".tld-collection-list-footer[_ngcontent-%COMP%]{margin-top:1rem;padding:0 .75em 1em}.default-glossary-management[_ngcontent-%COMP%]{display:block;color:var(--base-30)}.term-reader-wrapper[_ngcontent-%COMP%]{margin:1em}.glossary-unavailable[_ngcontent-%COMP%]{font-weight:500;font-style:italic}.hint-title[_ngcontent-%COMP%]{margin-bottom:0}"] }); }
6221
6223
  }
6222
6224
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyPanelComponent, [{
6223
6225
  type: Component,
@@ -6451,7 +6453,7 @@ class TerminologyComponent {
6451
6453
  i0.ɵɵproperty("ngIf", !ctx.hideGlossaryMenuWithoutCollections || ctx.hideGlossaryMenuWithoutCollections && ctx.hasAnyCollections);
6452
6454
  i0.ɵɵadvance(5);
6453
6455
  i0.ɵɵproperty("system", ctx.system)("selectedCollection", ctx.selected)("setSelectedFromLocalStorage", ctx.setSelectedFromLocalStorage);
6454
- } }, dependencies: [i1$2.NgIf, OpenCloseButtonComponent, i2$3.DefaultLayoutGapDirective, i2$3.DefaultLayoutAlignDirective, i3.DefaultShowHideDirective, i3.DefaultClassDirective, CloseButtonComponent, i2$1.MatIconButton, i1.MatIcon, i2$5.MatProgressSpinner, i6$1.MatMenu, i6$1.MatMenuTrigger, i2$2.MatTooltip, TerminologyPanelComponent, i1$1.TranslatePipe], styles: ["[_nghost-%COMP%] .mdc-circular-progress__circle-clipper, [_nghost-%COMP%] .mdc-circular-progress__indeterminate-circle-graphic{width:100%!important}.selected-col-spinner[_ngcontent-%COMP%]{margin-left:5px}.tld-collection-menu-button[_ngcontent-%COMP%] .selected-collection[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis;max-width:140px;display:inline-block;white-space:nowrap}"] }); }
6456
+ } }, dependencies: [i1$3.NgIf, OpenCloseButtonComponent, i2$2.DefaultLayoutGapDirective, i2$2.DefaultLayoutAlignDirective, i3.DefaultShowHideDirective, i3.DefaultClassDirective, CloseButtonComponent, i1$1.MatIconButton, i1.MatIcon, i2$4.MatProgressSpinner, i6$1.MatMenu, i6$1.MatMenuTrigger, i2$1.MatTooltip, TerminologyPanelComponent, i1$2.TranslatePipe], styles: ["[_nghost-%COMP%] .mdc-circular-progress__circle-clipper, [_nghost-%COMP%] .mdc-circular-progress__indeterminate-circle-graphic{width:100%!important}.selected-col-spinner[_ngcontent-%COMP%]{margin-left:5px}.tld-collection-menu-button[_ngcontent-%COMP%] .selected-collection[_ngcontent-%COMP%]{overflow:hidden;text-overflow:ellipsis;max-width:140px;display:inline-block;white-space:nowrap}"] }); }
6455
6457
  }
6456
6458
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TerminologyComponent, [{
6457
6459
  type: Component,
@@ -6691,10 +6693,10 @@ class TextToSpeechComponent {
6691
6693
  i0.ɵɵproperty("ngIf", !ctx.isLoading);
6692
6694
  i0.ɵɵadvance();
6693
6695
  i0.ɵɵproperty("ngIf", ctx.isLoading);
6694
- } }, dependencies: [CommonModule, i1$2.NgForOf, i1$2.NgIf, MatIconButton,
6696
+ } }, dependencies: [CommonModule, i1$3.NgForOf, i1$3.NgIf, MatIconButton,
6695
6697
  MatIcon,
6696
6698
  FormsModule, i4$1.DefaultValueAccessor, i4$1.NgControlStatus, i4$1.NgModel, MatProgressSpinner,
6697
- MatTooltipModule, i2$2.MatTooltip, MatFormFieldModule, i9.MatFormField, i9.MatLabel, MatSelectModule, i4.MatSelect, i4.MatOption, FlexLayoutModule, i3.DefaultClassDirective, TranslateModule, i1$1.TranslatePipe], styles: [".text-to-speech-wrapper[_ngcontent-%COMP%]{margin-top:5px;position:relative;display:flex;flex-direction:column;align-items:center}.text-to-speech-wrapper[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{max-width:900px!important;width:100%}.text-to-speech-textarea-wrapper[_ngcontent-%COMP%], .text-to-speech-textarea[_ngcontent-%COMP%]{position:relative;width:100%;max-width:900px}.text-to-speech-textarea-wrapper[_ngcontent-%COMP%]{border:1px solid var(--base-70);padding:5px;border-radius:8px;box-shadow:0 0 16px #0000001a}.text-to-speech-textarea[_ngcontent-%COMP%]{margin:15px 0;padding:0 10px;min-height:120px;resize:none;outline:none;border:none}.text-to-speech-actions[_ngcontent-%COMP%]{position:absolute;bottom:-20px}.text-to-speech-actions[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{display:flex;justify-content:center;color:var(--base-100)!important;background-color:var(--accent)}.text-to-speech-actions[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:disabled{background-color:var(--base-70)}.text-to-speech-actions[_ngcontent-%COMP%] button[_ngcontent-%COMP%] mat-spinner[_ngcontent-%COMP%]{scale:1.2}.text-to-speech-characters[_ngcontent-%COMP%]{position:absolute;right:10px;bottom:0;margin:5px;font-size:13px;color:var(--base-65)}.text-overflow[_ngcontent-%COMP%]{right:30px}.mobile[_ngcontent-%COMP%] .text-overflow[_ngcontent-%COMP%]{right:15px}"] }); }
6699
+ MatTooltipModule, i2$1.MatTooltip, MatFormFieldModule, i9.MatFormField, i9.MatLabel, MatSelectModule, i4.MatSelect, i4.MatOption, FlexLayoutModule, i3.DefaultClassDirective, TranslateModule, i1$2.TranslatePipe], styles: [".text-to-speech-wrapper[_ngcontent-%COMP%]{margin-top:5px;position:relative;display:flex;flex-direction:column;align-items:center}.text-to-speech-wrapper[_ngcontent-%COMP%] mat-form-field[_ngcontent-%COMP%]{max-width:900px!important;width:100%}.text-to-speech-textarea-wrapper[_ngcontent-%COMP%], .text-to-speech-textarea[_ngcontent-%COMP%]{position:relative;width:100%;max-width:900px}.text-to-speech-textarea-wrapper[_ngcontent-%COMP%]{border:1px solid var(--base-70);padding:5px;border-radius:8px;box-shadow:0 0 16px #0000001a}.text-to-speech-textarea[_ngcontent-%COMP%]{margin:15px 0;padding:0 10px;min-height:120px;resize:none;outline:none;border:none}.text-to-speech-actions[_ngcontent-%COMP%]{position:absolute;bottom:-20px}.text-to-speech-actions[_ngcontent-%COMP%] button[_ngcontent-%COMP%]{display:flex;justify-content:center;color:var(--base-100)!important;background-color:var(--accent)}.text-to-speech-actions[_ngcontent-%COMP%] button[_ngcontent-%COMP%]:disabled{background-color:var(--base-70)}.text-to-speech-actions[_ngcontent-%COMP%] button[_ngcontent-%COMP%] mat-spinner[_ngcontent-%COMP%]{scale:1.2}.text-to-speech-characters[_ngcontent-%COMP%]{position:absolute;right:10px;bottom:0;margin:5px;font-size:13px;color:var(--base-65)}.text-overflow[_ngcontent-%COMP%]{right:30px}.mobile[_ngcontent-%COMP%] .text-overflow[_ngcontent-%COMP%]{right:15px}"] }); }
6698
6700
  }
6699
6701
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(TextToSpeechComponent, [{
6700
6702
  type: Component,
@@ -6817,7 +6819,7 @@ class LLMHelperService {
6817
6819
  localStorage.setItem(this.LLMQuotaLocalStorageKey, JSON.stringify(trialQuota));
6818
6820
  return trialQuota.remainingQuota;
6819
6821
  }
6820
- static { this.ɵfac = function LLMHelperService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LLMHelperService)(i0.ɵɵinject(i1$5.QuotaService)); }; }
6822
+ static { this.ɵfac = function LLMHelperService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LLMHelperService)(i0.ɵɵinject(i1$6.QuotaService)); }; }
6821
6823
  static { this.ɵprov = /*@__PURE__*/ i0.ɵɵdefineInjectable({ token: LLMHelperService, factory: LLMHelperService.ɵfac, providedIn: 'root' }); }
6822
6824
  }
6823
6825
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LLMHelperService, [{
@@ -6825,7 +6827,7 @@ class LLMHelperService {
6825
6827
  args: [{
6826
6828
  providedIn: 'root'
6827
6829
  }]
6828
- }], () => [{ type: i1$5.QuotaService }], null); })();
6830
+ }], () => [{ type: i1$6.QuotaService }], null); })();
6829
6831
 
6830
6832
  const _c0$2 = ["textarea"];
6831
6833
  class LLMTextareaComponent {
@@ -6867,7 +6869,7 @@ class LLMTextareaComponent {
6867
6869
  this.destroy.next(null);
6868
6870
  this.destroy.complete();
6869
6871
  }
6870
- static { this.ɵfac = function LLMTextareaComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LLMTextareaComponent)(i0.ɵɵdirectiveInject(i1$6.Clipboard)); }; }
6872
+ static { this.ɵfac = function LLMTextareaComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LLMTextareaComponent)(i0.ɵɵdirectiveInject(i1$7.Clipboard)); }; }
6871
6873
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LLMTextareaComponent, selectors: [["lib-llm-textarea"]], viewQuery: function LLMTextareaComponent_Query(rf, ctx) { if (rf & 1) {
6872
6874
  i0.ɵɵviewQuery(_c0$2, 5);
6873
6875
  } if (rf & 2) {
@@ -6904,12 +6906,12 @@ class LLMTextareaComponent {
6904
6906
  i0.ɵɵproperty("matTooltip", i0.ɵɵpipeBind1(11, 9, "TOOLTIPS.DISLIKE"))("disabled", ctx.actionButtonsDisabled || !ctx.textareaControl.value);
6905
6907
  i0.ɵɵadvance(4);
6906
6908
  i0.ɵɵproperty("disabled", ctx.actionButtonsDisabled || !ctx.textareaControl.value)("matTooltip", i0.ɵɵpipeBind1(15, 11, "TOOLTIPS.COPY"));
6907
- } }, dependencies: [i2$1.MatIconButton, i1.MatIcon, i4$1.DefaultValueAccessor, i4$1.NgControlStatus, i4$1.FormControlDirective, i2$2.MatTooltip, i3.DefaultClassDirective, i1$1.TranslatePipe], styles: [".llm-wrapper[_ngcontent-%COMP%]{position:relative;border:1px solid var(--base-65);border-radius:8px;overflow-y:auto}.llm-textarea-wrapper[_ngcontent-%COMP%]{position:relative}.llm-textarea[_ngcontent-%COMP%]{min-width:100%;min-height:310px;padding:8px 16px;resize:none;background:none;border-radius:8px;margin-bottom:46px}.desktop[_ngcontent-%COMP%] .llm-textarea[_ngcontent-%COMP%]{min-height:490px}.llm-textarea-actions[_ngcontent-%COMP%]{position:absolute;display:flex;justify-content:space-between;align-items:center;width:100%;bottom:4px}.llm-eu-data-tooltip[_ngcontent-%COMP%]{margin-left:16px}"] }); }
6909
+ } }, dependencies: [i1$1.MatIconButton, i1.MatIcon, i4$1.DefaultValueAccessor, i4$1.NgControlStatus, i4$1.FormControlDirective, i2$1.MatTooltip, i3.DefaultClassDirective, i1$2.TranslatePipe], styles: [".llm-wrapper[_ngcontent-%COMP%]{position:relative;border:1px solid var(--base-65);border-radius:8px;overflow-y:auto}.llm-textarea-wrapper[_ngcontent-%COMP%]{position:relative}.llm-textarea[_ngcontent-%COMP%]{min-width:100%;min-height:310px;padding:8px 16px;resize:none;background:none;border-radius:8px;margin-bottom:46px}.desktop[_ngcontent-%COMP%] .llm-textarea[_ngcontent-%COMP%]{min-height:490px}.llm-textarea-actions[_ngcontent-%COMP%]{position:absolute;display:flex;justify-content:space-between;align-items:center;width:100%;bottom:4px}.llm-eu-data-tooltip[_ngcontent-%COMP%]{margin-left:16px}"] }); }
6908
6910
  }
6909
6911
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LLMTextareaComponent, [{
6910
6912
  type: Component,
6911
6913
  args: [{ selector: 'lib-llm-textarea', standalone: false, template: "<div [ngClass.gt-lg]=\"'desktop'\" class=\"llm-wrapper\">\r\n <div class=\"llm-textarea-wrapper\">\r\n <textarea\r\n #textarea\r\n class=\"llm-textarea\"\r\n [formControl]=\"textareaControl\"\r\n >\r\n </textarea>\r\n\r\n <div class=\"llm-textarea-actions\">\r\n <mat-icon [matTooltip]=\"'LLM.EU_DATA_TOOLTIP' | translate\" class=\"material-icons-outlined llm-eu-data-tooltip\"> gpp_maybe </mat-icon>\r\n\r\n <div>\r\n <button [matTooltip]=\"'TOOLTIPS.DISLIKE' | translate\" (click)=\"dislike()\" mat-icon-button [disabled]=\"actionButtonsDisabled || !textareaControl.value\">\r\n <mat-icon class=\"material-icons-outlined copy\"> thumb_down </mat-icon>\r\n </button>\r\n \r\n <button\r\n mat-icon-button\r\n [disabled]=\"actionButtonsDisabled || !textareaControl.value\"\r\n [matTooltip]=\"'TOOLTIPS.COPY' | translate\"\r\n (click)=\"copy()\"\r\n >\r\n <mat-icon class=\"material-icons-outlined dislike\"> content_copy </mat-icon>\r\n </button>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n", styles: [".llm-wrapper{position:relative;border:1px solid var(--base-65);border-radius:8px;overflow-y:auto}.llm-textarea-wrapper{position:relative}.llm-textarea{min-width:100%;min-height:310px;padding:8px 16px;resize:none;background:none;border-radius:8px;margin-bottom:46px}.desktop .llm-textarea{min-height:490px}.llm-textarea-actions{position:absolute;display:flex;justify-content:space-between;align-items:center;width:100%;bottom:4px}.llm-eu-data-tooltip{margin-left:16px}\n"] }]
6912
- }], () => [{ type: i1$6.Clipboard }], { textarea: [{
6914
+ }], () => [{ type: i1$7.Clipboard }], { textarea: [{
6913
6915
  type: ViewChild,
6914
6916
  args: ['textarea']
6915
6917
  }], text: [{
@@ -7183,7 +7185,7 @@ class LLMTextareaWithActionsComponent {
7183
7185
  }
7184
7186
  };
7185
7187
  }
7186
- static { this.ɵfac = function LLMTextareaWithActionsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LLMTextareaWithActionsComponent)(i0.ɵɵdirectiveInject(i1$5.LLMService), i0.ɵɵdirectiveInject(LLMHelperService), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
7188
+ static { this.ɵfac = function LLMTextareaWithActionsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LLMTextareaWithActionsComponent)(i0.ɵɵdirectiveInject(i1$6.LLMService), i0.ɵɵdirectiveInject(LLMHelperService), i0.ɵɵdirectiveInject(MAT_DIALOG_DATA)); }; }
7187
7189
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LLMTextareaWithActionsComponent, selectors: [["lib-llm-textarea-with-actions"]], standalone: false, decls: 20, vars: 22, consts: [["closeButton", ""], ["rephraseAction", ""], ["mat-dialog-title", ""], ["mat-dialog-content", ""], [3, "innerHTML"], [3, "message", "closeClicked", 4, "ngFor", "ngForOf"], ["color", "accent", "class", "w-full llm-writing-style-select", "appearance", "outline", 4, "ngIf"], [3, "textEditEvent", "copyEvent", "dislikeEvent", "text", "disabled", "actionButtonsDisabled"], ["mat-dialog-actions", "", 1, "llm-actions-wrapper"], ["class", "quota-left-message", 3, "innerHTML", 4, "ngIf"], [1, "llm-actions"], ["mat-button", "", "color", "accent", 3, "click", 4, "ngIf", "ngIfElse"], ["mat-flat-button", "", "color", "accent", 3, "click", "disabled"], [4, "ngIf", "ngIfElse"], ["color", "primary-accent-darker", 3, "diameter", 4, "ngIf"], [3, "closeClicked", "message"], ["color", "accent", "appearance", "outline", 1, "w-full", "llm-writing-style-select"], [3, "ngModelChange", "disabled", "ngModel"], [3, "value"], [1, "quota-left-message", 3, "innerHTML"], ["mat-button", "", "color", "accent", 3, "click"], ["mat-button", "", "color", "accent", 3, "mat-dialog-close"], ["color", "primary-accent-darker", 3, "diameter"]], template: function LLMTextareaWithActionsComponent_Template(rf, ctx) { if (rf & 1) {
7188
7190
  const _r1 = i0.ɵɵgetCurrentView();
7189
7191
  i0.ɵɵelementStart(0, "h1", 2);
@@ -7231,12 +7233,12 @@ class LLMTextareaWithActionsComponent {
7231
7233
  i0.ɵɵproperty("ngIf", ctx.llmActionType === ctx.llmActions.SUMMARY)("ngIfElse", rephraseAction_r9);
7232
7234
  i0.ɵɵadvance(3);
7233
7235
  i0.ɵɵproperty("ngIf", ctx.isLoading);
7234
- } }, dependencies: [i1$2.NgForOf, i1$2.NgIf, i2$1.MatButton, i1$4.MatDialogClose, i1$4.MatDialogTitle, i1$4.MatDialogActions, i1$4.MatDialogContent, i4$1.NgControlStatus, i4$1.NgModel, i9.MatFormField, i9.MatLabel, i4.MatSelect, i4.MatOption, NotificationMessageComponent, i2$5.MatProgressSpinner, LLMTextareaComponent, i1$2.UpperCasePipe, i1$1.TranslatePipe], styles: [".info-icon[_ngcontent-%COMP%]{font-size:1rem;margin-left:5px}[_nghost-%COMP%] .message-body{margin:0 2.25rem 0 0!important;font-size:14px}[_nghost-%COMP%] .notification-message-container{margin:0 0 16px;padding:.9em 1em!important;align-items:center!important}[_nghost-%COMP%] .text-container{margin-right:0!important}[_nghost-%COMP%] tld-close-button{top:1px!important} .multiline-tooltip{white-space:pre;min-width:fit-content} .multiline-tooltip .mdc-tooltip__surface{max-width:none!important}[_nghost-%COMP%] .llm-textarea{min-height:240px!important}[_nghost-%COMP%] .rephrase .llm-textarea{min-height:100px!important}[_nghost-%COMP%] .desktop .llm-textarea{min-height:460px!important}[_nghost-%COMP%] .rephrase .desktop .llm-textarea{min-height:330px!important}.llm-writing-style-select[_ngcontent-%COMP%]{margin-top:1.25rem}.llm-writing-style[_ngcontent-%COMP%]{display:flex;align-items:center;margin-bottom:.25rem}.llm-actions-wrapper[_ngcontent-%COMP%]{display:flex;justify-content:space-between;margin:0 1rem .5rem}.llm-actions[_ngcontent-%COMP%]{display:flex;justify-content:end}.w-full[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%] .mdc-button__label{display:flex!important;align-items:center!important}mat-spinner[_ngcontent-%COMP%]{margin-left:.5rem}.quota-left-message[_ngcontent-%COMP%]{margin-bottom:12px}"] }); }
7236
+ } }, dependencies: [i1$3.NgForOf, i1$3.NgIf, i1$1.MatButton, i1$5.MatDialogClose, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, i4$1.NgControlStatus, i4$1.NgModel, i9.MatFormField, i9.MatLabel, i4.MatSelect, i4.MatOption, NotificationMessageComponent, i2$4.MatProgressSpinner, LLMTextareaComponent, i1$3.UpperCasePipe, i1$2.TranslatePipe], styles: [".info-icon[_ngcontent-%COMP%]{font-size:1rem;margin-left:5px}[_nghost-%COMP%] .message-body{margin:0 2.25rem 0 0!important;font-size:14px}[_nghost-%COMP%] .notification-message-container{margin:0 0 16px;padding:.9em 1em!important;align-items:center!important}[_nghost-%COMP%] .text-container{margin-right:0!important}[_nghost-%COMP%] tld-close-button{top:1px!important} .multiline-tooltip{white-space:pre;min-width:fit-content} .multiline-tooltip .mdc-tooltip__surface{max-width:none!important}[_nghost-%COMP%] .llm-textarea{min-height:240px!important}[_nghost-%COMP%] .rephrase .llm-textarea{min-height:100px!important}[_nghost-%COMP%] .desktop .llm-textarea{min-height:460px!important}[_nghost-%COMP%] .rephrase .desktop .llm-textarea{min-height:330px!important}.llm-writing-style-select[_ngcontent-%COMP%]{margin-top:1.25rem}.llm-writing-style[_ngcontent-%COMP%]{display:flex;align-items:center;margin-bottom:.25rem}.llm-actions-wrapper[_ngcontent-%COMP%]{display:flex;justify-content:space-between;margin:0 1rem .5rem}.llm-actions[_ngcontent-%COMP%]{display:flex;justify-content:end}.w-full[_ngcontent-%COMP%]{width:100%}[_nghost-%COMP%] .mdc-button__label{display:flex!important;align-items:center!important}mat-spinner[_ngcontent-%COMP%]{margin-left:.5rem}.quota-left-message[_ngcontent-%COMP%]{margin-bottom:12px}"] }); }
7235
7237
  }
7236
7238
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LLMTextareaWithActionsComponent, [{
7237
7239
  type: Component,
7238
7240
  args: [{ selector: 'lib-llm-textarea-with-actions', standalone: false, template: "<h1 mat-dialog-title>{{ localizationKey + \"TITLE\" | translate }}</h1>\r\n<div mat-dialog-content>\r\n <p [innerHTML]=\"localizationKey + 'DESCRIPTION' | translate\"></p>\r\n\r\n <lib-tld-notification-message *ngFor=\"let message of messages\" [message]=\"message\" (closeClicked)=\"closeMessage(message)\"></lib-tld-notification-message>\r\n\r\n <mat-form-field *ngIf=\"showUseCase\" color=\"accent\" class=\"w-full llm-writing-style-select\" appearance=\"outline\">\r\n <mat-label>{{ 'LLM.USE_CASES_LABEL' | translate }}</mat-label>\r\n <mat-select [disabled]=\"isLoading\" [(ngModel)]=\"selectedUseCase\">\r\n @for (useCase of useCases; track $index) {\r\n\r\n <mat-option [value]=\"useCase\">\r\n {{ 'LLM.USE_CASE.' + (useCase | uppercase) | translate }}\r\n </mat-option>\r\n }\r\n </mat-select>\r\n </mat-form-field>\r\n\r\n\r\n\r\n <lib-llm-textarea [class.rephrase]=\"llmActionType === llmActions.REPHRASE\" [text]=\"editedText !== '' ? editedText : initialText\" [disabled]=\"isLoading || !quotaLeft\" [actionButtonsDisabled]=\"!isEdited\" (textEditEvent)=\"textEditEvent($event)\" (copyEvent)=\"copyPlausibleEvent()\" (dislikeEvent)=\"dislikePlausibleEvent()\"></lib-llm-textarea>\r\n</div>\r\n<div class=\"llm-actions-wrapper\" mat-dialog-actions>\r\n <div *ngIf=\"remainingQuotaMessageVisible\" class=\"quota-left-message\" [innerHTML]=\"localizationKey + 'LIMIT' | translate: { limit: quotaLeft, subscriptionUrl: subscriptionUrl }\"></div>\r\n\r\n <div [class.w-full]=\"!remainingQuotaMessageVisible\" class=\"llm-actions\">\r\n <button *ngIf=\"isLoading; else closeButton\" mat-button color=\"accent\" (click)=\"cancel()\">\r\n {{ localizationKey + \"CANCEL\" | translate }}\r\n </button>\r\n\r\n <ng-template #closeButton>\r\n <button mat-button color=\"accent\" [mat-dialog-close]=\"null\">\r\n {{ localizationKey + \"CLOSE\" | translate }}\r\n </button>\r\n </ng-template>\r\n\r\n <button\r\n mat-flat-button\r\n color=\"accent\"\r\n (click)=\"getEditedText()\"\r\n [disabled]=\"isDisabled\"\r\n >\r\n <span *ngIf=\"llmActionType === llmActions.SUMMARY; else rephraseAction\">\r\n {{\r\n (!isSummarized\r\n ? \"LLM.SUMMARY_MODAL.ACTION\"\r\n : \"LLM.SUMMARY_MODAL.REGENERATE\"\r\n ) | translate\r\n }}\r\n </span>\r\n\r\n <ng-template #rephraseAction>\r\n {{ localizationKey + \"ACTION\" | translate }}\r\n </ng-template>\r\n <mat-spinner *ngIf=\"isLoading\" [diameter]=\"20\" color=\"primary-accent-darker\"></mat-spinner>\r\n </button>\r\n </div>\r\n</div>\r\n", styles: [".info-icon{font-size:1rem;margin-left:5px}:host ::ng-deep .message-body{margin:0 2.25rem 0 0!important;font-size:14px}:host ::ng-deep .notification-message-container{margin:0 0 16px;padding:.9em 1em!important;align-items:center!important}:host ::ng-deep .text-container{margin-right:0!important}:host ::ng-deep tld-close-button{top:1px!important}::ng-deep .multiline-tooltip{white-space:pre;min-width:fit-content}::ng-deep .multiline-tooltip .mdc-tooltip__surface{max-width:none!important}:host ::ng-deep .llm-textarea{min-height:240px!important}:host ::ng-deep .rephrase .llm-textarea{min-height:100px!important}:host ::ng-deep .desktop .llm-textarea{min-height:460px!important}:host ::ng-deep .rephrase .desktop .llm-textarea{min-height:330px!important}.llm-writing-style-select{margin-top:1.25rem}.llm-writing-style{display:flex;align-items:center;margin-bottom:.25rem}.llm-actions-wrapper{display:flex;justify-content:space-between;margin:0 1rem .5rem}.llm-actions{display:flex;justify-content:end}.w-full{width:100%}:host ::ng-deep .mdc-button__label{display:flex!important;align-items:center!important}mat-spinner{margin-left:.5rem}.quota-left-message{margin-bottom:12px}\n"] }]
7239
- }], () => [{ type: i1$5.LLMService }, { type: LLMHelperService }, { type: undefined, decorators: [{
7241
+ }], () => [{ type: i1$6.LLMService }, { type: LLMHelperService }, { type: undefined, decorators: [{
7240
7242
  type: Inject,
7241
7243
  args: [MAT_DIALOG_DATA]
7242
7244
  }] }], null); })();
@@ -7287,7 +7289,7 @@ class NewFeatureDialogComponent {
7287
7289
  i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(5, 5, ctx.data.description), i0.ɵɵsanitizeHtml);
7288
7290
  i0.ɵɵadvance(4);
7289
7291
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(9, 7, ctx.data.close), " ");
7290
- } }, dependencies: [MatDialogModule, i1$4.MatDialogClose, i1$4.MatDialogTitle, i1$4.MatDialogActions, i1$4.MatDialogContent, MatButtonModule, i2$1.MatButton, TranslatePipe], styles: ["[_nghost-%COMP%] {display:inline-block;padding:12px 16px}[_nghost-%COMP%] .mat-mdc-dialog-title, [_nghost-%COMP%] mat-dialog-actions, [_nghost-%COMP%] mat-dialog-content{padding:0!important;margin:0!important}"] }); }
7292
+ } }, dependencies: [MatDialogModule, i1$5.MatDialogClose, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, MatButtonModule, i1$1.MatButton, TranslatePipe], styles: ["[_nghost-%COMP%] {display:inline-block;padding:12px 16px}[_nghost-%COMP%] .mat-mdc-dialog-title, [_nghost-%COMP%] mat-dialog-actions, [_nghost-%COMP%] mat-dialog-content{padding:0!important;margin:0!important}"] }); }
7291
7293
  }
7292
7294
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(NewFeatureDialogComponent, [{
7293
7295
  type: Component,
@@ -7453,7 +7455,7 @@ class LLMSummaryComponent {
7453
7455
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 10, "LLM.SUMMARY"), "\n");
7454
7456
  i0.ɵɵadvance(2);
7455
7457
  i0.ɵɵproperty("titleLocalizationKey", "LLM.SUMMARY_NEW_FEATURE.TITLE")("descriptionLocalizationKey", "LLM.SUMMARY_NEW_FEATURE.DESCRIPTION")("closeLocalizationKey", "LLM.SUMMARY_NEW_FEATURE.CLOSE")("featureClassName", "llm-summary")("featureLocalStorageKey", "summary" + ctx.newFeatureLocalStorageKey);
7456
- } }, dependencies: [i2$1.MatButton, i1.MatIcon, NewFeatureDialogWrapperComponent, i1$1.TranslatePipe], styles: [".summarize-feature-active{z-index:1001!important;background-color:#fff!important}"] }); }
7458
+ } }, dependencies: [i1$1.MatButton, i1.MatIcon, NewFeatureDialogWrapperComponent, i1$2.TranslatePipe], styles: [".summarize-feature-active{z-index:1001!important;background-color:#fff!important}"] }); }
7457
7459
  }
7458
7460
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LLMSummaryComponent, [{
7459
7461
  type: Component,
@@ -7494,7 +7496,7 @@ class LLMRephraseComponent {
7494
7496
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(3, 11, "LLM.REPHRASE"), "\n");
7495
7497
  i0.ɵɵadvance(2);
7496
7498
  i0.ɵɵproperty("titleLocalizationKey", "LLM.REPHRASE_NEW_FEATURE.TITLE")("descriptionLocalizationKey", "LLM.REPHRASE_NEW_FEATURE.DESCRIPTION")("closeLocalizationKey", "LLM.REPHRASE_NEW_FEATURE.CLOSE")("featureClassName", "llm-rephrase")("featureLocalStorageKey", "rephrase" + ctx.newFeatureLocalStorageKey)("maxWidth", 400);
7497
- } }, dependencies: [i2$1.MatButton, i1.MatIcon, NewFeatureDialogWrapperComponent, i1$1.TranslatePipe], styles: [".rephrase-feature-active{z-index:1001!important;background-color:#fff!important}"] }); }
7499
+ } }, dependencies: [i1$1.MatButton, i1.MatIcon, NewFeatureDialogWrapperComponent, i1$2.TranslatePipe], styles: [".rephrase-feature-active{z-index:1001!important;background-color:#fff!important}"] }); }
7498
7500
  }
7499
7501
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LLMRephraseComponent, [{
7500
7502
  type: Component,
@@ -7577,7 +7579,7 @@ class LLMComponent {
7577
7579
  data
7578
7580
  });
7579
7581
  }
7580
- static { this.ɵfac = function LLMComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LLMComponent)(i0.ɵɵdirectiveInject(i1$4.MatDialog), i0.ɵɵdirectiveInject(IconService), i0.ɵɵdirectiveInject(LanguageTranslateService)); }; }
7582
+ static { this.ɵfac = function LLMComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || LLMComponent)(i0.ɵɵdirectiveInject(i1$5.MatDialog), i0.ɵɵdirectiveInject(IconService), i0.ɵɵdirectiveInject(LanguageTranslateService)); }; }
7581
7583
  static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: LLMComponent, selectors: [["lib-llm"]], inputs: { text: "text", language: "language", rephrasableLanguagesCodeList: "rephrasableLanguagesCodeList", summaryEnabled: "summaryEnabled", rephraseEnabled: "rephraseEnabled", showUseCaseSummary: "showUseCaseSummary", showUseCaseRephrase: "showUseCaseRephrase", newFeatureLocalStorageKey: "newFeatureLocalStorageKey", rephraseUseCases: "rephraseUseCases", summaryUseCases: "summaryUseCases" }, outputs: { menuTriggerClick: "menuTriggerClick" }, standalone: false, decls: 3, vars: 2, consts: [[1, "llm-wrapper"], [3, "matTooltipPosition", "matTooltip", 4, "ngIf"], [3, "matTooltipPosition", "matTooltip"], [3, "openModalEvent", "isTextSummarizable", "newFeatureLocalStorageKey"], [3, "openModalEvent", "isTargetLanguageRephrasable", "newFeatureLocalStorageKey"]], template: function LLMComponent_Template(rf, ctx) { if (rf & 1) {
7582
7584
  i0.ɵɵelementStart(0, "div", 0);
7583
7585
  i0.ɵɵtemplate(1, LLMComponent_div_1_Template, 3, 6, "div", 1)(2, LLMComponent_div_2_Template, 3, 6, "div", 1);
@@ -7587,12 +7589,12 @@ class LLMComponent {
7587
7589
  i0.ɵɵproperty("ngIf", ctx.summaryEnabled);
7588
7590
  i0.ɵɵadvance();
7589
7591
  i0.ɵɵproperty("ngIf", ctx.rephraseEnabled);
7590
- } }, dependencies: [i1$2.NgIf, i2$2.MatTooltip, LLMSummaryComponent, LLMRephraseComponent, i1$1.TranslatePipe], styles: [".llm-wrapper[_ngcontent-%COMP%]{display:flex;gap:8px}"] }); }
7592
+ } }, dependencies: [i1$3.NgIf, i2$1.MatTooltip, LLMSummaryComponent, LLMRephraseComponent, i1$2.TranslatePipe], styles: [".llm-wrapper[_ngcontent-%COMP%]{display:flex;gap:8px}"] }); }
7591
7593
  }
7592
7594
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(LLMComponent, [{
7593
7595
  type: Component,
7594
7596
  args: [{ selector: 'lib-llm', standalone: false, template: "<div class=\"llm-wrapper\">\r\n\t<div *ngIf=\"summaryEnabled\" [matTooltipPosition]=\"'left'\" [matTooltip]=\"!isTextSummarizable ? ('LLM.MENU_SUMMARY_DISABLED_TOOLTIP' | translate) : ''\">\r\n\t\t<lib-llm-summary [isTextSummarizable]=\"!!isTextSummarizable\" [newFeatureLocalStorageKey]=\"newFeatureLocalStorageKey\" (openModalEvent)=\"openLLMModal($event)\"></lib-llm-summary>\r\n\t</div>\r\n\r\n\t<div *ngIf=\"rephraseEnabled\" [matTooltipPosition]=\"'left'\" [matTooltip]=\"!isTargetLanguageRephrasable ? ('LLM.MENU_REPHRASE_DISABLED_TOOLTIP' | translate) : ''\">\r\n\t\t<lib-llm-rephrase\r\n\t\t\t[isTargetLanguageRephrasable]=\"!!isTargetLanguageRephrasable\"\r\n\t\t\t[newFeatureLocalStorageKey]=\"newFeatureLocalStorageKey\"\r\n\t\t\t(openModalEvent)=\"openLLMModal($event)\"\r\n\t\t></lib-llm-rephrase>\r\n\t</div>\r\n</div>\r\n", styles: [".llm-wrapper{display:flex;gap:8px}\n"] }]
7595
- }], () => [{ type: i1$4.MatDialog }, { type: IconService }, { type: LanguageTranslateService }], { text: [{
7597
+ }], () => [{ type: i1$5.MatDialog }, { type: IconService }, { type: LanguageTranslateService }], { text: [{
7596
7598
  type: Input
7597
7599
  }], language: [{
7598
7600
  type: Input
@@ -7722,7 +7724,7 @@ class SidebarComponent {
7722
7724
  i0.ɵɵclassProp("expanded", ctx.isOpen);
7723
7725
  i0.ɵɵadvance();
7724
7726
  i0.ɵɵproperty("ngTemplateOutlet", ctx.template);
7725
- } }, dependencies: [CommonModule, i1$2.NgTemplateOutlet], styles: [".sidebar-wrapper[_ngcontent-%COMP%]{padding:0;max-height:100vh;height:100%;overflow-y:auto;width:0;border-left:2px solid var(--base-95);transition:width .2s ease}.sidebar-wrapper.expanded[_ngcontent-%COMP%]{width:300px;padding:28px 26px}@media (max-width: 640px){.sidebar-wrapper.expanded[_ngcontent-%COMP%]{position:absolute;right:0;top:0;width:100%;background-color:var(--base-100)}}"] }); }
7727
+ } }, dependencies: [CommonModule, i1$3.NgTemplateOutlet], styles: [".sidebar-wrapper[_ngcontent-%COMP%]{padding:0;max-height:100vh;height:100%;overflow-y:auto;width:0;border-left:2px solid var(--base-95);transition:width .2s ease}.sidebar-wrapper.expanded[_ngcontent-%COMP%]{width:300px;padding:28px 26px}@media (max-width: 640px){.sidebar-wrapper.expanded[_ngcontent-%COMP%]{position:absolute;right:0;top:0;width:100%;background-color:var(--base-100)}}"] }); }
7726
7728
  }
7727
7729
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SidebarComponent, [{
7728
7730
  type: Component,
@@ -7808,7 +7810,7 @@ class ToastComponent {
7808
7810
  } if (rf & 2) {
7809
7811
  i0.ɵɵadvance();
7810
7812
  i0.ɵɵrepeater(ctx.toasts);
7811
- } }, dependencies: [CommonModule, MatIconModule, i1.MatIcon, MatButtonModule, i2$1.MatIconButton, TranslateModule, i1$1.TranslatePipe], styles: [".toast-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;width:100%;position:fixed;bottom:50px}.toast[_ngcontent-%COMP%]{max-width:fit-content;position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;min-width:350px;padding:4px 4px 4px 16px;letter-spacing:.25px;line-height:20px;border-radius:4px;box-shadow:0 1px 3px #0000004d;box-shadow:0 4px 8px 3px #00000026;color:#feedee;background-color:#382e2f;animation:_ngcontent-%COMP%_slide-in .5s forwards}.toast[_ngcontent-%COMP%]:not(:first-of-type){margin-top:10px}.fade-out[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_fade-out .5s forwards}[_nghost-%COMP%] .mat-icon{color:#feedee}@keyframes _ngcontent-%COMP%_slide-in{0%{margin-bottom:-50px;opacity:0}to{margin-bottom:0;opacity:1}}@keyframes _ngcontent-%COMP%_fade-out{0%{opacity:1}to{opacity:0}}"] }); }
7813
+ } }, dependencies: [CommonModule, MatIconModule, i1.MatIcon, MatButtonModule, i1$1.MatIconButton, TranslateModule, i1$2.TranslatePipe], styles: [".toast-container[_ngcontent-%COMP%]{display:flex;flex-direction:column;align-items:center;width:100%;position:fixed;bottom:50px}.toast[_ngcontent-%COMP%]{max-width:fit-content;position:relative;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:400;min-width:350px;padding:4px 4px 4px 16px;letter-spacing:.25px;line-height:20px;border-radius:4px;box-shadow:0 1px 3px #0000004d;box-shadow:0 4px 8px 3px #00000026;color:#feedee;background-color:#382e2f;animation:_ngcontent-%COMP%_slide-in .5s forwards}.toast[_ngcontent-%COMP%]:not(:first-of-type){margin-top:10px}.fade-out[_ngcontent-%COMP%]{animation:_ngcontent-%COMP%_fade-out .5s forwards}[_nghost-%COMP%] .mat-icon{color:#feedee}@keyframes _ngcontent-%COMP%_slide-in{0%{margin-bottom:-50px;opacity:0}to{margin-bottom:0;opacity:1}}@keyframes _ngcontent-%COMP%_fade-out{0%{opacity:1}to{opacity:0}}"] }); }
7812
7814
  }
7813
7815
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ToastComponent, [{
7814
7816
  type: Component,
@@ -7971,7 +7973,7 @@ class SelectLanguageDialogComponent {
7971
7973
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(19, 16, "SELECT_LANGUAGE.CANCEL"), " ");
7972
7974
  i0.ɵɵadvance(3);
7973
7975
  i0.ɵɵtextInterpolate1(" ", i0.ɵɵpipeBind1(22, 18, "SELECT_LANGUAGE.SAVE"), " ");
7974
- } }, dependencies: [MatDialogModule, i1$4.MatDialogClose, i1$4.MatDialogTitle, i1$4.MatDialogActions, i1$4.MatDialogContent, MatButtonModule, i2$1.MatButton, MatSelectModule, i9.MatFormField, i9.MatLabel, i4.MatSelect, i4.MatOption, FormsModule, i4$1.NgControlStatus, i4$1.NgModel, SortLanguageListPipe,
7976
+ } }, dependencies: [MatDialogModule, i1$5.MatDialogClose, i1$5.MatDialogTitle, i1$5.MatDialogActions, i1$5.MatDialogContent, MatButtonModule, i1$1.MatButton, MatSelectModule, i9.MatFormField, i9.MatLabel, i4.MatSelect, i4.MatOption, FormsModule, i4$1.NgControlStatus, i4$1.NgModel, SortLanguageListPipe,
7975
7977
  AsyncPipe,
7976
7978
  TranslatePipe], styles: [".description[_ngcontent-%COMP%]{color:var(--base-40)}.w-full[_ngcontent-%COMP%]{width:100%}.mt-4[_ngcontent-%COMP%]{margin-top:1.5rem!important}"] }); }
7977
7979
  }
@@ -7991,12 +7993,24 @@ class SelectLanguageDialogComponent {
7991
7993
 
7992
7994
  function GlobalMessageComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
7993
7995
  const _r1 = i0.ɵɵgetCurrentView();
7994
- i0.ɵɵelementStart(0, "button", 3);
7996
+ i0.ɵɵelementStart(0, "button", 4);
7995
7997
  i0.ɵɵlistener("click", function GlobalMessageComponent_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.close()); });
7996
7998
  i0.ɵɵelementStart(1, "mat-icon");
7997
7999
  i0.ɵɵtext(2, "close");
7998
8000
  i0.ɵɵelementEnd()();
7999
8001
  } }
8002
+ function GlobalMessageComponent_For_5_Template(rf, ctx) { if (rf & 1) {
8003
+ const _r3 = i0.ɵɵgetCurrentView();
8004
+ i0.ɵɵelementStart(0, "button", 5);
8005
+ i0.ɵɵlistener("click", function GlobalMessageComponent_For_5_Template_button_click_0_listener() { const action_r4 = i0.ɵɵrestoreView(_r3).$implicit; return i0.ɵɵresetView(action_r4.click()); });
8006
+ i0.ɵɵtext(1);
8007
+ i0.ɵɵpipe(2, "translate");
8008
+ i0.ɵɵelementEnd();
8009
+ } if (rf & 2) {
8010
+ const action_r4 = ctx.$implicit;
8011
+ i0.ɵɵadvance();
8012
+ i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(2, 1, action_r4.label));
8013
+ } }
8000
8014
  class GlobalMessageComponent {
8001
8015
  constructor() {
8002
8016
  this.showCloseButton = true;
@@ -8006,30 +8020,35 @@ class GlobalMessageComponent {
8006
8020
  this.closeClick.emit();
8007
8021
  }
8008
8022
  static { this.ɵfac = function GlobalMessageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || GlobalMessageComponent)(); }; }
8009
- static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GlobalMessageComponent, selectors: [["lib-global-message"]], inputs: { text: "text", showCloseButton: "showCloseButton" }, outputs: { closeClick: "closeClick" }, decls: 4, vars: 4, consts: [[1, "tld-global-message"], [3, "innerHTML"], ["mat-icon-button", "", 1, "tld-global-message-close"], ["mat-icon-button", "", 1, "tld-global-message-close", 3, "click"]], template: function GlobalMessageComponent_Template(rf, ctx) { if (rf & 1) {
8023
+ static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GlobalMessageComponent, selectors: [["lib-global-message"]], inputs: { text: "text", showCloseButton: "showCloseButton", actions: "actions" }, outputs: { closeClick: "closeClick" }, decls: 6, vars: 4, consts: [[1, "tld-global-message"], [3, "innerHTML"], ["mat-icon-button", "", 1, "tld-global-message-close"], ["mat-stroked-button", "", "color", "accent", 1, "tld-global-message-action"], ["mat-icon-button", "", 1, "tld-global-message-close", 3, "click"], ["mat-stroked-button", "", "color", "accent", 1, "tld-global-message-action", 3, "click"]], template: function GlobalMessageComponent_Template(rf, ctx) { if (rf & 1) {
8010
8024
  i0.ɵɵelementStart(0, "div", 0);
8011
8025
  i0.ɵɵelement(1, "p", 1);
8012
8026
  i0.ɵɵpipe(2, "translate");
8013
8027
  i0.ɵɵconditionalCreate(3, GlobalMessageComponent_Conditional_3_Template, 3, 0, "button", 2);
8028
+ i0.ɵɵrepeaterCreate(4, GlobalMessageComponent_For_5_Template, 3, 3, "button", 3, i0.ɵɵrepeaterTrackByIndex);
8014
8029
  i0.ɵɵelementEnd();
8015
8030
  } if (rf & 2) {
8016
8031
  i0.ɵɵadvance();
8017
8032
  i0.ɵɵproperty("innerHTML", i0.ɵɵpipeBind1(2, 2, ctx.text), i0.ɵɵsanitizeHtml);
8018
8033
  i0.ɵɵadvance(2);
8019
8034
  i0.ɵɵconditional(ctx.showCloseButton ? 3 : -1);
8020
- } }, dependencies: [CommonModule, TranslateModule, MatButtonModule, i2$1.MatIconButton, MatIconModule, i1.MatIcon, i1$1.TranslatePipe], styles: [".tld-global-message[_ngcontent-%COMP%]{position:relative;background-color:#ffdad6;display:flex;justify-content:center;align-items:center;width:100%;padding:22px}.tld-global-message-close[_ngcontent-%COMP%]{position:absolute;right:5px}"] }); }
8035
+ i0.ɵɵadvance();
8036
+ i0.ɵɵrepeater(ctx.actions);
8037
+ } }, dependencies: [CommonModule, TranslateModule, MatButtonModule, i1$1.MatButton, i1$1.MatIconButton, MatIconModule, i1.MatIcon, i1$2.TranslatePipe], styles: [".tld-global-message[_ngcontent-%COMP%]{position:relative;background-color:#ffdad6;display:flex;justify-content:center;align-items:center;width:100%;padding:22px}.tld-global-message-close[_ngcontent-%COMP%]{position:absolute;right:5px}.tld-global-message-action[_ngcontent-%COMP%]{margin-left:5px}"] }); }
8021
8038
  }
8022
8039
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GlobalMessageComponent, [{
8023
8040
  type: Component,
8024
- args: [{ selector: 'lib-global-message', imports: [CommonModule, TranslateModule, MatButtonModule, MatIconModule], template: "<div class=\"tld-global-message\">\r\n <p [innerHTML]=\"text | translate\"></p>\r\n\r\n @if (showCloseButton) {\r\n <button class=\"tld-global-message-close\" mat-icon-button (click)=\"close()\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n</div>\r\n", styles: [".tld-global-message{position:relative;background-color:#ffdad6;display:flex;justify-content:center;align-items:center;width:100%;padding:22px}.tld-global-message-close{position:absolute;right:5px}\n"] }]
8041
+ args: [{ selector: 'lib-global-message', imports: [CommonModule, TranslateModule, MatButtonModule, MatIconModule], template: "<div class=\"tld-global-message\">\r\n\t<p [innerHTML]=\"text | translate\"></p>\r\n\r\n\t@if (showCloseButton) {\r\n\t<button class=\"tld-global-message-close\" mat-icon-button (click)=\"close()\">\r\n\t\t<mat-icon>close</mat-icon>\r\n\t</button>\r\n\t} \r\n \r\n @for (action of actions; track $index) {\r\n\t <button class=\"tld-global-message-action\" mat-stroked-button color=\"accent\" (click)=\"action.click()\">{{ action.label | translate }}</button>\r\n\t}\r\n</div>\r\n", styles: [".tld-global-message{position:relative;background-color:#ffdad6;display:flex;justify-content:center;align-items:center;width:100%;padding:22px}.tld-global-message-close{position:absolute;right:5px}.tld-global-message-action{margin-left:5px}\n"] }]
8025
8042
  }], null, { text: [{
8026
8043
  type: Input
8027
8044
  }], showCloseButton: [{
8028
8045
  type: Input
8046
+ }], actions: [{
8047
+ type: Input
8029
8048
  }], closeClick: [{
8030
8049
  type: Output
8031
8050
  }] }); })();
8032
- (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GlobalMessageComponent, { className: "GlobalMessageComponent", filePath: "lib/global-message/global-message.component.ts", lineNumber: 13 }); })();
8051
+ (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GlobalMessageComponent, { className: "GlobalMessageComponent", filePath: "lib/global-message/global-message.component.ts", lineNumber: 14 }); })();
8033
8052
 
8034
8053
  var SUBSCRIPTION_STATE;
8035
8054
  (function (SUBSCRIPTION_STATE) {
@@ -8420,9 +8439,9 @@ class SubscriptionComponent {
8420
8439
  i0.ɵɵconditional(ctx.chargebeeSettings() ? 5 : -1);
8421
8440
  i0.ɵɵadvance();
8422
8441
  i0.ɵɵconditional(ctx.contactUsUrl() ? 6 : -1);
8423
- } }, dependencies: [MatProgressBarModule, i2$4.MatProgressBar, CommonModule,
8424
- MatButtonModule, i2$1.MatButton, TranslatePipe,
8425
- DatePipe, i1$2.UpperCasePipe], styles: ["[_nghost-%COMP%]{display:block}mat-card[_ngcontent-%COMP%]{margin:1.5rem}.subscription-container[_ngcontent-%COMP%]:not(.mobile){margin:16px 32px}.subscription-section-title[_ngcontent-%COMP%]{margin:32px 0 18px}.subscription-data-row[_ngcontent-%COMP%]{border-bottom:2px solid var(--base-70);margin-bottom:18px;flex-direction:row;display:flex}.subscription-data[_ngcontent-%COMP%]{color:var(--base-30);word-wrap:break-word;margin-left:.5rem}.subscription-limit-wrapper[_ngcontent-%COMP%], .subscription-limit[_ngcontent-%COMP%]{margin-top:16px}.subscription-actions-wrapper[_ngcontent-%COMP%]{padding:32px 0 18px;display:flex;flex-direction:row;gap:24px}.subscription-manage-link[_ngcontent-%COMP%]{text-decoration:none}.subscription-container[_ngcontent-%COMP%]:not(.mobile,.empty){width:75%}.subscription-label[_ngcontent-%COMP%]:not(.mobile,.empty){width:35%}.subscription-data[_ngcontent-%COMP%]:not(.mobile,.empty){width:65%}.untranslated-files-disclaimer[_ngcontent-%COMP%]{margin-top:16px;margin-bottom:10px;color:var(--base-40)}.no-subscription-message[_ngcontent-%COMP%]{margin-top:32px;color:var(--base-40)}.contact-sales-btn[_ngcontent-%COMP%]{text-align:center}.contact-sales-btn[_ngcontent-%COMP%]:hover{text-decoration:none}"] }); }
8442
+ } }, dependencies: [MatProgressBarModule, i2$3.MatProgressBar, CommonModule,
8443
+ MatButtonModule, i1$1.MatButton, TranslatePipe,
8444
+ DatePipe, i1$3.UpperCasePipe], styles: ["[_nghost-%COMP%]{display:block}mat-card[_ngcontent-%COMP%]{margin:1.5rem}.subscription-container[_ngcontent-%COMP%]:not(.mobile){margin:16px 32px}.subscription-section-title[_ngcontent-%COMP%]{margin:32px 0 18px}.subscription-data-row[_ngcontent-%COMP%]{border-bottom:2px solid var(--base-70);margin-bottom:18px;flex-direction:row;display:flex}.subscription-data[_ngcontent-%COMP%]{color:var(--base-30);word-wrap:break-word;margin-left:.5rem}.subscription-limit-wrapper[_ngcontent-%COMP%], .subscription-limit[_ngcontent-%COMP%]{margin-top:16px}.subscription-actions-wrapper[_ngcontent-%COMP%]{padding:32px 0 18px;display:flex;flex-direction:row;gap:24px}.subscription-manage-link[_ngcontent-%COMP%]{text-decoration:none}.subscription-container[_ngcontent-%COMP%]:not(.mobile,.empty){width:75%}.subscription-label[_ngcontent-%COMP%]:not(.mobile,.empty){width:35%}.subscription-data[_ngcontent-%COMP%]:not(.mobile,.empty){width:65%}.untranslated-files-disclaimer[_ngcontent-%COMP%]{margin-top:16px;margin-bottom:10px;color:var(--base-40)}.no-subscription-message[_ngcontent-%COMP%]{margin-top:32px;color:var(--base-40)}.contact-sales-btn[_ngcontent-%COMP%]{text-align:center}.contact-sales-btn[_ngcontent-%COMP%]:hover{text-decoration:none}"] }); }
8426
8445
  }
8427
8446
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SubscriptionComponent, [{
8428
8447
  type: Component,