@tilde-nlp/ngx-translate 4.0.0 → 4.0.2

package/esm2022/lib/modules/tld-term/tld-term.module.mjs

@@ -13,13 +13,12 @@ import { TldTermCollectionComponent } from './tld-term-collection/tld-term-colle
 import { TldTermCreateCollectionDialogComponent } from './tld-term-create-collection-dialog/tld-term-create-collection-dialog.component';
 import { TldTermCollectionListComponent } from './tld-term-collection-list/tld-term-collection-list.component';
 import { TldTermMenuComponent } from './tld-term-menu/tld-term-menu.component';
-import { TldTermPromotionComponent } from './tld-term-promotion/tld-term-promotion.component';
 import { CloseButtonModule, DateAgoModule } from '@tilde-nlp/ngx-common';
 import { CreateCollectionComponent } from './create-collection/create-collection.component';
 import * as i0 from "@angular/core";
 export class TldTermModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTermModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: TldTermModule, declarations: [TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCreateCollectionDialogComponent, TldTermMenuComponent, TldTermPromotionComponent, CreateCollectionComponent], imports: [FormsModule,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTermModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: TldTermModule, declarations: [TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCreateCollectionDialogComponent, TldTermMenuComponent, CreateCollectionComponent], imports: [FormsModule,
             CommonModule,
             MaterialModule,
             TranslateModule,
@@ -32,7 +31,7 @@ export class TldTermModule {
             ReactiveFormsModule,
             CloseButtonModule,
             DateAgoModule], exports: [TldTermMenuComponent, CreateCollectionComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTermModule, imports: [FormsModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTermModule, imports: [FormsModule,
             CommonModule,
             MaterialModule,
             TranslateModule,
@@ -46,10 +45,10 @@ export class TldTermModule {
             CloseButtonModule,
             DateAgoModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTermModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTermModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCreateCollectionDialogComponent, TldTermMenuComponent, TldTermPromotionComponent, CreateCollectionComponent],
+                    declarations: [TldTermCollectionComponent, TldTermCollectionListComponent, TldTermCreateCollectionDialogComponent, TldTermMenuComponent, CreateCollectionComponent],
                     imports: [
                         FormsModule,
                         CommonModule,
@@ -68,4 +67,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImpor
                     exports: [TldTermMenuComponent, CreateCollectionComponent]
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGxkLXRlcm0ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGxkLXRyYW5zbGF0ZS9zcmMvbGliL21vZHVsZXMvdGxkLXRlcm0vdGxkLXRlcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDOUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsc0NBQXNDLEVBQUUsTUFBTSxpRkFBaUYsQ0FBQztBQUN6SSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSwrREFBK0QsQ0FBQztBQUMvRyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxtREFBbUQsQ0FBQztBQUM5RixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDekUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0saURBQWlELENBQUM7O0FBc0I1RixNQUFNLE9BQU8sYUFBYTt1R0FBYixhQUFhO3dHQUFiLGFBQWEsaUJBbEJULDBCQUEwQixFQUFFLDhCQUE4QixFQUFFLHNDQUFzQyxFQUFFLG9CQUFvQixFQUFFLHlCQUF5QixFQUFFLHlCQUF5QixhQUUzTCxXQUFXO1lBQ1gsWUFBWTtZQUNaLGNBQWM7WUFDZCxlQUFlO1lBQ2YsYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixjQUFjO1lBQ2Qsd0JBQXdCO1lBQ3hCLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsbUJBQW1CO1lBQ25CLGlCQUFpQjtZQUNqQixhQUFhLGFBRUwsb0JBQW9CLEVBQUUseUJBQXlCO3dHQUU5QyxhQUFhLFlBaEJ0QixXQUFXO1lBQ1gsWUFBWTtZQUNaLGNBQWM7WUFDZCxlQUFlO1lBQ2YsYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixjQUFjO1lBQ2Qsd0JBQXdCO1lBQ3hCLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsbUJBQW1CO1lBQ25CLGlCQUFpQjtZQUNqQixhQUFhOzsyRkFJSixhQUFhO2tCQW5CekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQywwQkFBMEIsRUFBRSw4QkFBOEIsRUFBRSxzQ0FBc0MsRUFBRSxvQkFBb0IsRUFBRSx5QkFBeUIsRUFBRSx5QkFBeUIsQ0FBQztvQkFDOUwsT0FBTyxFQUFFO3dCQUNQLFdBQVc7d0JBQ1gsWUFBWTt3QkFDWixjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixnQkFBZ0I7d0JBQ2hCLGNBQWM7d0JBQ2Qsd0JBQXdCO3dCQUN4QixnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixpQkFBaUI7d0JBQ2pCLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFLENBQUMsb0JBQW9CLEVBQUUseUJBQXlCLENBQUM7aUJBQzNEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnLi4vbWF0ZXJpYWwubW9kdWxlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcbmltcG9ydCB7IE1hdE1lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcclxuaW1wb3J0IHsgTWF0RGl2aWRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpdmlkZXInO1xyXG5pbXBvcnQgeyBNYXRSYWRpb01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3JhZGlvJztcclxuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3Mtc3Bpbm5lcic7XHJcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcclxuaW1wb3J0IHsgVGxkQ29tbW9uTW9kdWxlIH0gZnJvbSAnLi4vdGxkLWNvbW1vbic7XHJcbmltcG9ydCB7IFRsZFRlcm1Db2xsZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi90bGQtdGVybS1jb2xsZWN0aW9uL3RsZC10ZXJtLWNvbGxlY3Rpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgVGxkVGVybUNyZWF0ZUNvbGxlY3Rpb25EaWFsb2dDb21wb25lbnQgfSBmcm9tICcuL3RsZC10ZXJtLWNyZWF0ZS1jb2xsZWN0aW9uLWRpYWxvZy90bGQtdGVybS1jcmVhdGUtY29sbGVjdGlvbi1kaWFsb2cuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVGxkVGVybUNvbGxlY3Rpb25MaXN0Q29tcG9uZW50IH0gZnJvbSAnLi90bGQtdGVybS1jb2xsZWN0aW9uLWxpc3QvdGxkLXRlcm0tY29sbGVjdGlvbi1saXN0LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRsZFRlcm1NZW51Q29tcG9uZW50IH0gZnJvbSAnLi90bGQtdGVybS1tZW51L3RsZC10ZXJtLW1lbnUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVGxkVGVybVByb21vdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vdGxkLXRlcm0tcHJvbW90aW9uL3RsZC10ZXJtLXByb21vdGlvbi5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBDbG9zZUJ1dHRvbk1vZHVsZSwgRGF0ZUFnb01vZHVsZSB9IGZyb20gJ0B0aWxkZS1ubHAvbmd4LWNvbW1vbic7XHJcbmltcG9ydCB7IENyZWF0ZUNvbGxlY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL2NyZWF0ZS1jb2xsZWN0aW9uL2NyZWF0ZS1jb2xsZWN0aW9uLmNvbXBvbmVudCc7XHJcblxyXG5cclxuQE5nTW9kdWxlKHtcclxuICBkZWNsYXJhdGlvbnM6IFtUbGRUZXJtQ29sbGVjdGlvbkNvbXBvbmVudCwgVGxkVGVybUNvbGxlY3Rpb25MaXN0Q29tcG9uZW50LCBUbGRUZXJtQ3JlYXRlQ29sbGVjdGlvbkRpYWxvZ0NvbXBvbmVudCwgVGxkVGVybU1lbnVDb21wb25lbnQsIFRsZFRlcm1Qcm9tb3Rpb25Db21wb25lbnQsIENyZWF0ZUNvbGxlY3Rpb25Db21wb25lbnRdLFxyXG4gIGltcG9ydHM6IFtcclxuICAgIEZvcm1zTW9kdWxlLFxyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgTWF0ZXJpYWxNb2R1bGUsXHJcbiAgICBUcmFuc2xhdGVNb2R1bGUsXHJcbiAgICBNYXRNZW51TW9kdWxlLFxyXG4gICAgTWF0RGl2aWRlck1vZHVsZSxcclxuICAgIE1hdFJhZGlvTW9kdWxlLFxyXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlLFxyXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcclxuICAgIFRsZENvbW1vbk1vZHVsZSxcclxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXHJcbiAgICBDbG9zZUJ1dHRvbk1vZHVsZSxcclxuICAgIERhdGVBZ29Nb2R1bGVcclxuICBdLFxyXG4gIGV4cG9ydHM6IFtUbGRUZXJtTWVudUNvbXBvbmVudCwgQ3JlYXRlQ29sbGVjdGlvbkNvbXBvbmVudF1cclxufSlcclxuZXhwb3J0IGNsYXNzIFRsZFRlcm1Nb2R1bGUgeyB9XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGxkLXRlcm0ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGxkLXRyYW5zbGF0ZS9zcmMvbGliL21vZHVsZXMvdGxkLXRlcm0vdGxkLXRlcm0ubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDcEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDOUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsc0NBQXNDLEVBQUUsTUFBTSxpRkFBaUYsQ0FBQztBQUN6SSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSwrREFBK0QsQ0FBQztBQUMvRyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDekUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0saURBQWlELENBQUM7O0FBc0I1RixNQUFNLE9BQU8sYUFBYTt1R0FBYixhQUFhO3dHQUFiLGFBQWEsaUJBbEJULDBCQUEwQixFQUFFLDhCQUE4QixFQUFFLHNDQUFzQyxFQUFFLG9CQUFvQixFQUFFLHlCQUF5QixhQUVoSyxXQUFXO1lBQ1gsWUFBWTtZQUNaLGNBQWM7WUFDZCxlQUFlO1lBQ2YsYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixjQUFjO1lBQ2Qsd0JBQXdCO1lBQ3hCLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsbUJBQW1CO1lBQ25CLGlCQUFpQjtZQUNqQixhQUFhLGFBRUwsb0JBQW9CLEVBQUUseUJBQXlCO3dHQUU5QyxhQUFhLFlBaEJ0QixXQUFXO1lBQ1gsWUFBWTtZQUNaLGNBQWM7WUFDZCxlQUFlO1lBQ2YsYUFBYTtZQUNiLGdCQUFnQjtZQUNoQixjQUFjO1lBQ2Qsd0JBQXdCO1lBQ3hCLGdCQUFnQjtZQUNoQixlQUFlO1lBQ2YsbUJBQW1CO1lBQ25CLGlCQUFpQjtZQUNqQixhQUFhOzsyRkFJSixhQUFhO2tCQW5CekIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUUsQ0FBQywwQkFBMEIsRUFBRSw4QkFBOEIsRUFBRSxzQ0FBc0MsRUFBRSxvQkFBb0IsRUFBRSx5QkFBeUIsQ0FBQztvQkFDbkssT0FBTyxFQUFFO3dCQUNQLFdBQVc7d0JBQ1gsWUFBWTt3QkFDWixjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsYUFBYTt3QkFDYixnQkFBZ0I7d0JBQ2hCLGNBQWM7d0JBQ2Qsd0JBQXdCO3dCQUN4QixnQkFBZ0I7d0JBQ2hCLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixpQkFBaUI7d0JBQ2pCLGFBQWE7cUJBQ2Q7b0JBQ0QsT0FBTyxFQUFFLENBQUMsb0JBQW9CLEVBQUUseUJBQXlCLENBQUM7aUJBQzNEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IE1hdGVyaWFsTW9kdWxlIH0gZnJvbSAnLi4vbWF0ZXJpYWwubW9kdWxlJztcclxuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSAnQG5neC10cmFuc2xhdGUvY29yZSc7XHJcbmltcG9ydCB7IE1hdE1lbnVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9tZW51JztcclxuaW1wb3J0IHsgTWF0RGl2aWRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpdmlkZXInO1xyXG5pbXBvcnQgeyBNYXRSYWRpb01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3JhZGlvJztcclxuaW1wb3J0IHsgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3Mtc3Bpbm5lcic7XHJcbmltcG9ydCB7IE1hdFRvb2x0aXBNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwJztcclxuaW1wb3J0IHsgVGxkQ29tbW9uTW9kdWxlIH0gZnJvbSAnLi4vdGxkLWNvbW1vbic7XHJcbmltcG9ydCB7IFRsZFRlcm1Db2xsZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi90bGQtdGVybS1jb2xsZWN0aW9uL3RsZC10ZXJtLWNvbGxlY3Rpb24uY29tcG9uZW50JztcclxuaW1wb3J0IHsgVGxkVGVybUNyZWF0ZUNvbGxlY3Rpb25EaWFsb2dDb21wb25lbnQgfSBmcm9tICcuL3RsZC10ZXJtLWNyZWF0ZS1jb2xsZWN0aW9uLWRpYWxvZy90bGQtdGVybS1jcmVhdGUtY29sbGVjdGlvbi1kaWFsb2cuY29tcG9uZW50JztcclxuaW1wb3J0IHsgVGxkVGVybUNvbGxlY3Rpb25MaXN0Q29tcG9uZW50IH0gZnJvbSAnLi90bGQtdGVybS1jb2xsZWN0aW9uLWxpc3QvdGxkLXRlcm0tY29sbGVjdGlvbi1saXN0LmNvbXBvbmVudCc7XHJcbmltcG9ydCB7IFRsZFRlcm1NZW51Q29tcG9uZW50IH0gZnJvbSAnLi90bGQtdGVybS1tZW51L3RsZC10ZXJtLW1lbnUuY29tcG9uZW50JztcclxuaW1wb3J0IHsgQ2xvc2VCdXR0b25Nb2R1bGUsIERhdGVBZ29Nb2R1bGUgfSBmcm9tICdAdGlsZGUtbmxwL25neC1jb21tb24nO1xyXG5pbXBvcnQgeyBDcmVhdGVDb2xsZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9jcmVhdGUtY29sbGVjdGlvbi9jcmVhdGUtY29sbGVjdGlvbi5jb21wb25lbnQnO1xyXG5cclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgZGVjbGFyYXRpb25zOiBbVGxkVGVybUNvbGxlY3Rpb25Db21wb25lbnQsIFRsZFRlcm1Db2xsZWN0aW9uTGlzdENvbXBvbmVudCwgVGxkVGVybUNyZWF0ZUNvbGxlY3Rpb25EaWFsb2dDb21wb25lbnQsIFRsZFRlcm1NZW51Q29tcG9uZW50LCBDcmVhdGVDb2xsZWN0aW9uQ29tcG9uZW50XSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIENvbW1vbk1vZHVsZSxcclxuICAgIE1hdGVyaWFsTW9kdWxlLFxyXG4gICAgVHJhbnNsYXRlTW9kdWxlLFxyXG4gICAgTWF0TWVudU1vZHVsZSxcclxuICAgIE1hdERpdmlkZXJNb2R1bGUsXHJcbiAgICBNYXRSYWRpb01vZHVsZSxcclxuICAgIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSxcclxuICAgIE1hdFRvb2x0aXBNb2R1bGUsXHJcbiAgICBUbGRDb21tb25Nb2R1bGUsXHJcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxyXG4gICAgQ2xvc2VCdXR0b25Nb2R1bGUsXHJcbiAgICBEYXRlQWdvTW9kdWxlXHJcbiAgXSxcclxuICBleHBvcnRzOiBbVGxkVGVybU1lbnVDb21wb25lbnQsIENyZWF0ZUNvbGxlY3Rpb25Db21wb25lbnRdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUbGRUZXJtTW9kdWxlIHsgfVxyXG4iXX0=

package/esm2022/lib/modules/tld-text/components/highlight-tree/highlight-tree.component.mjs

@@ -91,10 +91,10 @@ export class HighlightTreeComponent {
         }
         return null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: HighlightTreeComponent, deps: [{ token: i1.TldHighlightService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: HighlightTreeComponent, selector: "tld-highlight-tree", inputs: { tree: "tree", isSource: "isSource", correctionsEnabled: "correctionsEnabled", highlight: "highlight", gramCheck: "gramCheck", selectSentence: "selectSentence" }, outputs: { onReplace: "onReplace" }, ngImport: i0, template: "<ng-template #highlightTree let-tree=\"tree\">\r\n    <ng-container *ngIf=\"!tree.children\">\r\n        <ng-container *ngIf=\"tree.text\">\r\n            <ng-container *ngIf=\"tree.grammarMeta && gramCheck\">\r\n                <mat-menu #menu=\"matMenu\" class=\"grammar-check-menu\">\r\n                    <div class=\"title\">\r\n                        {{'GRAMMAR_CHECK_MENU.TITLE' | translate}}\r\n                    </div>\r\n                    <div *ngFor=\"let replacement of tree.grammarMeta.replacements\">\r\n                        <button mat-button color=\"accent\" (click)=\"replace(tree, replacement)\">\r\n                            {{replacement}}\r\n                        </button>\r\n                    </div>\r\n                </mat-menu>\r\n                <span #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\" class=\"{{tree.class}}\"\r\n                    [innerHTML]=\"tree.text\" (mouseenter)=\"mouseEnter($event)\" (click)=\"gramCheckMenu(tree, menuTrigger)\"\r\n                    (mouseleave)=\"mouseLeave($event)\"></span>\r\n\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!(tree.grammarMeta && gramCheck)\">\r\n                <span class=\"{{tree.class}}\" [innerHTML]=\"tree.text\" (mouseenter)=\"mouseEnter($event)\"\r\n                    (mouseleave)=\"mouseLeave($event)\"></span>\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!tree.text\">\r\n            <br>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"tree.children\">\r\n        <span [ngClass]=\"{'selected-sentence': isSelectedSentence(tree)}\" class=\"highlight-tree-child-wrapper {{tree.class}}\"\r\n            (mouseenter)=\"mouseEnter($event)\" (mouseleave)=\"mouseLeave($event)\" (click)=\"parentClick(tree)\">\r\n            <ng-template ngFor let-child [ngForOf]=\"tree.children\">\r\n                <ng-template [ngTemplateOutlet]=\"highlightTree\" [ngTemplateOutletContext]=\"{ tree: child }\">\r\n                </ng-template>\r\n            </ng-template>\r\n        </span>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n\r\n\r\n<div *ngIf=\"tree\" class=\"tld-highlight-tree\">\r\n    <ng-template [ngTemplateOutlet]=\"highlightTree\" [ngTemplateOutletContext]=\"{ tree: tree }\"></ng-template>\r\n</div>", styles: ["span{white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i5.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: HighlightTreeComponent, deps: [{ token: i1.TldHighlightService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: HighlightTreeComponent, selector: "tld-highlight-tree", inputs: { tree: "tree", isSource: "isSource", correctionsEnabled: "correctionsEnabled", highlight: "highlight", gramCheck: "gramCheck", selectSentence: "selectSentence" }, outputs: { onReplace: "onReplace" }, ngImport: i0, template: "<ng-template #highlightTree let-tree=\"tree\">\r\n    <ng-container *ngIf=\"!tree.children\">\r\n        <ng-container *ngIf=\"tree.text\">\r\n            <ng-container *ngIf=\"tree.grammarMeta && gramCheck\">\r\n                <mat-menu #menu=\"matMenu\" class=\"grammar-check-menu\">\r\n                    <div class=\"title\">\r\n                        {{'GRAMMAR_CHECK_MENU.TITLE' | translate}}\r\n                    </div>\r\n                    <div *ngFor=\"let replacement of tree.grammarMeta.replacements\">\r\n                        <button mat-button color=\"accent\" (click)=\"replace(tree, replacement)\">\r\n                            {{replacement}}\r\n                        </button>\r\n                    </div>\r\n                </mat-menu>\r\n                <span #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\" class=\"{{tree.class}}\"\r\n                    [innerHTML]=\"tree.text\" (mouseenter)=\"mouseEnter($event)\" (click)=\"gramCheckMenu(tree, menuTrigger)\"\r\n                    (mouseleave)=\"mouseLeave($event)\"></span>\r\n\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!(tree.grammarMeta && gramCheck)\">\r\n                <span class=\"{{tree.class}}\" [innerHTML]=\"tree.text\" (mouseenter)=\"mouseEnter($event)\"\r\n                    (mouseleave)=\"mouseLeave($event)\"></span>\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!tree.text\">\r\n            <br>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"tree.children\">\r\n        <span [ngClass]=\"{'selected-sentence': isSelectedSentence(tree)}\" class=\"highlight-tree-child-wrapper {{tree.class}}\"\r\n            (mouseenter)=\"mouseEnter($event)\" (mouseleave)=\"mouseLeave($event)\" (click)=\"parentClick(tree)\">\r\n            <ng-template ngFor let-child [ngForOf]=\"tree.children\">\r\n                <ng-template [ngTemplateOutlet]=\"highlightTree\" [ngTemplateOutletContext]=\"{ tree: child }\">\r\n                </ng-template>\r\n            </ng-template>\r\n        </span>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n\r\n\r\n<div *ngIf=\"tree\" class=\"tld-highlight-tree\">\r\n    <ng-template [ngTemplateOutlet]=\"highlightTree\" [ngTemplateOutletContext]=\"{ tree: tree }\"></ng-template>\r\n</div>", styles: ["span{white-space:pre-wrap}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i4.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i5.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: HighlightTreeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: HighlightTreeComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tld-highlight-tree', template: "<ng-template #highlightTree let-tree=\"tree\">\r\n    <ng-container *ngIf=\"!tree.children\">\r\n        <ng-container *ngIf=\"tree.text\">\r\n            <ng-container *ngIf=\"tree.grammarMeta && gramCheck\">\r\n                <mat-menu #menu=\"matMenu\" class=\"grammar-check-menu\">\r\n                    <div class=\"title\">\r\n                        {{'GRAMMAR_CHECK_MENU.TITLE' | translate}}\r\n                    </div>\r\n                    <div *ngFor=\"let replacement of tree.grammarMeta.replacements\">\r\n                        <button mat-button color=\"accent\" (click)=\"replace(tree, replacement)\">\r\n                            {{replacement}}\r\n                        </button>\r\n                    </div>\r\n                </mat-menu>\r\n                <span #menuTrigger=\"matMenuTrigger\" [matMenuTriggerFor]=\"menu\" class=\"{{tree.class}}\"\r\n                    [innerHTML]=\"tree.text\" (mouseenter)=\"mouseEnter($event)\" (click)=\"gramCheckMenu(tree, menuTrigger)\"\r\n                    (mouseleave)=\"mouseLeave($event)\"></span>\r\n\r\n            </ng-container>\r\n            <ng-container *ngIf=\"!(tree.grammarMeta && gramCheck)\">\r\n                <span class=\"{{tree.class}}\" [innerHTML]=\"tree.text\" (mouseenter)=\"mouseEnter($event)\"\r\n                    (mouseleave)=\"mouseLeave($event)\"></span>\r\n            </ng-container>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"!tree.text\">\r\n            <br>\r\n        </ng-container>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"tree.children\">\r\n        <span [ngClass]=\"{'selected-sentence': isSelectedSentence(tree)}\" class=\"highlight-tree-child-wrapper {{tree.class}}\"\r\n            (mouseenter)=\"mouseEnter($event)\" (mouseleave)=\"mouseLeave($event)\" (click)=\"parentClick(tree)\">\r\n            <ng-template ngFor let-child [ngForOf]=\"tree.children\">\r\n                <ng-template [ngTemplateOutlet]=\"highlightTree\" [ngTemplateOutletContext]=\"{ tree: child }\">\r\n                </ng-template>\r\n            </ng-template>\r\n        </span>\r\n    </ng-container>\r\n</ng-template>\r\n\r\n\r\n\r\n<div *ngIf=\"tree\" class=\"tld-highlight-tree\">\r\n    <ng-template [ngTemplateOutlet]=\"highlightTree\" [ngTemplateOutletContext]=\"{ tree: tree }\"></ng-template>\r\n</div>", styles: ["span{white-space:pre-wrap}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TldHighlightService }]; }, propDecorators: { tree: [{

package/esm2022/lib/modules/tld-text/components/progress-indicator/progress-indicator.component.mjs

@@ -28,10 +28,10 @@ export class ProgressIndicatorComponent {
     close() {
         this.onClose.next(null);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: ProgressIndicatorComponent, deps: [{ token: i1.TldSystemService }, { token: i2.TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: ProgressIndicatorComponent, selector: "progress-indicator", outputs: { onClose: "onClose" }, ngImport: i0, template: "<div fxLayout=\"row\">\r\n  <div fxFlex>\r\n    <vendor-disclaimer *ngIf=\"showTitle\"></vendor-disclaimer>\r\n    <mat-progress-bar mode=\"indeterminate\" color=\"accent\"></mat-progress-bar>\r\n    <div class=\"text-s status\">{{\"TEXT_TRANSLATION_PROGRESS_INDICATOR.TRANSLATING\" | translate}}</div>\r\n  </div>\r\n  <div fxLayoutAlign=\"center center\">\r\n    <tld-close-button (tldClick)=\"close()\" [tooltip]=\"closeButtonTooltip\" [ariaCode]=\"closeButtonAriaLabel\"></tld-close-button>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;width:100%}:host .status{color:var(--base-40)}:host .material-icons{vertical-align:middle;margin-left:.5rem;color:var(--base-40)}:host mat-progress-bar{margin-top:.375rem;margin-bottom:.375rem}:host mat-progress-bar ::ng-deep .mat-progress-bar-primary{display:none}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i6.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "component", type: i7.VendorDisclaimerComponent, selector: "vendor-disclaimer" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ProgressIndicatorComponent, deps: [{ token: i1.TldSystemService }, { token: i2.TldTranslateConfigService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: ProgressIndicatorComponent, selector: "progress-indicator", outputs: { onClose: "onClose" }, ngImport: i0, template: "<div fxLayout=\"row\">\r\n  <div fxFlex>\r\n    <vendor-disclaimer *ngIf=\"showTitle\"></vendor-disclaimer>\r\n    <mat-progress-bar mode=\"indeterminate\" color=\"accent\"></mat-progress-bar>\r\n    <div class=\"text-s status\">{{\"TEXT_TRANSLATION_PROGRESS_INDICATOR.TRANSLATING\" | translate}}</div>\r\n  </div>\r\n  <div fxLayoutAlign=\"center center\">\r\n    <tld-close-button (tldClick)=\"close()\" [tooltip]=\"closeButtonTooltip\" [ariaCode]=\"closeButtonAriaLabel\"></tld-close-button>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;width:100%}:host .status{color:var(--base-40)}:host .material-icons{vertical-align:middle;margin-left:.5rem;color:var(--base-40)}:host mat-progress-bar{margin-top:.375rem;margin-bottom:.375rem}:host mat-progress-bar ::ng-deep .mat-progress-bar-primary{display:none}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i5.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i5.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i5.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "component", type: i6.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "component", type: i7.VendorDisclaimerComponent, selector: "vendor-disclaimer" }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: ProgressIndicatorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'progress-indicator', template: "<div fxLayout=\"row\">\r\n  <div fxFlex>\r\n    <vendor-disclaimer *ngIf=\"showTitle\"></vendor-disclaimer>\r\n    <mat-progress-bar mode=\"indeterminate\" color=\"accent\"></mat-progress-bar>\r\n    <div class=\"text-s status\">{{\"TEXT_TRANSLATION_PROGRESS_INDICATOR.TRANSLATING\" | translate}}</div>\r\n  </div>\r\n  <div fxLayoutAlign=\"center center\">\r\n    <tld-close-button (tldClick)=\"close()\" [tooltip]=\"closeButtonTooltip\" [ariaCode]=\"closeButtonAriaLabel\"></tld-close-button>\r\n  </div>\r\n</div>\r\n", styles: [":host{display:block;width:100%}:host .status{color:var(--base-40)}:host .material-icons{vertical-align:middle;margin-left:.5rem;color:var(--base-40)}:host mat-progress-bar{margin-top:.375rem;margin-bottom:.375rem}:host mat-progress-bar ::ng-deep .mat-progress-bar-primary{display:none}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TldSystemService }, { type: i2.TldTranslateConfigService }]; }, propDecorators: { onClose: [{

package/esm2022/lib/modules/tld-text/components/textarea-with-background/textarea-with-background.component.mjs

@@ -137,10 +137,10 @@ export class TextareaWithBackgroundComponent {
         });
         element.dispatchEvent(ev);
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TextareaWithBackgroundComponent, deps: [{ token: i1.TldAlertService }, { token: i2.TldTranslateTextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: TextareaWithBackgroundComponent, selector: "tld-textarea-with-background", inputs: { maxCharLength: "maxCharLength", autoFocuss: "autoFocuss", highlightTree: "highlightTree", highlight: "highlight", gramCheck: "gramCheck", textareaDisabled: "textareaDisabled" }, viewQueries: [{ propertyName: "sourceInput", first: true, predicate: ["sourceInput"], descendants: true }, { propertyName: "treeWrapper", first: true, predicate: ["treeWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"textarea-with-background\">\r\n    <textarea  [disabled]=\"textareaDisabled\" cdkScrollable (paste)=\"onPaste($event)\" matInput [(ngModel)]=\"sourceText\" #sourceInput fxFlex\r\n        spellcheck=\"false\" (mousemove)=\"onTextAreaMouseMove($event)\" [attr.maxLength]=\"maxCharLength? maxCharLength: null\"\r\n        [attr.aria-label]=\"'TLD_TRANSLATE.SOURCE_TOOLTIP' | translate\" (click)=\"textareaClick($event)\"></textarea>\r\n    <div class=\"{{wrapperClass}}\" *ngIf=\"gramCheck || highlight\"  cdkScrollable #treeWrapper>\r\n        <div class=\"textarea-highlight-backround-inner\" cdkScrollable>\r\n            <div *ngFor=\"let paragraph of highlightTree\">\r\n                <tld-highlight-tree [isSource]=\"true\" [tree]=\"paragraph\" [highlight]=\"highlight\" [gramCheck]=\"gramCheck\"\r\n                    (onReplace)=\"replace($event)\"></tld-highlight-tree>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".textarea-with-background{position:relative}.textarea-with-background .textarea-highlight-background{position:absolute;color:transparent}.textarea-with-background textarea{resize:none!important;z-index:1;caret-color:#000!important}.textarea-with-background textarea,.textarea-with-background .textarea-highlight-backround-inner{padding:1em!important}.textarea-with-background .textarea-highlight-backround-inner{max-width:calc(100% - 2em);width:calc(100% - 2em);min-width:calc(100% - 2em);min-height:calc(100% - 2em);max-height:calc(100% - 2em);height:calc(100% - 2em);overflow-y:auto}.textarea-with-background,.textarea-highlight-background{width:100%;max-width:100%;min-width:100%;min-height:100%;max-height:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.HighlightTreeComponent, selector: "tld-highlight-tree", inputs: ["tree", "isSource", "correctionsEnabled", "highlight", "gramCheck", "selectSentence"], outputs: ["onReplace"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TextareaWithBackgroundComponent, deps: [{ token: i1.TldAlertService }, { token: i2.TldTranslateTextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TextareaWithBackgroundComponent, selector: "tld-textarea-with-background", inputs: { maxCharLength: "maxCharLength", autoFocuss: "autoFocuss", highlightTree: "highlightTree", highlight: "highlight", gramCheck: "gramCheck", textareaDisabled: "textareaDisabled" }, viewQueries: [{ propertyName: "sourceInput", first: true, predicate: ["sourceInput"], descendants: true }, { propertyName: "treeWrapper", first: true, predicate: ["treeWrapper"], descendants: true }], ngImport: i0, template: "<div class=\"textarea-with-background\">\r\n    <textarea  [disabled]=\"textareaDisabled\" cdkScrollable (paste)=\"onPaste($event)\" matInput [(ngModel)]=\"sourceText\" #sourceInput fxFlex\r\n        spellcheck=\"false\" (mousemove)=\"onTextAreaMouseMove($event)\" [attr.maxLength]=\"maxCharLength? maxCharLength: null\"\r\n        [attr.aria-label]=\"'TLD_TRANSLATE.SOURCE_TOOLTIP' | translate\" (click)=\"textareaClick($event)\"></textarea>\r\n    <div class=\"{{wrapperClass}}\" *ngIf=\"gramCheck || highlight\"  cdkScrollable #treeWrapper>\r\n        <div class=\"textarea-highlight-backround-inner\" cdkScrollable>\r\n            <div *ngFor=\"let paragraph of highlightTree\">\r\n                <tld-highlight-tree [isSource]=\"true\" [tree]=\"paragraph\" [highlight]=\"highlight\" [gramCheck]=\"gramCheck\"\r\n                    (onReplace)=\"replace($event)\"></tld-highlight-tree>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".textarea-with-background{position:relative}.textarea-with-background .textarea-highlight-background{position:absolute;color:transparent}.textarea-with-background textarea{resize:none!important;z-index:1;caret-color:#000!important}.textarea-with-background textarea,.textarea-with-background .textarea-highlight-backround-inner{padding:1em!important}.textarea-with-background .textarea-highlight-backround-inner{max-width:calc(100% - 2em);width:calc(100% - 2em);min-width:calc(100% - 2em);min-height:calc(100% - 2em);max-height:calc(100% - 2em);height:calc(100% - 2em);overflow-y:auto}.textarea-with-background,.textarea-highlight-background{width:100%;max-width:100%;min-width:100%;min-height:100%;max-height:100%;height:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i5.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i6.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i7.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i8.HighlightTreeComponent, selector: "tld-highlight-tree", inputs: ["tree", "isSource", "correctionsEnabled", "highlight", "gramCheck", "selectSentence"], outputs: ["onReplace"] }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TextareaWithBackgroundComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TextareaWithBackgroundComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tld-textarea-with-background', template: "<div class=\"textarea-with-background\">\r\n    <textarea  [disabled]=\"textareaDisabled\" cdkScrollable (paste)=\"onPaste($event)\" matInput [(ngModel)]=\"sourceText\" #sourceInput fxFlex\r\n        spellcheck=\"false\" (mousemove)=\"onTextAreaMouseMove($event)\" [attr.maxLength]=\"maxCharLength? maxCharLength: null\"\r\n        [attr.aria-label]=\"'TLD_TRANSLATE.SOURCE_TOOLTIP' | translate\" (click)=\"textareaClick($event)\"></textarea>\r\n    <div class=\"{{wrapperClass}}\" *ngIf=\"gramCheck || highlight\"  cdkScrollable #treeWrapper>\r\n        <div class=\"textarea-highlight-backround-inner\" cdkScrollable>\r\n            <div *ngFor=\"let paragraph of highlightTree\">\r\n                <tld-highlight-tree [isSource]=\"true\" [tree]=\"paragraph\" [highlight]=\"highlight\" [gramCheck]=\"gramCheck\"\r\n                    (onReplace)=\"replace($event)\"></tld-highlight-tree>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".textarea-with-background{position:relative}.textarea-with-background .textarea-highlight-background{position:absolute;color:transparent}.textarea-with-background textarea{resize:none!important;z-index:1;caret-color:#000!important}.textarea-with-background textarea,.textarea-with-background .textarea-highlight-backround-inner{padding:1em!important}.textarea-with-background .textarea-highlight-backround-inner{max-width:calc(100% - 2em);width:calc(100% - 2em);min-width:calc(100% - 2em);min-height:calc(100% - 2em);max-height:calc(100% - 2em);height:calc(100% - 2em);overflow-y:auto}.textarea-with-background,.textarea-highlight-background{width:100%;max-width:100%;min-width:100%;min-height:100%;max-height:100%;height:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TldAlertService }, { type: i2.TldTranslateTextService }]; }, propDecorators: { sourceInput: [{

package/esm2022/lib/modules/tld-text/components/tld-dictionary/tld-dictionary.component.mjs

@@ -51,10 +51,10 @@ export class TldDictionaryComponent {
             return result;
         }, {});
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldDictionaryComponent, deps: [{ token: i1.TldTranslateTextService }, { token: i2.TldSystemService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: TldDictionaryComponent, selector: "tld-dictionary", inputs: { dictionary: "dictionary" }, ngImport: i0, template: "<div fxFlex fxLayout=\"column\" class=\"dictionary-area\" [class.dictionary-with-sources]=\"dictionaryWithSources\">\r\n  <div fxFlex fxLayout=\"column\">\r\n    <div class=\"dictionary-target-word\">{{targetWord}}</div>\r\n\r\n    <ng-container *ngIf=\"!dictionaryWithSources\">\r\n      <div fxFxlex fxLayout=\"column\" *ngFor=\"let grouped of translationsByType | keyvalue\">\r\n        <div class=\"dictionary-word-type\">{{'TLD_TRANSLATE.WORD_TYPE_'+grouped.key | uppercase | translate}}</div>\r\n        <table>\r\n          <tr *ngFor=\"let translation of grouped.value\">\r\n            <td *ngIf=\"translation.probability\" class=\"fit-width\">\r\n              <span class=\"probability-outline\">\r\n                <span class=\"probability-inline\" [style.width]=\"translation.probability*100+'%'\"></span>\r\n              </span>\r\n            </td>\r\n            <td class=\"fit-width dictionary-target\" [class.clickable]=\"canSwapLanguages\"\r\n              (click)=\"translationClick(translation.target_word, true)\">\r\n              {{translation.target_word}}\r\n            </td>\r\n            <td>\r\n              <span *ngFor=\"let reverse of translation.reverse_translations; let i = index\">\r\n                <span (click)=\"translationClick(reverse, false)\"\r\n                  class=\"clickable reverse-translations\">{{reverse}}</span><span\r\n                  *ngIf=\"i!==translation.reverse_translations.length-1\">, </span>\r\n              </span>\r\n            </td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"dictionaryWithSources\">\r\n      <div fxFxlex fxLayout=\"column\" *ngFor=\"let grouped of translationsBySource\">\r\n        <table>\r\n          <tr *ngFor=\"let translation of grouped[1]\">\r\n            <td class=\"dictionary-target\" [class.clickable]=\"canSwapLanguages\"\r\n              (click)=\"translationClick(translation.target_word, true)\">\r\n              {{translation.target_word}}\r\n            </td>\r\n          </tr>\r\n        </table>\r\n        <div class=\"dictionary-word-source\">\r\n          {{ grouped[0]}}\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <div fxLayout=\"column\" *ngIf=\"dictionary.examples?.length>0\">\r\n      <p class=\"dictionary-examples-title\">\r\n        {{'TLD_TRANSLATE.DICTIONARY_EXAMPLES' | translate}}\r\n      </p>\r\n      <div *ngFor=\"let example of dictionary.examples\" fxLayout=\"column\" class=\"dictionary-example-pair\">\r\n        <p [innerHTML]=\"example.source\" class=\"dictionary-example\">\r\n        </p>\r\n        <p [innerHTML]=\"example.target\" class=\"dictionary-example\">\r\n        </p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".dictionary-target-word{font-size:16px;font-weight:500}.dictionary-area{padding:1em;overflow-y:auto}.dictionary-area .clickable:hover{text-decoration:underline;cursor:pointer}.reverse-translations{font-size:14px;vertical-align:text-bottom}.dictionary-word-type{margin:2em 0 .5em;font-style:italic;font-size:13px}.dictionary-word-source{margin:.5em 0 2em;font-size:13px;color:#5a6672}.dictionary-examples-title{margin:2em 0 .5em;font-style:italic}.dictionary-example-pair+.dictionary-example-pair{margin-top:2em}.dictionary-example{color:#9aa5b1;margin-top:.5em;margin-bottom:0}.reverse-translations-wrapper{align-items:baseline}.probability-inline,.probability-outline{display:block;border-radius:3px}.probability-outline{height:10px;width:20px;border:1px #9aa5b1 solid;padding:1px}.probability-inline{background-color:#5a6672;height:100%}td.fit-width{width:1%;white-space:nowrap;padding-right:10px}.dictionary-with-sources .dictionary-target-word{margin-bottom:1em}.dictionary-with-sources .dictionary-target{padding-top:.25em}.dictionary-target{color:#5a6672;font-size:14px;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "pipe", type: i3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i3.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldDictionaryComponent, deps: [{ token: i1.TldTranslateTextService }, { token: i2.TldSystemService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldDictionaryComponent, selector: "tld-dictionary", inputs: { dictionary: "dictionary" }, ngImport: i0, template: "<div fxFlex fxLayout=\"column\" class=\"dictionary-area\" [class.dictionary-with-sources]=\"dictionaryWithSources\">\r\n  <div fxFlex fxLayout=\"column\">\r\n    <div class=\"dictionary-target-word\">{{targetWord}}</div>\r\n\r\n    <ng-container *ngIf=\"!dictionaryWithSources\">\r\n      <div fxFxlex fxLayout=\"column\" *ngFor=\"let grouped of translationsByType | keyvalue\">\r\n        <div class=\"dictionary-word-type\">{{'TLD_TRANSLATE.WORD_TYPE_'+grouped.key | uppercase | translate}}</div>\r\n        <table>\r\n          <tr *ngFor=\"let translation of grouped.value\">\r\n            <td *ngIf=\"translation.probability\" class=\"fit-width\">\r\n              <span class=\"probability-outline\">\r\n                <span class=\"probability-inline\" [style.width]=\"translation.probability*100+'%'\"></span>\r\n              </span>\r\n            </td>\r\n            <td class=\"fit-width dictionary-target\" [class.clickable]=\"canSwapLanguages\"\r\n              (click)=\"translationClick(translation.target_word, true)\">\r\n              {{translation.target_word}}\r\n            </td>\r\n            <td>\r\n              <span *ngFor=\"let reverse of translation.reverse_translations; let i = index\">\r\n                <span (click)=\"translationClick(reverse, false)\"\r\n                  class=\"clickable reverse-translations\">{{reverse}}</span><span\r\n                  *ngIf=\"i!==translation.reverse_translations.length-1\">, </span>\r\n              </span>\r\n            </td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"dictionaryWithSources\">\r\n      <div fxFxlex fxLayout=\"column\" *ngFor=\"let grouped of translationsBySource\">\r\n        <table>\r\n          <tr *ngFor=\"let translation of grouped[1]\">\r\n            <td class=\"dictionary-target\" [class.clickable]=\"canSwapLanguages\"\r\n              (click)=\"translationClick(translation.target_word, true)\">\r\n              {{translation.target_word}}\r\n            </td>\r\n          </tr>\r\n        </table>\r\n        <div class=\"dictionary-word-source\">\r\n          {{ grouped[0]}}\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <div fxLayout=\"column\" *ngIf=\"dictionary.examples?.length>0\">\r\n      <p class=\"dictionary-examples-title\">\r\n        {{'TLD_TRANSLATE.DICTIONARY_EXAMPLES' | translate}}\r\n      </p>\r\n      <div *ngFor=\"let example of dictionary.examples\" fxLayout=\"column\" class=\"dictionary-example-pair\">\r\n        <p [innerHTML]=\"example.source\" class=\"dictionary-example\">\r\n        </p>\r\n        <p [innerHTML]=\"example.target\" class=\"dictionary-example\">\r\n        </p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".dictionary-target-word{font-size:16px;font-weight:500}.dictionary-area{padding:1em;overflow-y:auto}.dictionary-area .clickable:hover{text-decoration:underline;cursor:pointer}.reverse-translations{font-size:14px;vertical-align:text-bottom}.dictionary-word-type{margin:2em 0 .5em;font-style:italic;font-size:13px}.dictionary-word-source{margin:.5em 0 2em;font-size:13px;color:#5a6672}.dictionary-examples-title{margin:2em 0 .5em;font-style:italic}.dictionary-example-pair+.dictionary-example-pair{margin-top:2em}.dictionary-example{color:#9aa5b1;margin-top:.5em;margin-bottom:0}.reverse-translations-wrapper{align-items:baseline}.probability-inline,.probability-outline{display:block;border-radius:3px}.probability-outline{height:10px;width:20px;border:1px #9aa5b1 solid;padding:1px}.probability-inline{background-color:#5a6672;height:100%}td.fit-width{width:1%;white-space:nowrap;padding-right:10px}.dictionary-with-sources .dictionary-target-word{margin-bottom:1em}.dictionary-with-sources .dictionary-target{padding-top:.25em}.dictionary-target{color:#5a6672;font-size:14px;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "pipe", type: i3.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i3.KeyValuePipe, name: "keyvalue" }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldDictionaryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldDictionaryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tld-dictionary', template: "<div fxFlex fxLayout=\"column\" class=\"dictionary-area\" [class.dictionary-with-sources]=\"dictionaryWithSources\">\r\n  <div fxFlex fxLayout=\"column\">\r\n    <div class=\"dictionary-target-word\">{{targetWord}}</div>\r\n\r\n    <ng-container *ngIf=\"!dictionaryWithSources\">\r\n      <div fxFxlex fxLayout=\"column\" *ngFor=\"let grouped of translationsByType | keyvalue\">\r\n        <div class=\"dictionary-word-type\">{{'TLD_TRANSLATE.WORD_TYPE_'+grouped.key | uppercase | translate}}</div>\r\n        <table>\r\n          <tr *ngFor=\"let translation of grouped.value\">\r\n            <td *ngIf=\"translation.probability\" class=\"fit-width\">\r\n              <span class=\"probability-outline\">\r\n                <span class=\"probability-inline\" [style.width]=\"translation.probability*100+'%'\"></span>\r\n              </span>\r\n            </td>\r\n            <td class=\"fit-width dictionary-target\" [class.clickable]=\"canSwapLanguages\"\r\n              (click)=\"translationClick(translation.target_word, true)\">\r\n              {{translation.target_word}}\r\n            </td>\r\n            <td>\r\n              <span *ngFor=\"let reverse of translation.reverse_translations; let i = index\">\r\n                <span (click)=\"translationClick(reverse, false)\"\r\n                  class=\"clickable reverse-translations\">{{reverse}}</span><span\r\n                  *ngIf=\"i!==translation.reverse_translations.length-1\">, </span>\r\n              </span>\r\n            </td>\r\n          </tr>\r\n        </table>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <ng-container *ngIf=\"dictionaryWithSources\">\r\n      <div fxFxlex fxLayout=\"column\" *ngFor=\"let grouped of translationsBySource\">\r\n        <table>\r\n          <tr *ngFor=\"let translation of grouped[1]\">\r\n            <td class=\"dictionary-target\" [class.clickable]=\"canSwapLanguages\"\r\n              (click)=\"translationClick(translation.target_word, true)\">\r\n              {{translation.target_word}}\r\n            </td>\r\n          </tr>\r\n        </table>\r\n        <div class=\"dictionary-word-source\">\r\n          {{ grouped[0]}}\r\n        </div>\r\n      </div>\r\n    </ng-container>\r\n\r\n    <div fxLayout=\"column\" *ngIf=\"dictionary.examples?.length>0\">\r\n      <p class=\"dictionary-examples-title\">\r\n        {{'TLD_TRANSLATE.DICTIONARY_EXAMPLES' | translate}}\r\n      </p>\r\n      <div *ngFor=\"let example of dictionary.examples\" fxLayout=\"column\" class=\"dictionary-example-pair\">\r\n        <p [innerHTML]=\"example.source\" class=\"dictionary-example\">\r\n        </p>\r\n        <p [innerHTML]=\"example.target\" class=\"dictionary-example\">\r\n        </p>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".dictionary-target-word{font-size:16px;font-weight:500}.dictionary-area{padding:1em;overflow-y:auto}.dictionary-area .clickable:hover{text-decoration:underline;cursor:pointer}.reverse-translations{font-size:14px;vertical-align:text-bottom}.dictionary-word-type{margin:2em 0 .5em;font-style:italic;font-size:13px}.dictionary-word-source{margin:.5em 0 2em;font-size:13px;color:#5a6672}.dictionary-examples-title{margin:2em 0 .5em;font-style:italic}.dictionary-example-pair+.dictionary-example-pair{margin-top:2em}.dictionary-example{color:#9aa5b1;margin-top:.5em;margin-bottom:0}.reverse-translations-wrapper{align-items:baseline}.probability-inline,.probability-outline{display:block;border-radius:3px}.probability-outline{height:10px;width:20px;border:1px #9aa5b1 solid;padding:1px}.probability-inline{background-color:#5a6672;height:100%}td.fit-width{width:1%;white-space:nowrap;padding-right:10px}.dictionary-with-sources .dictionary-target-word{margin-bottom:1em}.dictionary-with-sources .dictionary-target{padding-top:.25em}.dictionary-target{color:#5a6672;font-size:14px;font-weight:500}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TldTranslateTextService }, { type: i2.TldSystemService }]; }, propDecorators: { dictionary: [{

package/esm2022/lib/modules/tld-text/components/tld-translate-source/tld-translate-source.component.mjs

@@ -63,10 +63,10 @@ export class TldTranslateSourceComponent {
         this.acceptedTypesString = this.allowedFileTypes.join(", ").replace(/\./g, '');
         this.extendedFileTypesString = this.extendedFileTypes.join(", ").replace(/\./g, '');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateSourceComponent, deps: [{ token: i1.TldTranslateConfigService }, { token: i2.TldTranslateTextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: TldTranslateSourceComponent, selector: "tld-translate-source", inputs: { textareaDisabled: "textareaDisabled", sourceParagraphs: "sourceParagraphs" }, ngImport: i0, template: "<div class=\"tld-translate-source-wrapper\" fxFlex fxLayout=\"column\">\r\n  <div class=\"source-input-wrapper\" fxFlex>\r\n    <tld-textarea-with-background *ngIf=\"!isDictating\" [textareaDisabled]=\"textareaDisabled\" [highlight]=\"highlight\"\r\n      [autoFocuss]=\"autoFocuss\" [highlightTree]=\"sourceParagraphs\" [gramCheck]=\"gramCheck\" fxFlex\r\n      [maxCharLength]=\"maxCharLength\"></tld-textarea-with-background>\r\n    <div *ngIf=\"isDictating\" class=\"asr-result-wrapper\">\r\n      <span class=\"asr-result\">\r\n        {{sourceText}}\r\n      </span>\r\n      <span class=\"asr-hypothesis\">\r\n        {{sourceTextHypothesis}}\r\n      </span>\r\n    </div>\r\n  </div>\r\n  <div fxLayout=\"column\" fxFlex *ngIf=\"showPlaceHolder\" class=\"description-text tld-trg-placeholder\">\r\n    <div fxFlex>\r\n      <p\r\n        [innerHtml]=\"(webTranslation?'TLD_TRANSLATE.SOURCE_TOOLTIP':'TLD_TRANSLATE.SOURCE_TOOLTIP_ONLY_TEXT') | translate: {appName: appName}\">\r\n      </p>\r\n      <ng-container *ngIf=\"showSensitiveInfoTooltip\">\r\n        <br fxHide.xs />\r\n        <p>{{'TLD_TRANSLATE.SOURCE_TOOLTIP_SENSITIVE_INFO' | translate: {appName: appName} }}</p>\r\n      </ng-container>\r\n    </div>\r\n\r\n    <div *ngIf=\"showExtensions\" class=\"extension-container\">\r\n      <ng-container *ngIf=\"!isAuth\">\r\n        <p class=\"description-smaller\">\r\n          <span>{{'TLD_TRANSLATE.SOURCE_FORMATS' | translate: { formats:acceptedTypesString, limit:wordLimit, appName:\r\n            appName} }}</span>\r\n          <span *ngIf=\"!showExtensionsUnauthOnly\">{{'TLD_TRANSLATE.SOURCE_WORD_LIMIT' | translate: {\r\n            formats:acceptedTypesString, limit:wordLimit, appName: appName} }}</span>\r\n        </p>\r\n\r\n        <ng-container *ngIf=\"!showExtensionsUnauthOnly\">\r\n          <br fxHide.xs />\r\n          <p class=\"description-smaller\" *ngIf=\" !isAuth\"\r\n            [innerHtml]=\"'TLD_TRANSLATE.REGISTERED_FORMATS' | translate: { formats:extendedFileTypesString, limit:wordLimit, registerLink:registerLink, appName: appName }\">\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <p class=\"description-smaller\" *ngIf=\"isAuth\"\r\n        [innerHtml]=\"'TLD_TRANSLATE.REGISTERED_FORMATS_LOGGED_IN' | translate: { formats:extendedFileTypesString, limit:wordLimit, registerLink:registerLink, appName: appName }\">\r\n      </p>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["textarea{resize:none!important;outline:none;border:none;font-size:1em;z-index:1;background-color:transparent;font-family:Inter,sans-serif;padding:0;line-height:1.5;word-break:break-word;padding:1em!important;caret-color:#000!important}.tld-translate-source-wrapper{position:relative;cursor:text}.source-input-wrapper{position:relative}.tld-trg-placeholder{padding:1em 1em 0;position:absolute;height:100%;width:100%;font-size:1em}.tld-trg-placeholder p{margin:0}.extension-container{z-index:2}.asr-result-wrapper{margin:1em}.asr-result-wrapper .asr-hypothesis{color:gray}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "component", type: i6.TextareaWithBackgroundComponent, selector: "tld-textarea-with-background", inputs: ["maxCharLength", "autoFocuss", "highlightTree", "highlight", "gramCheck", "textareaDisabled"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateSourceComponent, deps: [{ token: i1.TldTranslateConfigService }, { token: i2.TldTranslateTextService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateSourceComponent, selector: "tld-translate-source", inputs: { textareaDisabled: "textareaDisabled", sourceParagraphs: "sourceParagraphs" }, ngImport: i0, template: "<div class=\"tld-translate-source-wrapper\" fxFlex fxLayout=\"column\">\r\n  <div class=\"source-input-wrapper\" fxFlex>\r\n    <tld-textarea-with-background *ngIf=\"!isDictating\" [textareaDisabled]=\"textareaDisabled\" [highlight]=\"highlight\"\r\n      [autoFocuss]=\"autoFocuss\" [highlightTree]=\"sourceParagraphs\" [gramCheck]=\"gramCheck\" fxFlex\r\n      [maxCharLength]=\"maxCharLength\"></tld-textarea-with-background>\r\n    <div *ngIf=\"isDictating\" class=\"asr-result-wrapper\">\r\n      <span class=\"asr-result\">\r\n        {{sourceText}}\r\n      </span>\r\n      <span class=\"asr-hypothesis\">\r\n        {{sourceTextHypothesis}}\r\n      </span>\r\n    </div>\r\n  </div>\r\n  <div fxLayout=\"column\" fxFlex *ngIf=\"showPlaceHolder\" class=\"description-text tld-trg-placeholder\">\r\n    <div fxFlex>\r\n      <p\r\n        [innerHtml]=\"(webTranslation?'TLD_TRANSLATE.SOURCE_TOOLTIP':'TLD_TRANSLATE.SOURCE_TOOLTIP_ONLY_TEXT') | translate: {appName: appName}\">\r\n      </p>\r\n      <ng-container *ngIf=\"showSensitiveInfoTooltip\">\r\n        <br fxHide.xs />\r\n        <p>{{'TLD_TRANSLATE.SOURCE_TOOLTIP_SENSITIVE_INFO' | translate: {appName: appName} }}</p>\r\n      </ng-container>\r\n    </div>\r\n\r\n    <div *ngIf=\"showExtensions\" class=\"extension-container\">\r\n      <ng-container *ngIf=\"!isAuth\">\r\n        <p class=\"description-smaller\">\r\n          <span>{{'TLD_TRANSLATE.SOURCE_FORMATS' | translate: { formats:acceptedTypesString, limit:wordLimit, appName:\r\n            appName} }}</span>\r\n          <span *ngIf=\"!showExtensionsUnauthOnly\">{{'TLD_TRANSLATE.SOURCE_WORD_LIMIT' | translate: {\r\n            formats:acceptedTypesString, limit:wordLimit, appName: appName} }}</span>\r\n        </p>\r\n\r\n        <ng-container *ngIf=\"!showExtensionsUnauthOnly\">\r\n          <br fxHide.xs />\r\n          <p class=\"description-smaller\" *ngIf=\" !isAuth\"\r\n            [innerHtml]=\"'TLD_TRANSLATE.REGISTERED_FORMATS' | translate: { formats:extendedFileTypesString, limit:wordLimit, registerLink:registerLink, appName: appName }\">\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <p class=\"description-smaller\" *ngIf=\"isAuth\"\r\n        [innerHtml]=\"'TLD_TRANSLATE.REGISTERED_FORMATS_LOGGED_IN' | translate: { formats:extendedFileTypesString, limit:wordLimit, registerLink:registerLink, appName: appName }\">\r\n      </p>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["textarea{resize:none!important;outline:none;border:none;font-size:1em;z-index:1;background-color:transparent;font-family:Inter,sans-serif;padding:0;line-height:1.5;word-break:break-word;padding:1em!important;caret-color:#000!important}.tld-translate-source-wrapper{position:relative;cursor:text}.source-input-wrapper{position:relative}.tld-trg-placeholder{padding:1em 1em 0;position:absolute;height:100%;width:100%;font-size:1em}.tld-trg-placeholder p{margin:0}.extension-container{z-index:2}.asr-result-wrapper{margin:1em}.asr-result-wrapper .asr-hypothesis{color:gray}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i5.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "component", type: i6.TextareaWithBackgroundComponent, selector: "tld-textarea-with-background", inputs: ["maxCharLength", "autoFocuss", "highlightTree", "highlight", "gramCheck", "textareaDisabled"] }, { kind: "pipe", type: i7.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateSourceComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateSourceComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tld-translate-source', template: "<div class=\"tld-translate-source-wrapper\" fxFlex fxLayout=\"column\">\r\n  <div class=\"source-input-wrapper\" fxFlex>\r\n    <tld-textarea-with-background *ngIf=\"!isDictating\" [textareaDisabled]=\"textareaDisabled\" [highlight]=\"highlight\"\r\n      [autoFocuss]=\"autoFocuss\" [highlightTree]=\"sourceParagraphs\" [gramCheck]=\"gramCheck\" fxFlex\r\n      [maxCharLength]=\"maxCharLength\"></tld-textarea-with-background>\r\n    <div *ngIf=\"isDictating\" class=\"asr-result-wrapper\">\r\n      <span class=\"asr-result\">\r\n        {{sourceText}}\r\n      </span>\r\n      <span class=\"asr-hypothesis\">\r\n        {{sourceTextHypothesis}}\r\n      </span>\r\n    </div>\r\n  </div>\r\n  <div fxLayout=\"column\" fxFlex *ngIf=\"showPlaceHolder\" class=\"description-text tld-trg-placeholder\">\r\n    <div fxFlex>\r\n      <p\r\n        [innerHtml]=\"(webTranslation?'TLD_TRANSLATE.SOURCE_TOOLTIP':'TLD_TRANSLATE.SOURCE_TOOLTIP_ONLY_TEXT') | translate: {appName: appName}\">\r\n      </p>\r\n      <ng-container *ngIf=\"showSensitiveInfoTooltip\">\r\n        <br fxHide.xs />\r\n        <p>{{'TLD_TRANSLATE.SOURCE_TOOLTIP_SENSITIVE_INFO' | translate: {appName: appName} }}</p>\r\n      </ng-container>\r\n    </div>\r\n\r\n    <div *ngIf=\"showExtensions\" class=\"extension-container\">\r\n      <ng-container *ngIf=\"!isAuth\">\r\n        <p class=\"description-smaller\">\r\n          <span>{{'TLD_TRANSLATE.SOURCE_FORMATS' | translate: { formats:acceptedTypesString, limit:wordLimit, appName:\r\n            appName} }}</span>\r\n          <span *ngIf=\"!showExtensionsUnauthOnly\">{{'TLD_TRANSLATE.SOURCE_WORD_LIMIT' | translate: {\r\n            formats:acceptedTypesString, limit:wordLimit, appName: appName} }}</span>\r\n        </p>\r\n\r\n        <ng-container *ngIf=\"!showExtensionsUnauthOnly\">\r\n          <br fxHide.xs />\r\n          <p class=\"description-smaller\" *ngIf=\" !isAuth\"\r\n            [innerHtml]=\"'TLD_TRANSLATE.REGISTERED_FORMATS' | translate: { formats:extendedFileTypesString, limit:wordLimit, registerLink:registerLink, appName: appName }\">\r\n        </ng-container>\r\n      </ng-container>\r\n\r\n      <p class=\"description-smaller\" *ngIf=\"isAuth\"\r\n        [innerHtml]=\"'TLD_TRANSLATE.REGISTERED_FORMATS_LOGGED_IN' | translate: { formats:extendedFileTypesString, limit:wordLimit, registerLink:registerLink, appName: appName }\">\r\n      </p>\r\n    </div>\r\n  </div>\r\n</div>", styles: ["textarea{resize:none!important;outline:none;border:none;font-size:1em;z-index:1;background-color:transparent;font-family:Inter,sans-serif;padding:0;line-height:1.5;word-break:break-word;padding:1em!important;caret-color:#000!important}.tld-translate-source-wrapper{position:relative;cursor:text}.source-input-wrapper{position:relative}.tld-trg-placeholder{padding:1em 1em 0;position:absolute;height:100%;width:100%;font-size:1em}.tld-trg-placeholder p{margin:0}.extension-container{z-index:2}.asr-result-wrapper{margin:1em}.asr-result-wrapper .asr-hypothesis{color:gray}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TldTranslateConfigService }, { type: i2.TldTranslateTextService }]; }, propDecorators: { textareaDisabled: [{

package/esm2022/lib/modules/tld-text/components/tld-translate-suggest/dialog/tld-translate-suggest-dialog.component.mjs

@@ -86,10 +86,10 @@ export class TldTranslateSuggestDialogComponent {
         this.hasNext = this.translations[this.selectedIx + 1] ? true : false;
         this.hasPrev = this.translations[this.selectedIx - 1] ? true : false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateSuggestDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.TldHighlightService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: TldTranslateSuggestDialogComponent, selector: "tld-translate-suggest-dialog", ngImport: i0, template: "<mat-dialog-content  [attr.source-language]=\"sourceLanguage\" [attr.target-language]=\"targetLanguage\">\r\n  <tld-close-button [ariaCode]=\"closeDialogAreaCode\" class=\"close-button\"  mat-dialog-close>\r\n  </tld-close-button>\r\n\r\n  <div fxLayout=\"column\">\r\n    <label>{{'TLD_TRANSLATE.SUGGEST_ORIGINAL_LABEL' | translate}}</label>\r\n    <p class=\"source-text\">{{source}}</p>\r\n  </div>\r\n  <div fxLayout=\"column\">\r\n    <label>{{'TLD_TRANSLATE.SUGGEST_TRANSLATION_LABEL' | translate}}</label>\r\n    <mat-form-field appearance=\"outline\">\r\n      <textarea matInput class=\"translated-text\"\r\n                [(ngModel)]=\"suggestion\"\r\n                cdkTextareaAutosize\r\n                #autosize=\"cdkTextareaAutosize\"\r\n                cdkAutosizeMinRows=\"5\"\r\n                aria-describedby=\"tld-suggest-translation-info\"></textarea>\r\n    </mat-form-field>\r\n    <div class=\"usage-info\" id=\"tld-suggest-translation-info\">{{'TLD_TRANSLATE.SUGGEST_USAGE_INFO' | translate}}</div>\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions fxLayoutAlign=\"center center\">\r\n  <button mat-icon-button color=\"accent\" (click)=\"previous()\" *ngIf=\"hasPrev\" aria-label=\"previous sentence\">\u25C4</button>\r\n  <button mat-flat-button color=\"accent\" (click)=\"submit()\">{{'TLD_TRANSLATE.SUGGEST_SUBMIT_BUTTON' | translate}}</button>\r\n   <button mat-icon-button color=\"accent\" (click)=\"next()\" aria-label=\"next sentence\" *ngIf=\"hasNext\">\u25BA</button>\r\n</mat-dialog-actions>\r\n\r\n", styles: ["label{font-weight:700}textarea{caret-color:#000}.usage-info{color:#9aa5b1;font-size:.8em}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}mat-dialog-content{position:relative}.close-button{position:absolute;right:1em}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i10.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateSuggestDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.TldHighlightService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateSuggestDialogComponent, selector: "tld-translate-suggest-dialog", ngImport: i0, template: "<mat-dialog-content  [attr.source-language]=\"sourceLanguage\" [attr.target-language]=\"targetLanguage\">\r\n  <tld-close-button [ariaCode]=\"closeDialogAreaCode\" class=\"close-button\"  mat-dialog-close>\r\n  </tld-close-button>\r\n\r\n  <div fxLayout=\"column\">\r\n    <label>{{'TLD_TRANSLATE.SUGGEST_ORIGINAL_LABEL' | translate}}</label>\r\n    <p class=\"source-text\">{{source}}</p>\r\n  </div>\r\n  <div fxLayout=\"column\">\r\n    <label>{{'TLD_TRANSLATE.SUGGEST_TRANSLATION_LABEL' | translate}}</label>\r\n    <mat-form-field appearance=\"outline\">\r\n      <textarea matInput class=\"translated-text\"\r\n                [(ngModel)]=\"suggestion\"\r\n                cdkTextareaAutosize\r\n                #autosize=\"cdkTextareaAutosize\"\r\n                cdkAutosizeMinRows=\"5\"\r\n                aria-describedby=\"tld-suggest-translation-info\"></textarea>\r\n    </mat-form-field>\r\n    <div class=\"usage-info\" id=\"tld-suggest-translation-info\">{{'TLD_TRANSLATE.SUGGEST_USAGE_INFO' | translate}}</div>\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions fxLayoutAlign=\"center center\">\r\n  <button mat-icon-button color=\"accent\" (click)=\"previous()\" *ngIf=\"hasPrev\" aria-label=\"previous sentence\">\u25C4</button>\r\n  <button mat-flat-button color=\"accent\" (click)=\"submit()\">{{'TLD_TRANSLATE.SUGGEST_SUBMIT_BUTTON' | translate}}</button>\r\n   <button mat-icon-button color=\"accent\" (click)=\"next()\" aria-label=\"next sentence\" *ngIf=\"hasNext\">\u25BA</button>\r\n</mat-dialog-actions>\r\n\r\n", styles: ["label{font-weight:700}textarea{caret-color:#000}.usage-info{color:#9aa5b1;font-size:.8em}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}mat-dialog-content{position:relative}.close-button{position:absolute;right:1em}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i5.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i7.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i8.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i8.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i9.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i10.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateSuggestDialogComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateSuggestDialogComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tld-translate-suggest-dialog', template: "<mat-dialog-content  [attr.source-language]=\"sourceLanguage\" [attr.target-language]=\"targetLanguage\">\r\n  <tld-close-button [ariaCode]=\"closeDialogAreaCode\" class=\"close-button\"  mat-dialog-close>\r\n  </tld-close-button>\r\n\r\n  <div fxLayout=\"column\">\r\n    <label>{{'TLD_TRANSLATE.SUGGEST_ORIGINAL_LABEL' | translate}}</label>\r\n    <p class=\"source-text\">{{source}}</p>\r\n  </div>\r\n  <div fxLayout=\"column\">\r\n    <label>{{'TLD_TRANSLATE.SUGGEST_TRANSLATION_LABEL' | translate}}</label>\r\n    <mat-form-field appearance=\"outline\">\r\n      <textarea matInput class=\"translated-text\"\r\n                [(ngModel)]=\"suggestion\"\r\n                cdkTextareaAutosize\r\n                #autosize=\"cdkTextareaAutosize\"\r\n                cdkAutosizeMinRows=\"5\"\r\n                aria-describedby=\"tld-suggest-translation-info\"></textarea>\r\n    </mat-form-field>\r\n    <div class=\"usage-info\" id=\"tld-suggest-translation-info\">{{'TLD_TRANSLATE.SUGGEST_USAGE_INFO' | translate}}</div>\r\n  </div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions fxLayoutAlign=\"center center\">\r\n  <button mat-icon-button color=\"accent\" (click)=\"previous()\" *ngIf=\"hasPrev\" aria-label=\"previous sentence\">\u25C4</button>\r\n  <button mat-flat-button color=\"accent\" (click)=\"submit()\">{{'TLD_TRANSLATE.SUGGEST_SUBMIT_BUTTON' | translate}}</button>\r\n   <button mat-icon-button color=\"accent\" (click)=\"next()\" aria-label=\"next sentence\" *ngIf=\"hasNext\">\u25BA</button>\r\n</mat-dialog-actions>\r\n\r\n", styles: ["label{font-weight:700}textarea{caret-color:#000}.usage-info{color:#9aa5b1;font-size:.8em}:host ::ng-deep .mat-form-field-wrapper{padding-bottom:0!important}mat-dialog-content{position:relative}.close-button{position:absolute;right:1em}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{

package/esm2022/lib/modules/tld-text/components/tld-translate-suggest/tld-translate-suggest.component.mjs

@@ -44,10 +44,10 @@ export class TldTranslateSuggestComponent {
             this.textService.updateTranslation(this.options, this.systemId, result.source, result.translation).subscribe();
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateSuggestComponent, deps: [{ token: i1.TldTranslateTextService }, { token: i2.TldSystemService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: TldTranslateSuggestComponent, selector: "tld-translate-suggest", inputs: { target: "target", source: "source", dictionary: "dictionary", systemId: "systemId", options: "options", selectedSentence: "selectedSentence" }, viewQueries: [{ propertyName: "suggestButton", first: true, predicate: ["suggestButton"], descendants: true }], ngImport: i0, template: "<div fxLayoutAlign=\"start center\">\r\n  <button #suggestButton class=\"btn-as-link\" (click)=\"openDialog()\">{{'TLD_TRANSLATE.SUGGEST_BUTTON' |\r\n    translate}}</button>\r\n</div>\r\n", styles: [".tld-suggest-button{padding:0 1em;cursor:pointer;color:#5577a9;font-size:1em;background-color:transparent;border:none;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateSuggestComponent, deps: [{ token: i1.TldTranslateTextService }, { token: i2.TldSystemService }, { token: i3.MatDialog }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateSuggestComponent, selector: "tld-translate-suggest", inputs: { target: "target", source: "source", dictionary: "dictionary", systemId: "systemId", options: "options", selectedSentence: "selectedSentence" }, viewQueries: [{ propertyName: "suggestButton", first: true, predicate: ["suggestButton"], descendants: true }], ngImport: i0, template: "<div fxLayoutAlign=\"start center\">\r\n  <button #suggestButton class=\"btn-as-link\" (click)=\"openDialog()\">{{'TLD_TRANSLATE.SUGGEST_BUTTON' |\r\n    translate}}</button>\r\n</div>\r\n", styles: [".tld-suggest-button{padding:0 1em;cursor:pointer;color:#5577a9;font-size:1em;background-color:transparent;border:none;font-weight:500}\n"], dependencies: [{ kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateSuggestComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateSuggestComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tld-translate-suggest', template: "<div fxLayoutAlign=\"start center\">\r\n  <button #suggestButton class=\"btn-as-link\" (click)=\"openDialog()\">{{'TLD_TRANSLATE.SUGGEST_BUTTON' |\r\n    translate}}</button>\r\n</div>\r\n", styles: [".tld-suggest-button{padding:0 1em;cursor:pointer;color:#5577a9;font-size:1em;background-color:transparent;border:none;font-weight:500}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TldTranslateTextService }, { type: i2.TldSystemService }, { type: i3.MatDialog }]; }, propDecorators: { suggestButton: [{

package/esm2022/lib/modules/tld-text/components/tld-translate-text/tld-translate-text.component.mjs

@@ -272,10 +272,10 @@ export class TldTranslateTextComponent {
             this.isMobile = state.matches;
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateTextComponent, deps: [{ token: i1.TldTranslateTextService }, { token: i2.Clipboard }, { token: i3.TldAlertService }, { token: i3.TldTranslateConfigService }, { token: i4.TldScrollService }, { token: i5.TldSystemService }, { token: i6.AudioRecordService }, { token: i6.TldVoiceInputService }, { token: i7.TldTranslateFileService }, { token: i8.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.5", type: TldTranslateTextComponent, selector: "tld-translate-text", inputs: { filePreviewProgress: "filePreviewProgress" }, outputs: { onFileChange: "onFileChange" }, viewQueries: [{ propertyName: "sourceComponent", first: true, predicate: ["sourceComponent"], descendants: true }], ngImport: i0, template: "<!-- NOTE. tld-source-and-target-wrapper uses multiple content projections, so might seem confusing first, but elements are displayed at their places based on tld-source-and-target-wrapper component\r\nhttps://angular.io/guide/content-projection#multi-slot-content-projection\r\n-->\r\n<tld-source-and-target-wrapper [textToSpeechSourceSettings]=\"textToSpeechSourceSettings\"\r\n  [clearSourceVisible]=\"source?.length>0\" (onSourceClear)=\"clearSource()\" [hideAchievement]=\"hideAchievement\"\r\n  [clearDisabled]=\"textareaDisabled\" [clearSourceTooltip]=\"'TLD_TRANSLATE.CLEAR_SOURCE_TOOLTIP'\"\r\n  [ngClass]=\"{'highlight-active': highlight, 'gramcheck-active': gramCheck, 'empty-target': isEmptyTarget}\">\r\n  <div sourceMain class=\"source-main\" fxLayout=\"column\">\r\n    <tld-translate-source [textareaDisabled]=\"textareaDisabled\" #sourceComponent fxFlex\r\n      [sourceParagraphs]=\"sourceParagraphs\"></tld-translate-source>\r\n  </div>\r\n  <ng-container sourceActions *ngIf=\"!hideSourceActions\">\r\n    <div fxLayoutAlign=\"start center\" class=\"basic-padding\" fxLayoutGap=\"1em\">\r\n      <ng-container *ngIf=\"audioInputVisible\">\r\n        <tld-dictate [configuration]=\"dictateConfig\" [ngClass]=\"{'full-width' : !fileUpload}\"\r\n          (isDictating)=\"dictateStartStop($event)\" (result)=\"dictateResult($event)\"\r\n          (partialResult)=\"dictatePartialResult($event)\" (onError)=\"dictateError($event)\" [language]=\"sourceLanguage\">\r\n        </tld-dictate>\r\n      </ng-container>\r\n      <div *ngIf=\"fileUpload\" class=\"file-upload-wrapper\">\r\n        <tld-file-upload (fileChange)=\"fileChange($event)\" [accept]=\"allowedFileTypes\" [maxSize]=\"maxFileUploadSize\" [uploadIconName]=\"uploadIconName\"\r\n          [extendedAcceptList]=\"extendedFileTypes\" [multiple]=\"multipleFiles\" (errorEvent)=\"fileUploadError($event)\"\r\n          [filePreviewProgress]=\"filePreviewProgress\">\r\n          <span class=\"upload-file-text\">\r\n            <div fxLayout=\"row\">\r\n              <span class=\"info text-l-semi-bold\">\r\n                <span [innerHTML]=\"'FILE_UPLOAD.UPLOAD' | translate\" class=\"accent-color\"></span>\r\n                <span>&nbsp;</span>\r\n                <span [innerHTML]=\"'FILE_UPLOAD.DRAG_AND_DROP' | translate\" fxHide.lt-sm></span>\r\n                <span [innerHTML]=\"'FILE_UPLOAD.'+ (multipleFiles? 'FILES' : 'FILE') | translate\"\r\n                  [ngClass.lt-sm]=\"'accent-color'\"></span>\r\n              </span>\r\n            </div>\r\n            <div fxLayout=\"row\">\r\n              <span class=\"file-upload-extensions text-m\"\r\n                [innerHTML]=\"'FILE_UPLOAD.LIMITS' | translate: {maxSizeMB: maxSizeMB, visibleExtensions: visibleExtensions}\"></span>\r\n            </div>\r\n          </span>\r\n        </tld-file-upload>\r\n        <tld-open-extension-dialog *ngIf=\"showExtensionPopup\" [extensions]=\"allowedTypesWithoutDots\">\r\n        </tld-open-extension-dialog>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div targetMain class=\"target-main\">\r\n    <ng-container *ngIf=\"!hasDictionary; else dictionaryTargetBlock\">\r\n      <ng-container *ngIf=\"isEmptyTarget; else translatedTextBlock\">\r\n        <p *ngIf=\"showTargetPlaceholder\" class=\"description-text target-empty\"\r\n          [innerHtml]=\"'TLD_TRANSLATE.TARGET_DESCRIPTION' | translate\">\r\n        </p>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <ng-container targetActions>\r\n    <div class=\"tld-translate-target-footer basic-padding\" *ngIf=\"showSuggestions || showProgressIndicator\">\r\n      <tld-translate-suggest *ngIf=\"showSuggestions\" [systemId]=\"systemId\" [target]=\"targetParagraphs\"\r\n        [source]=\"sourceParagraphs\">\r\n      </tld-translate-suggest>\r\n      <progress-indicator (onClose)=\"closeProgressIndicator()\" *ngIf=\"showProgressIndicator\"></progress-indicator>\r\n    </div>\r\n  </ng-container>\r\n</tld-source-and-target-wrapper>\r\n\r\n\r\n<!-- templates used for else blocks in target container -->\r\n<ng-template #translatedTextBlock>\r\n  <div class=\"translated-source\" [class.selectable-sentence]=\"showSuggestions\">\r\n    <ng-container *ngIf=\"!urlToTranslate\">\r\n      <div class=\"target-wrapper-action-buttons\">\r\n        <button *ngIf=\"firstParagraphTranslated\" mat-icon-button class=\"tld-copy-translation\" (click)=\"copy()\"\r\n          matTooltip=\"{{'TOOLTIPS.COPY' | translate}}\" [attr.aria-describedby]=\"copyMessageId\"\r\n          (keydown.Tab)=\"switchFocusFromCopy($event)\" [attr.Id]=\"copyButtonId\">\r\n          <span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\">\r\n            content_copy\r\n          </span>\r\n        </button>\r\n        <tld-text-to-speech *ngIf=\"textToSpeechTargetSettings\" [settings]=\"textToSpeechTargetSettings\">\r\n        </tld-text-to-speech>\r\n      </div>\r\n      <div *ngFor=\"let paragraph of targetParagraphs\">\r\n        <tld-highlight-tree [highlight]=\"highlight\" [tree]=\"paragraph\" [selectSentence]=\"showSuggestions\">\r\n        </tld-highlight-tree>\r\n      </div>\r\n    </ng-container>\r\n    <div *ngIf=\"urlToTranslate\" class=\"target-url-container\">\r\n      <a [attr.href]=\"translateUrlRedirect\" target=\"_blank\" fxLayoutAlign=\"start center\" class=\"go-to-webtranslate\">\r\n        {{urlToTranslate}}\r\n        <span class=\"material-icons\" color=\"accent\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.OPEN_IN_NEW'\">\r\n          open_in_new\r\n        </span>\r\n      </a>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dictionaryTargetBlock>\r\n  <div fxFlex fxLayout=\"column\" class=\"dictionary-wrapper\">\r\n    <tld-dictionary fxFlex *ngFor=\"let dictionary of dictionaryEntry\" [dictionary]=\"dictionary\">\r\n    </tld-dictionary>\r\n  </div>\r\n</ng-template>\r\n", styles: [".go-to-webtranslate{word-break:break-all;display:inline}.basic-padding,.target-empty,.target-translated-text{padding:1em}.source-container{border-right:1px solid #cbd2d9;padding:0;overflow:auto}.target-description{margin-top:0}.target-container{position:relative}.translated-source{overflow-y:auto;overflow-x:hidden;flex:1 1 0!important;padding:1em}.translated-source.selectable-sentence{cursor:pointer}::ng-deep .target-highlight .tld-highlight-container{padding:1em}.target-wrapper-action-buttons{float:right}.target-wrapper-action-buttons .tld-copy-translation,.target-wrapper-action-buttons tld-text-to-speech{display:block}.target-empty,.target-translated-text{margin:0}tld-dictionary{overflow-y:auto;flex:1 1 0!important}.source-main,.target-main{height:100%}.upload-file-text{display:inline-block;text-align:left}.file-upload-wrapper{width:100%}.file-upload-wrapper .file-upload-extensions{font-weight:400}\n"], dependencies: [{ kind: "directive", type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i11.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i12.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i12.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i12.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i12.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i13.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i13.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i14.SourceAndTargetWrapperComponent, selector: "tld-source-and-target-wrapper", inputs: ["clearSourceVisible", "clearSourceTooltip", "clearDisabled", "hideAchievement", "textToSpeechSourceSettings"], outputs: ["onSourceClear"] }, { kind: "component", type: i15.TldDictateComponent, selector: "tld-dictate", inputs: ["configuration", "language"], outputs: ["result", "partialResult", "isDictating", "onError"] }, { kind: "component", type: i16.OpenExtensionDialogComponent, selector: "tld-open-extension-dialog", inputs: ["extensions"] }, { kind: "component", type: i17.TextToSpeechComponent, selector: "tld-text-to-speech", inputs: ["settings"] }, { kind: "component", type: i18.FileUploadComponent, selector: "tld-file-upload", inputs: ["accept", "maxSize", "multiple", "filePreviewProgress", "allowEmpty", "disabled", "uploadIconName", "extendedAcceptList"], outputs: ["fileChange", "errorEvent"] }, { kind: "component", type: i19.TldTranslateSourceComponent, selector: "tld-translate-source", inputs: ["textareaDisabled", "sourceParagraphs"] }, { kind: "component", type: i20.TldTranslateSuggestComponent, selector: "tld-translate-suggest", inputs: ["target", "source", "dictionary", "systemId", "options", "selectedSentence"] }, { kind: "component", type: i21.TldDictionaryComponent, selector: "tld-dictionary", inputs: ["dictionary"] }, { kind: "component", type: i22.HighlightTreeComponent, selector: "tld-highlight-tree", inputs: ["tree", "isSource", "correctionsEnabled", "highlight", "gramCheck", "selectSentence"], outputs: ["onReplace"] }, { kind: "component", type: i23.ProgressIndicatorComponent, selector: "progress-indicator", outputs: ["onClose"] }, { kind: "pipe", type: i24.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextComponent, deps: [{ token: i1.TldTranslateTextService }, { token: i2.Clipboard }, { token: i3.TldAlertService }, { token: i3.TldTranslateConfigService }, { token: i4.TldScrollService }, { token: i5.TldSystemService }, { token: i6.AudioRecordService }, { token: i6.TldVoiceInputService }, { token: i7.TldTranslateFileService }, { token: i8.BreakpointObserver }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.9", type: TldTranslateTextComponent, selector: "tld-translate-text", inputs: { filePreviewProgress: "filePreviewProgress" }, outputs: { onFileChange: "onFileChange" }, viewQueries: [{ propertyName: "sourceComponent", first: true, predicate: ["sourceComponent"], descendants: true }], ngImport: i0, template: "<!-- NOTE. tld-source-and-target-wrapper uses multiple content projections, so might seem confusing first, but elements are displayed at their places based on tld-source-and-target-wrapper component\r\nhttps://angular.io/guide/content-projection#multi-slot-content-projection\r\n-->\r\n<tld-source-and-target-wrapper [textToSpeechSourceSettings]=\"textToSpeechSourceSettings\"\r\n  [clearSourceVisible]=\"source?.length>0\" (onSourceClear)=\"clearSource()\" [hideAchievement]=\"hideAchievement\"\r\n  [clearDisabled]=\"textareaDisabled\" [clearSourceTooltip]=\"'TLD_TRANSLATE.CLEAR_SOURCE_TOOLTIP'\"\r\n  [ngClass]=\"{'highlight-active': highlight, 'gramcheck-active': gramCheck, 'empty-target': isEmptyTarget}\">\r\n  <div sourceMain class=\"source-main\" fxLayout=\"column\">\r\n    <tld-translate-source [textareaDisabled]=\"textareaDisabled\" #sourceComponent fxFlex\r\n      [sourceParagraphs]=\"sourceParagraphs\"></tld-translate-source>\r\n  </div>\r\n  <ng-container sourceActions *ngIf=\"!hideSourceActions\">\r\n    <div fxLayoutAlign=\"start center\" class=\"basic-padding\" fxLayoutGap=\"1em\">\r\n      <ng-container *ngIf=\"audioInputVisible\">\r\n        <tld-dictate [configuration]=\"dictateConfig\" [ngClass]=\"{'full-width' : !fileUpload}\"\r\n          (isDictating)=\"dictateStartStop($event)\" (result)=\"dictateResult($event)\"\r\n          (partialResult)=\"dictatePartialResult($event)\" (onError)=\"dictateError($event)\" [language]=\"sourceLanguage\">\r\n        </tld-dictate>\r\n      </ng-container>\r\n      <div *ngIf=\"fileUpload\" class=\"file-upload-wrapper\">\r\n        <tld-file-upload (fileChange)=\"fileChange($event)\" [accept]=\"allowedFileTypes\" [maxSize]=\"maxFileUploadSize\" [uploadIconName]=\"uploadIconName\"\r\n          [extendedAcceptList]=\"extendedFileTypes\" [multiple]=\"multipleFiles\" (errorEvent)=\"fileUploadError($event)\"\r\n          [filePreviewProgress]=\"filePreviewProgress\">\r\n          <span class=\"upload-file-text\">\r\n            <div fxLayout=\"row\">\r\n              <span class=\"info text-l-semi-bold\">\r\n                <span [innerHTML]=\"'FILE_UPLOAD.UPLOAD' | translate\" class=\"accent-color\"></span>\r\n                <span>&nbsp;</span>\r\n                <span [innerHTML]=\"'FILE_UPLOAD.DRAG_AND_DROP' | translate\" fxHide.lt-sm></span>\r\n                <span [innerHTML]=\"'FILE_UPLOAD.'+ (multipleFiles? 'FILES' : 'FILE') | translate\"\r\n                  [ngClass.lt-sm]=\"'accent-color'\"></span>\r\n              </span>\r\n            </div>\r\n            <div fxLayout=\"row\">\r\n              <span class=\"file-upload-extensions text-m\"\r\n                [innerHTML]=\"'FILE_UPLOAD.LIMITS' | translate: {maxSizeMB: maxSizeMB, visibleExtensions: visibleExtensions}\"></span>\r\n            </div>\r\n          </span>\r\n        </tld-file-upload>\r\n        <tld-open-extension-dialog *ngIf=\"showExtensionPopup\" [extensions]=\"allowedTypesWithoutDots\">\r\n        </tld-open-extension-dialog>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div targetMain class=\"target-main\">\r\n    <ng-container *ngIf=\"!hasDictionary; else dictionaryTargetBlock\">\r\n      <ng-container *ngIf=\"isEmptyTarget; else translatedTextBlock\">\r\n        <p *ngIf=\"showTargetPlaceholder\" class=\"description-text target-empty\"\r\n          [innerHtml]=\"'TLD_TRANSLATE.TARGET_DESCRIPTION' | translate\">\r\n        </p>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <ng-container targetActions>\r\n    <div class=\"tld-translate-target-footer basic-padding\" *ngIf=\"showSuggestions || showProgressIndicator\">\r\n      <tld-translate-suggest *ngIf=\"showSuggestions\" [systemId]=\"systemId\" [target]=\"targetParagraphs\"\r\n        [source]=\"sourceParagraphs\">\r\n      </tld-translate-suggest>\r\n      <progress-indicator (onClose)=\"closeProgressIndicator()\" *ngIf=\"showProgressIndicator\"></progress-indicator>\r\n    </div>\r\n  </ng-container>\r\n</tld-source-and-target-wrapper>\r\n\r\n\r\n<!-- templates used for else blocks in target container -->\r\n<ng-template #translatedTextBlock>\r\n  <div class=\"translated-source\" [class.selectable-sentence]=\"showSuggestions\">\r\n    <ng-container *ngIf=\"!urlToTranslate\">\r\n      <div class=\"target-wrapper-action-buttons\">\r\n        <button *ngIf=\"firstParagraphTranslated\" mat-icon-button class=\"tld-copy-translation\" (click)=\"copy()\"\r\n          matTooltip=\"{{'TOOLTIPS.COPY' | translate}}\" [attr.aria-describedby]=\"copyMessageId\"\r\n          (keydown.Tab)=\"switchFocusFromCopy($event)\" [attr.Id]=\"copyButtonId\">\r\n          <span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\">\r\n            content_copy\r\n          </span>\r\n        </button>\r\n        <tld-text-to-speech *ngIf=\"textToSpeechTargetSettings\" [settings]=\"textToSpeechTargetSettings\">\r\n        </tld-text-to-speech>\r\n      </div>\r\n      <div *ngFor=\"let paragraph of targetParagraphs\">\r\n        <tld-highlight-tree [highlight]=\"highlight\" [tree]=\"paragraph\" [selectSentence]=\"showSuggestions\">\r\n        </tld-highlight-tree>\r\n      </div>\r\n    </ng-container>\r\n    <div *ngIf=\"urlToTranslate\" class=\"target-url-container\">\r\n      <a [attr.href]=\"translateUrlRedirect\" target=\"_blank\" fxLayoutAlign=\"start center\" class=\"go-to-webtranslate\">\r\n        {{urlToTranslate}}\r\n        <span class=\"material-icons\" color=\"accent\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.OPEN_IN_NEW'\">\r\n          open_in_new\r\n        </span>\r\n      </a>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dictionaryTargetBlock>\r\n  <div fxFlex fxLayout=\"column\" class=\"dictionary-wrapper\">\r\n    <tld-dictionary fxFlex *ngFor=\"let dictionary of dictionaryEntry\" [dictionary]=\"dictionary\">\r\n    </tld-dictionary>\r\n  </div>\r\n</ng-template>\r\n", styles: [".go-to-webtranslate{word-break:break-all;display:inline}.basic-padding,.target-empty,.target-translated-text{padding:1em}.source-container{border-right:1px solid #cbd2d9;padding:0;overflow:auto}.target-description{margin-top:0}.target-container{position:relative}.translated-source{overflow-y:auto;overflow-x:hidden;flex:1 1 0!important;padding:1em}.translated-source.selectable-sentence{cursor:pointer}::ng-deep .target-highlight .tld-highlight-container{padding:1em}.target-wrapper-action-buttons{float:right}.target-wrapper-action-buttons .tld-copy-translation,.target-wrapper-action-buttons tld-text-to-speech{display:block}.target-empty,.target-translated-text{margin:0}tld-dictionary{overflow-y:auto;flex:1 1 0!important}.source-main,.target-main{height:100%}.upload-file-text{display:inline-block;text-align:left}.file-upload-wrapper{width:100%}.file-upload-wrapper .file-upload-extensions{font-weight:400}\n"], dependencies: [{ kind: "directive", type: i9.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i10.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i11.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i12.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i12.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i12.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i12.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i13.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i13.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i14.SourceAndTargetWrapperComponent, selector: "tld-source-and-target-wrapper", inputs: ["clearSourceVisible", "clearSourceTooltip", "clearDisabled", "hideAchievement", "textToSpeechSourceSettings"], outputs: ["onSourceClear"] }, { kind: "component", type: i15.TldDictateComponent, selector: "tld-dictate", inputs: ["configuration", "language"], outputs: ["result", "partialResult", "isDictating", "onError"] }, { kind: "component", type: i16.OpenExtensionDialogComponent, selector: "tld-open-extension-dialog", inputs: ["extensions"] }, { kind: "component", type: i17.TextToSpeechComponent, selector: "tld-text-to-speech", inputs: ["settings"] }, { kind: "component", type: i18.FileUploadComponent, selector: "tld-file-upload", inputs: ["accept", "maxSize", "multiple", "filePreviewProgress", "allowEmpty", "disabled", "uploadIconName", "extendedAcceptList"], outputs: ["fileChange", "errorEvent"] }, { kind: "component", type: i19.TldTranslateSourceComponent, selector: "tld-translate-source", inputs: ["textareaDisabled", "sourceParagraphs"] }, { kind: "component", type: i20.TldTranslateSuggestComponent, selector: "tld-translate-suggest", inputs: ["target", "source", "dictionary", "systemId", "options", "selectedSentence"] }, { kind: "component", type: i21.TldDictionaryComponent, selector: "tld-dictionary", inputs: ["dictionary"] }, { kind: "component", type: i22.HighlightTreeComponent, selector: "tld-highlight-tree", inputs: ["tree", "isSource", "correctionsEnabled", "highlight", "gramCheck", "selectSentence"], outputs: ["onReplace"] }, { kind: "component", type: i23.ProgressIndicatorComponent, selector: "progress-indicator", outputs: ["onClose"] }, { kind: "pipe", type: i24.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateTextComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextComponent, decorators: [{
             type: Component,
             args: [{ selector: 'tld-translate-text', template: "<!-- NOTE. tld-source-and-target-wrapper uses multiple content projections, so might seem confusing first, but elements are displayed at their places based on tld-source-and-target-wrapper component\r\nhttps://angular.io/guide/content-projection#multi-slot-content-projection\r\n-->\r\n<tld-source-and-target-wrapper [textToSpeechSourceSettings]=\"textToSpeechSourceSettings\"\r\n  [clearSourceVisible]=\"source?.length>0\" (onSourceClear)=\"clearSource()\" [hideAchievement]=\"hideAchievement\"\r\n  [clearDisabled]=\"textareaDisabled\" [clearSourceTooltip]=\"'TLD_TRANSLATE.CLEAR_SOURCE_TOOLTIP'\"\r\n  [ngClass]=\"{'highlight-active': highlight, 'gramcheck-active': gramCheck, 'empty-target': isEmptyTarget}\">\r\n  <div sourceMain class=\"source-main\" fxLayout=\"column\">\r\n    <tld-translate-source [textareaDisabled]=\"textareaDisabled\" #sourceComponent fxFlex\r\n      [sourceParagraphs]=\"sourceParagraphs\"></tld-translate-source>\r\n  </div>\r\n  <ng-container sourceActions *ngIf=\"!hideSourceActions\">\r\n    <div fxLayoutAlign=\"start center\" class=\"basic-padding\" fxLayoutGap=\"1em\">\r\n      <ng-container *ngIf=\"audioInputVisible\">\r\n        <tld-dictate [configuration]=\"dictateConfig\" [ngClass]=\"{'full-width' : !fileUpload}\"\r\n          (isDictating)=\"dictateStartStop($event)\" (result)=\"dictateResult($event)\"\r\n          (partialResult)=\"dictatePartialResult($event)\" (onError)=\"dictateError($event)\" [language]=\"sourceLanguage\">\r\n        </tld-dictate>\r\n      </ng-container>\r\n      <div *ngIf=\"fileUpload\" class=\"file-upload-wrapper\">\r\n        <tld-file-upload (fileChange)=\"fileChange($event)\" [accept]=\"allowedFileTypes\" [maxSize]=\"maxFileUploadSize\" [uploadIconName]=\"uploadIconName\"\r\n          [extendedAcceptList]=\"extendedFileTypes\" [multiple]=\"multipleFiles\" (errorEvent)=\"fileUploadError($event)\"\r\n          [filePreviewProgress]=\"filePreviewProgress\">\r\n          <span class=\"upload-file-text\">\r\n            <div fxLayout=\"row\">\r\n              <span class=\"info text-l-semi-bold\">\r\n                <span [innerHTML]=\"'FILE_UPLOAD.UPLOAD' | translate\" class=\"accent-color\"></span>\r\n                <span>&nbsp;</span>\r\n                <span [innerHTML]=\"'FILE_UPLOAD.DRAG_AND_DROP' | translate\" fxHide.lt-sm></span>\r\n                <span [innerHTML]=\"'FILE_UPLOAD.'+ (multipleFiles? 'FILES' : 'FILE') | translate\"\r\n                  [ngClass.lt-sm]=\"'accent-color'\"></span>\r\n              </span>\r\n            </div>\r\n            <div fxLayout=\"row\">\r\n              <span class=\"file-upload-extensions text-m\"\r\n                [innerHTML]=\"'FILE_UPLOAD.LIMITS' | translate: {maxSizeMB: maxSizeMB, visibleExtensions: visibleExtensions}\"></span>\r\n            </div>\r\n          </span>\r\n        </tld-file-upload>\r\n        <tld-open-extension-dialog *ngIf=\"showExtensionPopup\" [extensions]=\"allowedTypesWithoutDots\">\r\n        </tld-open-extension-dialog>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <div targetMain class=\"target-main\">\r\n    <ng-container *ngIf=\"!hasDictionary; else dictionaryTargetBlock\">\r\n      <ng-container *ngIf=\"isEmptyTarget; else translatedTextBlock\">\r\n        <p *ngIf=\"showTargetPlaceholder\" class=\"description-text target-empty\"\r\n          [innerHtml]=\"'TLD_TRANSLATE.TARGET_DESCRIPTION' | translate\">\r\n        </p>\r\n      </ng-container>\r\n    </ng-container>\r\n  </div>\r\n\r\n  <ng-container targetActions>\r\n    <div class=\"tld-translate-target-footer basic-padding\" *ngIf=\"showSuggestions || showProgressIndicator\">\r\n      <tld-translate-suggest *ngIf=\"showSuggestions\" [systemId]=\"systemId\" [target]=\"targetParagraphs\"\r\n        [source]=\"sourceParagraphs\">\r\n      </tld-translate-suggest>\r\n      <progress-indicator (onClose)=\"closeProgressIndicator()\" *ngIf=\"showProgressIndicator\"></progress-indicator>\r\n    </div>\r\n  </ng-container>\r\n</tld-source-and-target-wrapper>\r\n\r\n\r\n<!-- templates used for else blocks in target container -->\r\n<ng-template #translatedTextBlock>\r\n  <div class=\"translated-source\" [class.selectable-sentence]=\"showSuggestions\">\r\n    <ng-container *ngIf=\"!urlToTranslate\">\r\n      <div class=\"target-wrapper-action-buttons\">\r\n        <button *ngIf=\"firstParagraphTranslated\" mat-icon-button class=\"tld-copy-translation\" (click)=\"copy()\"\r\n          matTooltip=\"{{'TOOLTIPS.COPY' | translate}}\" [attr.aria-describedby]=\"copyMessageId\"\r\n          (keydown.Tab)=\"switchFocusFromCopy($event)\" [attr.Id]=\"copyButtonId\">\r\n          <span class=\"material-icons\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.COPY' | translate\">\r\n            content_copy\r\n          </span>\r\n        </button>\r\n        <tld-text-to-speech *ngIf=\"textToSpeechTargetSettings\" [settings]=\"textToSpeechTargetSettings\">\r\n        </tld-text-to-speech>\r\n      </div>\r\n      <div *ngFor=\"let paragraph of targetParagraphs\">\r\n        <tld-highlight-tree [highlight]=\"highlight\" [tree]=\"paragraph\" [selectSentence]=\"showSuggestions\">\r\n        </tld-highlight-tree>\r\n      </div>\r\n    </ng-container>\r\n    <div *ngIf=\"urlToTranslate\" class=\"target-url-container\">\r\n      <a [attr.href]=\"translateUrlRedirect\" target=\"_blank\" fxLayoutAlign=\"start center\" class=\"go-to-webtranslate\">\r\n        {{urlToTranslate}}\r\n        <span class=\"material-icons\" color=\"accent\" aria-hidden=\"false\" [attr.aria-label]=\"'ARIA_LABELS.OPEN_IN_NEW'\">\r\n          open_in_new\r\n        </span>\r\n      </a>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #dictionaryTargetBlock>\r\n  <div fxFlex fxLayout=\"column\" class=\"dictionary-wrapper\">\r\n    <tld-dictionary fxFlex *ngFor=\"let dictionary of dictionaryEntry\" [dictionary]=\"dictionary\">\r\n    </tld-dictionary>\r\n  </div>\r\n</ng-template>\r\n", styles: [".go-to-webtranslate{word-break:break-all;display:inline}.basic-padding,.target-empty,.target-translated-text{padding:1em}.source-container{border-right:1px solid #cbd2d9;padding:0;overflow:auto}.target-description{margin-top:0}.target-container{position:relative}.translated-source{overflow-y:auto;overflow-x:hidden;flex:1 1 0!important;padding:1em}.translated-source.selectable-sentence{cursor:pointer}::ng-deep .target-highlight .tld-highlight-container{padding:1em}.target-wrapper-action-buttons{float:right}.target-wrapper-action-buttons .tld-copy-translation,.target-wrapper-action-buttons tld-text-to-speech{display:block}.target-empty,.target-translated-text{margin:0}tld-dictionary{overflow-y:auto;flex:1 1 0!important}.source-main,.target-main{height:100%}.upload-file-text{display:inline-block;text-align:left}.file-upload-wrapper{width:100%}.file-upload-wrapper .file-upload-extensions{font-weight:400}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.TldTranslateTextService }, { type: i2.Clipboard }, { type: i3.TldAlertService }, { type: i3.TldTranslateConfigService }, { type: i4.TldScrollService }, { type: i5.TldSystemService }, { type: i6.AudioRecordService }, { type: i6.TldVoiceInputService }, { type: i7.TldTranslateFileService }, { type: i8.BreakpointObserver }]; }, propDecorators: { sourceComponent: [{

package/esm2022/lib/modules/tld-text/services/api/tld-translate-text-api.service.mjs

@@ -179,10 +179,10 @@ export class TldTranslateTextApiService {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateTextApiService, deps: [{ token: i1.TerminologyService }, { token: i2.HttpClient }, { token: i3.TldTranslateConfigService }, { token: i3.TldAlertService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateTextApiService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextApiService, deps: [{ token: i1.TerminologyService }, { token: i2.HttpClient }, { token: i3.TldTranslateConfigService }, { token: i3.TldAlertService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextApiService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateTextApiService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextApiService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/modules/tld-text/services/api-v2/tld-translate-text-api-v2.service.mjs

@@ -106,10 +106,10 @@ export class TldTranslateTextApiV2Service {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateTextApiV2Service, deps: [{ token: i1.HttpClient }, { token: i2.TldTranslateConfigService }, { token: i3.TerminologyService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateTextApiV2Service, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextApiV2Service, deps: [{ token: i1.HttpClient }, { token: i2.TldTranslateConfigService }, { token: i3.TerminologyService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextApiV2Service, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateTextApiV2Service, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextApiV2Service, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/modules/tld-text/services/tld-translate-text.service.mjs

@@ -389,10 +389,10 @@ export class TldTranslateTextService {
         }
         return null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateTextService, deps: [{ token: TEXT_API_SERVICE_TOKEN }, { token: i1.TldSystemService }, { token: i2.TldScrollService }, { token: i3.TldTranslateConfigService }, { token: i4.TranslateService }, { token: i3.TldHighlightService }, { token: i3.TldAlertService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateTextService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextService, deps: [{ token: TEXT_API_SERVICE_TOKEN }, { token: i1.TldSystemService }, { token: i2.TldScrollService }, { token: i3.TldTranslateConfigService }, { token: i4.TranslateService }, { token: i3.TldHighlightService }, { token: i3.TldAlertService }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTranslateTextService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTranslateTextService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/esm2022/lib/modules/tld-text/tld-text.module.mjs

@@ -22,8 +22,8 @@ import { TldTranslateSuggestComponent } from './components/tld-translate-suggest
 import { TldTranslateTextComponent } from './components/tld-translate-text/tld-translate-text.component';
 import * as i0 from "@angular/core";
 export class TldTextModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.5", ngImport: i0, type: TldTextModule, declarations: [TldTranslateSourceComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.9", ngImport: i0, type: TldTextModule, declarations: [TldTranslateSourceComponent,
             TldTranslateSuggestComponent,
             TldTranslateSuggestDialogComponent,
             TldTranslateTextComponent,
@@ -46,7 +46,7 @@ export class TldTextModule {
             FileUploadModule], exports: [TldTranslateSourceComponent,
             TldTranslateSuggestComponent,
             TldTranslateTextComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTextModule, imports: [CommonModule,
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTextModule, imports: [CommonModule,
             TranslateModule,
             MaterialModule,
             FormsModule,
@@ -61,7 +61,7 @@ export class TldTextModule {
             TextToSpeechModule,
             FileUploadModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.5", ngImport: i0, type: TldTextModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.9", ngImport: i0, type: TldTextModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [TldTranslateSourceComponent,