@tilde-nlp/ngx-translate 1.0.0

package/esm2020/lib/modules/tld-audio/tld-record/tld-record.component.mjs

@@ -0,0 +1,87 @@
+import { Component, EventEmitter, Output } from '@angular/core';
+import { Common } from '../../tld-common/models';
+import { AudioErrorCase } from '../models';
+import * as i0 from "@angular/core";
+import * as i1 from "../services/audio-record.service";
+import * as i2 from "../../tld-tooltip/services";
+import * as i3 from "../../tld-common/services";
+import * as i4 from "../services/tld-voice-input.service";
+import * as i5 from "@angular/common";
+import * as i6 from "@angular/material/tooltip";
+import * as i7 from "@angular/flex-layout/flex";
+import * as i8 from "@angular/material/button";
+import * as i9 from "@ngx-translate/core";
+export class TldRecordComponent {
+    constructor(audioRecorderService, systemService, configService, voiceProcessingService, alert) {
+        this.audioRecorderService = audioRecorderService;
+        this.systemService = systemService;
+        this.configService = configService;
+        this.voiceProcessingService = voiceProcessingService;
+        this.alert = alert;
+        /**
+         * Successfuly recorded BLOB
+         */
+        this.record = new EventEmitter();
+    }
+    get isRecording() {
+        return this.audioRecorderService.isRecording;
+    }
+    get recordTimeDate() { return this.audioRecorderService.recordTimeDate; }
+    get isProcessing() { return this.voiceProcessingService.isProcessing; }
+    ngOnInit() {
+        this.recordErrorSubscription = this.audioRecorderService.onError.subscribe((error) => {
+            if (error === AudioErrorCase.MAX_SIZE_EXCEEDED) {
+                this.alert.unhandeledError({ ErrorCode: error }, { maxSizeMb: Common.bytesToMb(this.configService.audioConfig.audioMaxSizeBytes) });
+                this.stopRecording();
+            }
+            else {
+                this.alert.unhandeledError({ ErrorCode: error });
+            }
+        });
+        this.findMic();
+    }
+    ngOnDestroy() {
+        this.recordErrorSubscription.unsubscribe();
+    }
+    startRecording() {
+        this.audioRecorderService.startRecording(this.configService.audioConfig.dataUpdateTimeFrame, this.configService.audioConfig.audioMaxSizeBytes);
+    }
+    stopRecording() {
+        this.audioRecorderService.stopRecording().then((output) => {
+            this.record.next(output);
+            this.processVoiceRecord(output);
+        });
+    }
+    cancel() {
+        if (this.audioRecorderService.isRecording) {
+            this.audioRecorderService.stopRecording();
+        }
+        if (this.voiceProcessingService.isProcessing) {
+            this.voiceProcessingService.stopProcessing();
+        }
+    }
+    processVoiceRecord(file) {
+        const language = this.systemService.getActiveSystemObj().sourceLanguage;
+        this.voiceProcessingService.startTranscribtion({ file, language });
+    }
+    findMic() {
+        navigator.mediaDevices.enumerateDevices().then((devices) => {
+            this.hasAnyMicrophone = false;
+            for (const device of devices) {
+                if (device.kind === "audioinput") {
+                    this.hasAnyMicrophone = true;
+                    return;
+                }
+            }
+        });
+    }
+}
+TldRecordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldRecordComponent, deps: [{ token: i1.AudioRecordService }, { token: i2.TldSystemService }, { token: i3.TldTranslateConfigService }, { token: i4.TldVoiceInputService }, { token: i3.TldAlertService }], target: i0.ɵɵFactoryTarget.Component });
+TldRecordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TldRecordComponent, selector: "tld-record", outputs: { record: "record" }, ngImport: i0, template: "<div fxLayout=\"row\" fxFlex>\r\n    <ng-container *ngIf=\"!(isRecording || isProcessing)\">\r\n        <button [disabled]=\"!hasAnyMicrophone\" mat-button mat-icon-button fxLayoutAlign=\"center center\"\r\n            (click)=\"startRecording()\" color=\"accent\"  [attr.aria-label]=\"(hasAnyMicrophone?'AUDIO.START':'AUDIO.MIC_NOT_FOUND') | translate\">\r\n            <span class=\"material-icons\" *ngIf=\"hasAnyMicrophone\" color=\"accent\" \r\n            [matTooltip]=\"'AUDIO.START' | translate\">\r\n                mic\r\n            </span>\r\n            <span class=\"material-icons\" [matTooltip]=\"'AUDIO.MIC_NOT_FOUND' | translate\"\r\n                *ngIf=\"!hasAnyMicrophone\">\r\n                mic_off\r\n            </span>\r\n        </button>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"isRecording || isProcessing\">\r\n        <div fxLayout=\"column\">\r\n            <button mat-button mat-icon-button fxLayoutAlign=\"center center\" [disabled]=\"!isRecording\"\r\n                (click)=\"stopRecording()\" color=\"accent\" [matTooltip]=\"'AUDIO.STOP' | translate\" [attr.aria-label]=\"'AUDIO.STOP' | translate\">\r\n                <span class=\"material-icons\">\r\n                    stop\r\n                </span>\r\n            </button>\r\n            <div class=\"tld-audio-timer\" fxLayoutAlign=\"center center\">\r\n                {{recordTimeDate | date:'mm:ss'}}\r\n            </div>\r\n        </div>\r\n        <div fxLayout=\"row\" fxFlex fxLayoutAlign=\"center center\">\r\n            <div fxFlex fxLayoutAlign=\"center center\" data-test-id=\"voice-input-info\">\r\n                <span *ngIf=\"isRecording\">{{'AUDIO.DESCRIBE_STATE_RECORDING' | translate}}</span>\r\n                <span *ngIf=\"isProcessing\">{{'AUDIO.DESCRIBE_STATE_PROCESSING' | translate}}</span>\r\n            </div>\r\n            <button mat-flat-button color=\"accent\" (click)=\"cancel()\">{{'AUDIO.CANCEL' | translate}}</button>\r\n        </div>\r\n    </ng-container>\r\n</div>", styles: ["button{border:1px solid rgba(0,0,0,.12)}.tld-audio-timer{font-size:10px}\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i6.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: i7.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: i7.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: i7.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: i8.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "pipe", type: i5.DatePipe, name: "date" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldRecordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tld-record', template: "<div fxLayout=\"row\" fxFlex>\r\n    <ng-container *ngIf=\"!(isRecording || isProcessing)\">\r\n        <button [disabled]=\"!hasAnyMicrophone\" mat-button mat-icon-button fxLayoutAlign=\"center center\"\r\n            (click)=\"startRecording()\" color=\"accent\"  [attr.aria-label]=\"(hasAnyMicrophone?'AUDIO.START':'AUDIO.MIC_NOT_FOUND') | translate\">\r\n            <span class=\"material-icons\" *ngIf=\"hasAnyMicrophone\" color=\"accent\" \r\n            [matTooltip]=\"'AUDIO.START' | translate\">\r\n                mic\r\n            </span>\r\n            <span class=\"material-icons\" [matTooltip]=\"'AUDIO.MIC_NOT_FOUND' | translate\"\r\n                *ngIf=\"!hasAnyMicrophone\">\r\n                mic_off\r\n            </span>\r\n        </button>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"isRecording || isProcessing\">\r\n        <div fxLayout=\"column\">\r\n            <button mat-button mat-icon-button fxLayoutAlign=\"center center\" [disabled]=\"!isRecording\"\r\n                (click)=\"stopRecording()\" color=\"accent\" [matTooltip]=\"'AUDIO.STOP' | translate\" [attr.aria-label]=\"'AUDIO.STOP' | translate\">\r\n                <span class=\"material-icons\">\r\n                    stop\r\n                </span>\r\n            </button>\r\n            <div class=\"tld-audio-timer\" fxLayoutAlign=\"center center\">\r\n                {{recordTimeDate | date:'mm:ss'}}\r\n            </div>\r\n        </div>\r\n        <div fxLayout=\"row\" fxFlex fxLayoutAlign=\"center center\">\r\n            <div fxFlex fxLayoutAlign=\"center center\" data-test-id=\"voice-input-info\">\r\n                <span *ngIf=\"isRecording\">{{'AUDIO.DESCRIBE_STATE_RECORDING' | translate}}</span>\r\n                <span *ngIf=\"isProcessing\">{{'AUDIO.DESCRIBE_STATE_PROCESSING' | translate}}</span>\r\n            </div>\r\n            <button mat-flat-button color=\"accent\" (click)=\"cancel()\">{{'AUDIO.CANCEL' | translate}}</button>\r\n        </div>\r\n    </ng-container>\r\n</div>", styles: ["button{border:1px solid rgba(0,0,0,.12)}.tld-audio-timer{font-size:10px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.AudioRecordService }, { type: i2.TldSystemService }, { type: i3.TldTranslateConfigService }, { type: i4.TldVoiceInputService }, { type: i3.TldAlertService }]; }, propDecorators: { record: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGxkLXJlY29yZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90bGQtdHJhbnNsYXRlL3NyYy9saWIvbW9kdWxlcy90bGQtYXVkaW8vdGxkLXJlY29yZC90bGQtcmVjb3JkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RsZC10cmFuc2xhdGUvc3JjL2xpYi9tb2R1bGVzL3RsZC1hdWRpby90bGQtcmVjb3JkL3RsZC1yZWNvcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQXFCLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVuRixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFHakQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7Ozs7Ozs7QUFTM0MsTUFBTSxPQUFPLGtCQUFrQjtJQWtCN0IsWUFBNkIsb0JBQXdDLEVBQ2xELGFBQStCLEVBQy9CLGFBQXdDLEVBQ3hDLHNCQUE0QyxFQUM1QyxLQUFzQjtRQUpaLHlCQUFvQixHQUFwQixvQkFBb0IsQ0FBb0I7UUFDbEQsa0JBQWEsR0FBYixhQUFhLENBQWtCO1FBQy9CLGtCQUFhLEdBQWIsYUFBYSxDQUEyQjtRQUN4QywyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXNCO1FBQzVDLFVBQUssR0FBTCxLQUFLLENBQWlCO1FBWHpDOztXQUVHO1FBQ08sV0FBTSxHQUF1QixJQUFJLFlBQVksRUFBUSxDQUFDO0lBU2hFLENBQUM7SUFyQkQsSUFBSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsb0JBQW9CLENBQUMsV0FBVyxDQUFDO0lBQy9DLENBQUM7SUFFRCxJQUFJLGNBQWMsS0FBSyxPQUFPLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFD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bkRlc3Ryb3ksIE9uSW5pdCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBDb21tb24gfSBmcm9tICcuLi8uLi90bGQtY29tbW9uL21vZGVscyc7XHJcbmltcG9ydCB7IFRsZEFsZXJ0U2VydmljZSwgVGxkVHJhbnNsYXRlQ29uZmlnU2VydmljZSB9IGZyb20gJy4uLy4uL3RsZC1jb21tb24vc2VydmljZXMnO1xyXG5pbXBvcnQgeyBUbGRTeXN0ZW1TZXJ2aWNlIH0gZnJvbSAnLi4vLi4vdGxkLXRvb2x0aXAvc2VydmljZXMnO1xyXG5pbXBvcnQgeyBBdWRpb0Vycm9yQ2FzZSB9IGZyb20gJy4uL21vZGVscyc7XHJcbmltcG9ydCB7IEF1ZGlvUmVjb3JkU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2F1ZGlvLXJlY29yZC5zZXJ2aWNlJztcclxuaW1wb3J0IHsgVGxkVm9pY2VJbnB1dFNlcnZpY2UgfSBmcm9tICcuLi9zZXJ2aWNlcy90bGQtdm9pY2UtaW5wdXQuc2VydmljZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RsZC1yZWNvcmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90bGQtcmVjb3JkLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi90bGQtcmVjb3JkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRsZFJlY29yZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuXHJcbiAgZ2V0IGlzUmVjb3JkaW5nKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuYXVkaW9SZWNvcmRlclNlcnZpY2UuaXNSZWNvcmRpbmc7XHJcbiAgfVxyXG5cclxuICBnZXQgcmVjb3JkVGltZURhdGUoKSB7IHJldHVybiB0aGlzLmF1ZGlvUmVjb3JkZXJTZXJ2aWNlLnJlY29yZFRpbWVEYXRlOyB9XHJcbiAgZ2V0IGlzUHJvY2Vzc2luZygpIHsgcmV0dXJuIHRoaXMudm9pY2VQcm9jZXNzaW5nU2VydmljZS5pc1Byb2Nlc3Npbmc7IH1cclxuXHJcbiAgaGFzQW55TWljcm9waG9uZTogYm9vbGVhbjtcclxuXHJcbiAgLyoqXHJcbiAgICogU3VjY2Vzc2Z1bHkgcmVjb3JkZWQgQkxPQlxyXG4gICAqL1xyXG4gIEBPdXRwdXQoKSByZWNvcmQ6IEV2ZW50RW1pdHRlcjxCbG9iPiA9IG5ldyBFdmVudEVtaXR0ZXI8QmxvYj4oKTtcclxuXHJcbiAgcHJpdmF0ZSByZWNvcmRFcnJvclN1YnNjcmlwdGlvbjogU3Vic2NyaXB0aW9uO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIHJlYWRvbmx5IGF1ZGlvUmVjb3JkZXJTZXJ2aWNlOiBBdWRpb1JlY29yZFNlcnZpY2UsXHJcbiAgICBwcml2YXRlIHJlYWRvbmx5IHN5c3RlbVNlcnZpY2U6IFRsZFN5c3RlbVNlcnZpY2UsXHJcbiAgICBwcml2YXRlIHJlYWRvbmx5IGNvbmZpZ1NlcnZpY2U6IFRsZFRyYW5zbGF0ZUNvbmZpZ1NlcnZpY2UsXHJcbiAgICBwcml2YXRlIHJlYWRvbmx5IHZvaWNlUHJvY2Vzc2luZ1NlcnZpY2U6IFRsZFZvaWNlSW5wdXRTZXJ2aWNlLFxyXG4gICAgcHJpdmF0ZSByZWFkb25seSBhbGVydDogVGxkQWxlcnRTZXJ2aWNlKSB7XHJcbiAgfVxyXG5cclxuICBuZ09uSW5pdCgpIHtcclxuICAgIHRoaXMucmVjb3JkRXJyb3JTdWJzY3JpcHRpb24gPSB0aGlzLmF1ZGlvUmVjb3JkZXJTZXJ2aWNlLm9uRXJyb3Iuc3Vic2NyaWJlKChlcnJvcjogQXVkaW9FcnJvckNhc2UpID0+IHtcclxuICAgICAgaWYgKGVycm9yID09PSBBdWRpb0Vycm9yQ2FzZS5NQVhfU0laRV9FWENFRURFRCkge1xyXG4gICAgICAgIHRoaXMuYWxlcnQudW5oYW5kZWxlZEVycm9yKHsgRXJyb3JDb2RlOiBlcnJvciB9LCB7IG1heFNpemVNYjogQ29tbW9uLmJ5dGVzVG9NYih0aGlzLmNvbmZpZ1NlcnZpY2UuYXVkaW9Db25maWcuYXVkaW9NYXhTaXplQnl0ZXMpIH0pXHJcbiAgICAgICAgdGhpcy5zdG9wUmVjb3JkaW5nKCk7XHJcbiAgICAgIH1cclxuICAgICAgZWxzZSB7XHJcbiAgICAgICAgdGhpcy5hbGVydC51bmhhbmRlbGVkRXJyb3IoeyBFcnJvckNvZGU6IGVycm9yIH0pO1xyXG4gICAgICB9XHJcbiAgICB9KVxyXG5cclxuICAgIHRoaXMuZmluZE1pYygpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKSB7XHJcbiAgICB0aGlzLnJlY29yZEVycm9yU3Vic2NyaXB0aW9uLnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG5cclxuICBzdGFydFJlY29yZGluZygpIHtcclxuICAgIHRoaXMuYXVkaW9SZWNvcmRlclNlcnZpY2Uuc3RhcnRSZWNvcmRpbmcodGhpcy5jb25maWdTZXJ2aWNlLmF1ZGlvQ29uZmlnLmRhdGFVcGRhdGVUaW1lRnJhbWUsIHRoaXMuY29uZmlnU2VydmljZS5hdWRpb0NvbmZpZy5hdWRpb01heFNpemVCeXRlcyk7XHJcbiAgfVxyXG5cclxuICBzdG9wUmVjb3JkaW5nKCkge1xyXG4gICAgdGhpcy5hdWRpb1JlY29yZGVyU2VydmljZS5zdG9wUmVjb3JkaW5nKCkudGhlbigob3V0cHV0OiBCbG9iKSA9PiB7XHJcbiAgICAgIHRoaXMucmVjb3JkLm5leHQob3V0cHV0KTtcclxuICAgICAgdGhpcy5wcm9jZXNzVm9pY2VSZWNvcmQob3V0cHV0KTtcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgY2FuY2VsKCkge1xyXG4gICAgaWYgKHRoaXMuYXVkaW9SZWNvcmRlclNlcnZpY2UuaXNSZWNvcmRpbmcpIHtcclxuICAgICAgdGhpcy5hdWRpb1JlY29yZGVyU2VydmljZS5zdG9wUmVjb3JkaW5nKCk7XHJcbiAgICB9XHJcbiAgICBpZiAodGhpcy52b2ljZVByb2Nlc3NpbmdTZXJ2aWNlLmlzUHJvY2Vzc2luZykge1xyXG4gICAgICB0aGlzLnZvaWNlUHJvY2Vzc2luZ1NlcnZpY2Uuc3RvcFByb2Nlc3NpbmcoKVxyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHJvY2Vzc1ZvaWNlUmVjb3JkKGZpbGU6IEJsb2IpIHtcclxuICAgIGNvbnN0IGxhbmd1YWdlID0gdGhpcy5zeXN0ZW1TZXJ2aWNlLmdldEFjdGl2ZVN5c3RlbU9iaigpLnNvdXJjZUxhbmd1YWdlO1xyXG4gICAgdGhpcy52b2ljZVByb2Nlc3NpbmdTZXJ2aWNlLnN0YXJ0VHJhbnNjcmlidGlvbih7IGZpbGUsIGxhbmd1YWdlIH0pO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBmaW5kTWljKCkge1xyXG4gICAgbmF2aWdhdG9yLm1lZGlhRGV2aWNlcy5lbnVtZXJhdGVEZXZpY2VzKCkudGhlbigoZGV2aWNlczogTWVkaWFEZXZpY2VJbmZvW10pID0+IHtcclxuICAgICAgdGhpcy5oYXNBbnlNaWNyb3Bob25lID0gZmFsc2U7XHJcbiAgICAgIGZvciAoY29uc3QgZGV2aWNlIG9mIGRldmljZXMpIHtcclxuICAgICAgICBpZiAoZGV2aWNlLmtpbmQgPT09IFwiYXVkaW9pbnB1dFwiKSB7XHJcbiAgICAgICAgICB0aGlzLmhhc0FueU1pY3JvcGhvbmUgPSB0cnVlO1xyXG4gICAgICAgICAgcmV0dXJuO1xyXG4gICAgICAgIH1cclxuICAgICAgfVxyXG4gICAgfSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgZnhMYXlvdXQ9XCJyb3dcIiBmeEZsZXg+XHJcbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiIShpc1JlY29yZGluZyB8fCBpc1Byb2Nlc3NpbmcpXCI+XHJcbiAgICAgICAgPGJ1dHRvbiBbZGlzYWJsZWRdPVwiIWhhc0FueU1pY3JvcGhvbmVcIiBtYXQtYnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiXHJcbiAgICAgICAgICAgIChjbGljayk9XCJzdGFydFJlY29yZGluZygpXCIgY29sb3I9XCJhY2NlbnRcIiAgW2F0dHIuYXJpYS1sYWJlbF09XCIoaGFzQW55TWljcm9waG9uZT8nQVVESU8uU1RBUlQnOidBVURJTy5NSUNfTk9UX0ZPVU5EJykgfCB0cmFuc2xhdGVcIj5cclxuICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiICpuZ0lmPVwiaGFzQW55TWljcm9waG9uZVwiIGNvbG9yPVwiYWNjZW50XCIgXHJcbiAgICAgICAgICAgIFttYXRUb29sdGlwXT1cIidBVURJTy5TVEFSVCcgfCB0cmFuc2xhdGVcIj5cclxuICAgICAgICAgICAgICAgIG1pY1xyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnNcIiBbbWF0VG9vbHRpcF09XCInQVVESU8uTUlDX05PVF9GT1VORCcgfCB0cmFuc2xhdGVcIlxyXG4gICAgICAgICAgICAgICAgKm5nSWY9XCIhaGFzQW55TWljcm9waG9uZVwiPlxyXG4gICAgICAgICAgICAgICAgbWljX29mZlxyXG4gICAgICAgICAgICA8L3NwYW4+XHJcbiAgICAgICAgPC9idXR0b24+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpc1JlY29yZGluZyB8fCBpc1Byb2Nlc3NpbmdcIj5cclxuICAgICAgICA8ZGl2IGZ4TGF5b3V0PVwiY29sdW1uXCI+XHJcbiAgICAgICAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBtYXQtaWNvbi1idXR0b24gZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIiBbZGlzYWJsZWRdPVwiIWlzUmVjb3JkaW5nXCJcclxuICAgICAgICAgICAgICAgIChjbGljayk9XCJzdG9wUmVjb3JkaW5nKClcIiBjb2xvcj1cImFjY2VudFwiIFttYXRUb29sdGlwXT1cIidBVURJTy5TVE9QJyB8IHRyYW5zbGF0ZVwiIFthdHRyLmFyaWEtbGFiZWxdPVwiJ0FVRElPLlNUT1AnIHwgdHJhbnNsYXRlXCI+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgc3RvcFxyXG4gICAgICAgICAgICAgICAgPC9zcGFuPlxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRsZC1hdWRpby10aW1lclwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XHJcbiAgICAgICAgICAgICAgICB7e3JlY29yZFRpbWVEYXRlIHwgZGF0ZTonbW06c3MnfX1cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBmeExheW91dD1cInJvd1wiIGZ4RmxleCBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxyXG4gICAgICAgICAgICA8ZGl2IGZ4RmxleCBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiIGRhdGEtdGVzdC1pZD1cInZvaWNlLWlucHV0LWluZm9cIj5cclxuICAgICAgICAgICAgICAgIDxzcGFuICpuZ0lmPVwiaXNSZWNvcmRpbmdcIj57eydBVURJTy5ERVNDUklCRV9TVEFURV9SRUNPUkRJTkcnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgICAgICA8c3BhbiAqbmdJZj1cImlzUHJvY2Vzc2luZ1wiPnt7J0FVRElPLkRFU0NSSUJFX1NUQVRFX1BST0NFU1NJTkcnIHwgdHJhbnNsYXRlfX08L3NwYW4+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8YnV0dG9uIG1hdC1mbGF0LWJ1dHRvbiBjb2xvcj1cImFjY2VudFwiIChjbGljayk9XCJjYW5jZWwoKVwiPnt7J0FVRElPLkNBTkNFTCcgfCB0cmFuc2xhdGV9fTwvYnV0dG9uPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbjwvZGl2PiJdfQ==

package/esm2020/lib/modules/tld-common/animations/pulse.animation.mjs

@@ -0,0 +1,11 @@
+import { animate, keyframes, state, style, transition, trigger } from "@angular/animations";
+export const pulseAnimation = trigger('pulse', [
+    state("true", style({})),
+    state("false", style({})),
+    transition('false <=> true', animate('1.5s ease', keyframes([
+        style({ offset: 0 }),
+        style({ boxShadow: '0 0 0 15px rgb(173, 35, 74, 10%)', offset: 0.7 }),
+        style({ boxShadow: '0 0 0 0', offset: 1 }),
+    ])))
+]);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVsc2UuYW5pbWF0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGxkLXRyYW5zbGF0ZS9zcmMvbGliL21vZHVsZXMvdGxkLWNvbW1vbi9hbmltYXRpb25zL3B1bHNlLmFuaW1hdGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUU1RixNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsT0FBTyxDQUFDLE9BQU8sRUFBRTtJQUMzQyxLQUFLLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN4QixLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN6QixVQUFVLENBQUMsZ0JBQWdCLEVBQUUsT0FBTyxDQUFDLFdBQVcsRUFBRSxTQUFTLENBQ3ZEO1FBQ0ksS0FBSyxDQUFDLEVBQUUsTUFBTSxFQUFFLENBQUMsRUFBRSxDQUFDO1FBQ3BCLEtBQUssQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQ0FBa0MsRUFBRSxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUM7UUFDckUsS0FBSyxDQUFDLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsQ0FBQyxFQUFFLENBQUM7S0FDN0MsQ0FDSixDQUFDLENBQUM7Q0FDTixDQUFDLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBhbmltYXRlLCBrZXlmcmFtZXMsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gXCJAYW5ndWxhci9hbmltYXRpb25zXCI7XHJcblxyXG5leHBvcnQgY29uc3QgcHVsc2VBbmltYXRpb24gPSB0cmlnZ2VyKCdwdWxzZScsIFtcclxuICAgIHN0YXRlKFwidHJ1ZVwiLCBzdHlsZSh7fSkpLFxyXG4gICAgc3RhdGUoXCJmYWxzZVwiLCBzdHlsZSh7fSkpLFxyXG4gICAgdHJhbnNpdGlvbignZmFsc2UgPD0+IHRydWUnLCBhbmltYXRlKCcxLjVzIGVhc2UnLCBrZXlmcmFtZXMoXHJcbiAgICAgICAgW1xyXG4gICAgICAgICAgICBzdHlsZSh7IG9mZnNldDogMCB9KSxcclxuICAgICAgICAgICAgc3R5bGUoeyBib3hTaGFkb3c6ICcwIDAgMCAxNXB4IHJnYigxNzMsIDM1LCA3NCwgMTAlKScsIG9mZnNldDogMC43IH0pLFxyXG4gICAgICAgICAgICBzdHlsZSh7IGJveFNoYWRvdzogJzAgMCAwIDAnLCBvZmZzZXQ6IDEgfSksXHJcbiAgICAgICAgXVxyXG4gICAgKSkpXHJcbl0pIl19

package/esm2020/lib/modules/tld-common/components/index.mjs

@@ -0,0 +1,10 @@
+export * from './tld-translate-achievement/tld-translate-achievement.component';
+export * from './tld-loader/tld-loader.component';
+export * from './tld-lang-list/tld-lang-list.component';
+export * from './tld-file-upload/tld-file-upload.component';
+export * from './tld-message/tld-message.component';
+export * from './open-close-button/open-close-button.component';
+export * from './translate-button/translate-button.component';
+export * from './tld-list-menu/tld-list-menu.component';
+export * from './source-and-target-wrapper/source-and-target-wrapper.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90bGQtdHJhbnNsYXRlL3NyYy9saWIvbW9kdWxlcy90bGQtY29tbW9uL2NvbXBvbmVudHMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxpRUFBaUUsQ0FBQztBQUNoRixjQUFjLG1DQUFtQyxDQUFDO0FBQ2xELGNBQWMseUNBQXlDLENBQUM7QUFDeEQsY0FBYyw2Q0FBNkMsQ0FBQztBQUM1RCxjQUFjLHFDQUFxQyxDQUFDO0FBQ3BELGNBQWMsaURBQWlELENBQUM7QUFDaEUsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsaUVBQWlFLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3RsZC10cmFuc2xhdGUtYWNoaWV2ZW1lbnQvdGxkLXRyYW5zbGF0ZS1hY2hpZXZlbWVudC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3RsZC1sb2FkZXIvdGxkLWxvYWRlci5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3RsZC1sYW5nLWxpc3QvdGxkLWxhbmctbGlzdC5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL3RsZC1maWxlLXVwbG9hZC90bGQtZmlsZS11cGxvYWQuY29tcG9uZW50JztcclxuZXhwb3J0ICogZnJvbSAnLi90bGQtbWVzc2FnZS90bGQtbWVzc2FnZS5jb21wb25lbnQnO1xyXG5leHBvcnQgKiBmcm9tICcuL29wZW4tY2xvc2UtYnV0dG9uL29wZW4tY2xvc2UtYnV0dG9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vdHJhbnNsYXRlLWJ1dHRvbi90cmFuc2xhdGUtYnV0dG9uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vdGxkLWxpc3QtbWVudS90bGQtbGlzdC1tZW51LmNvbXBvbmVudCc7XHJcbmV4cG9ydCAqIGZyb20gJy4vc291cmNlLWFuZC10YXJnZXQtd3JhcHBlci9zb3VyY2UtYW5kLXRhcmdldC13cmFwcGVyLmNvbXBvbmVudCc7Il19

package/esm2020/lib/modules/tld-common/components/open-close-button/open-close-button.component.mjs

@@ -0,0 +1,41 @@
+import { Component, Input, ViewChild } from '@angular/core';
+import { MatButton } from '@angular/material/button';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/flex-layout/flex";
+import * as i4 from "@angular/flex-layout/extended";
+import * as i5 from "@ngx-translate/core";
+export class TldOpenCloseButtonComponent {
+    get isOpened() { return this._isOpened; }
+    set isOpened(value) {
+        if (this._isOpened && !value && !this.disableFocusOnAction) {
+            this.focus();
+        }
+        this._isOpened = value;
+    }
+    ;
+    focus() {
+        this.button.focus();
+    }
+}
+TldOpenCloseButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldOpenCloseButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TldOpenCloseButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TldOpenCloseButtonComponent, selector: "tld-open-close-button", inputs: { disableFocusOnAction: "disableFocusOnAction", isOpened: "isOpened", disabled: "disabled", isIcon: "isIcon", ariaLabelCode: "ariaLabelCode" }, viewQueries: [{ propertyName: "button", first: true, predicate: MatButton, descendants: true }], ngImport: i0, template: "<button [disableRipple]=\"true\" [ngClass.lt-md]=\"'open-close-button-tablet'\" mat-button [disabled]=\"disabled\" *ngIf=\"!isIcon\"\r\n    [attr.aria-label]=\"ariaLabelCode | translate\">\r\n    <span fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n        <span class=\"open-close-button-content\" fxLayoutAlign=\"center center\">\r\n            <ng-content></ng-content>\r\n        </span>\r\n        <span class=\"material-icons\">\r\n            {{isOpened?'arrow_drop_up':'arrow_drop_down'}}\r\n        </span>\r\n    </span>\r\n</button>\r\n<button mat-icon-button [disabled]=\"disabled\" *ngIf=\"isIcon\" fxLayoutAlign=\"center center\"\r\n    [attr.aria-label]=\"ariaLabelCode | translate\">\r\n    <span class=\"material-icons\">\r\n        {{isOpened?'arrow_drop_up':'arrow_drop_down'}}\r\n    </span>\r\n</button>\r\n", styles: ["button{font-size:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3.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: i3.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: i4.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: i5.TranslatePipe, name: "translate" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldOpenCloseButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tld-open-close-button', template: "<button [disableRipple]=\"true\" [ngClass.lt-md]=\"'open-close-button-tablet'\" mat-button [disabled]=\"disabled\" *ngIf=\"!isIcon\"\r\n    [attr.aria-label]=\"ariaLabelCode | translate\">\r\n    <span fxLayout=\"row\" fxLayoutAlign=\"center center\">\r\n        <span class=\"open-close-button-content\" fxLayoutAlign=\"center center\">\r\n            <ng-content></ng-content>\r\n        </span>\r\n        <span class=\"material-icons\">\r\n            {{isOpened?'arrow_drop_up':'arrow_drop_down'}}\r\n        </span>\r\n    </span>\r\n</button>\r\n<button mat-icon-button [disabled]=\"disabled\" *ngIf=\"isIcon\" fxLayoutAlign=\"center center\"\r\n    [attr.aria-label]=\"ariaLabelCode | translate\">\r\n    <span class=\"material-icons\">\r\n        {{isOpened?'arrow_drop_up':'arrow_drop_down'}}\r\n    </span>\r\n</button>\r\n", styles: ["button{font-size:16px}\n"] }]
+        }], propDecorators: { button: [{
+                type: ViewChild,
+                args: [MatButton]
+            }], disableFocusOnAction: [{
+                type: Input
+            }], isOpened: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], isIcon: [{
+                type: Input
+            }], ariaLabelCode: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3Blbi1jbG9zZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGxkLXRyYW5zbGF0ZS9zcmMvbGliL21vZHVsZXMvdGxkLWNvbW1vbi9jb21wb25lbnRzL29wZW4tY2xvc2UtYnV0dG9uL29wZW4tY2xvc2UtYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RsZC10cmFuc2xhdGUvc3JjL2xpYi9tb2R1bGVzL3RsZC1jb21tb24vY29tcG9uZW50cy9vcGVuLWNsb3NlLWJ1dHRvbi9vcGVuLWNsb3NlLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7Ozs7O0FBT3JELE1BQU0sT0FBTywyQkFBMkI7SUFLdEMsSUFBSSxRQUFRLEtBQUssT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQztJQUV6QyxJQUFhLFFBQVEsQ0FBQyxLQUFjO1FBQ2xDLElBQUksSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDLEtBQUssSUFBSSxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRTtZQUMxRCxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7U0FDZDtRQUNELElBQUksQ0FBQyxTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ3pCLENBQUM7SUFBQSxDQUFDO0lBS0YsS0FBSztRQUNILElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDdEIsQ0FBQzs7d0hBbkJVLDJCQUEyQjs0R0FBM0IsMkJBQTJCLDZQQUUzQixTQUFTLGdEQ1Z0QixvMEJBaUJBOzJGRFRhLDJCQUEyQjtrQkFMdkMsU0FBUzsrQkFDRSx1QkFBdUI7OEJBTVgsTUFBTTtzQkFBM0IsU0FBUzt1QkFBQyxTQUFTO2dCQUlYLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDTyxRQUFRO3NCQUFwQixLQUFLO2dCQU1HLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTWF0QnV0dG9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndGxkLW9wZW4tY2xvc2UtYnV0dG9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vb3Blbi1jbG9zZS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL29wZW4tY2xvc2UtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRsZE9wZW5DbG9zZUJ1dHRvbkNvbXBvbmVudCB7XHJcblxyXG4gIEBWaWV3Q2hpbGQoTWF0QnV0dG9uKSBidXR0b246IE1hdEJ1dHRvbjtcclxuXHJcbiAgcHJpdmF0ZSBfaXNPcGVuZWQ7XHJcbiAgZ2V0IGlzT3BlbmVkKCkgeyByZXR1cm4gdGhpcy5faXNPcGVuZWQ7IH1cclxuICBASW5wdXQoKSBkaXNhYmxlRm9jdXNPbkFjdGlvbjogYm9vbGVhbjtcclxuICBASW5wdXQoKSBzZXQgaXNPcGVuZWQodmFsdWU6IGJvb2xlYW4pIHtcclxuICAgIGlmICh0aGlzLl9pc09wZW5lZCAmJiAhdmFsdWUgJiYgIXRoaXMuZGlzYWJsZUZvY3VzT25BY3Rpb24pIHtcclxuICAgICAgdGhpcy5mb2N1cygpO1xyXG4gICAgfVxyXG4gICAgdGhpcy5faXNPcGVuZWQgPSB2YWx1ZTtcclxuICB9O1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuO1xyXG4gIEBJbnB1dCgpIGlzSWNvbjogYm9vbGVhbjtcclxuICBASW5wdXQoKSBhcmlhTGFiZWxDb2RlOiBzdHJpbmc7XHJcblxyXG4gIGZvY3VzKCkge1xyXG4gICAgdGhpcy5idXR0b24uZm9jdXMoKTtcclxuICB9XHJcblxyXG59XHJcbiIsIjxidXR0b24gW2Rpc2FibGVSaXBwbGVdPVwidHJ1ZVwiIFtuZ0NsYXNzLmx0LW1kXT1cIidvcGVuLWNsb3NlLWJ1dHRvbi10YWJsZXQnXCIgbWF0LWJ1dHRvbiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAqbmdJZj1cIiFpc0ljb25cIlxyXG4gICAgW2F0dHIuYXJpYS1sYWJlbF09XCJhcmlhTGFiZWxDb2RlIHwgdHJhbnNsYXRlXCI+XHJcbiAgICA8c3BhbiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XHJcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJvcGVuLWNsb3NlLWJ1dHRvbi1jb250ZW50XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvc3Bhbj5cclxuICAgICAgICA8c3BhbiBjbGFzcz1cIm1hdGVyaWFsLWljb25zXCI+XHJcbiAgICAgICAgICAgIHt7aXNPcGVuZWQ/J2Fycm93X2Ryb3BfdXAnOidhcnJvd19kcm9wX2Rvd24nfX1cclxuICAgICAgICA8L3NwYW4+XHJcbiAgICA8L3NwYW4+XHJcbjwvYnV0dG9uPlxyXG48YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIiAqbmdJZj1cImlzSWNvblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCJcclxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiYXJpYUxhYmVsQ29kZSB8IHRyYW5zbGF0ZVwiPlxyXG4gICAgPHNwYW4gY2xhc3M9XCJtYXRlcmlhbC1pY29uc1wiPlxyXG4gICAgICAgIHt7aXNPcGVuZWQ/J2Fycm93X2Ryb3BfdXAnOidhcnJvd19kcm9wX2Rvd24nfX1cclxuICAgIDwvc3Bhbj5cclxuPC9idXR0b24+XHJcbiJdfQ==

package/esm2020/lib/modules/tld-common/components/source-and-target-wrapper/source-and-target-wrapper.component.mjs

@@ -0,0 +1,44 @@
+import { Component, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/cdk/scrolling";
+import * as i3 from "@angular/flex-layout/flex";
+import * as i4 from "@angular/flex-layout/extended";
+import * as i5 from "@tilde-nlp/ngx-common";
+import * as i6 from "../../../../components/shared/text-to-speech/text-to-speech.component";
+import * as i7 from "../tld-translate-achievement/tld-translate-achievement.component";
+export class SourceAndTargetWrapperComponent {
+    constructor() {
+        this.onSourceClear = new EventEmitter();
+    }
+    ngOnInit() {
+    }
+    clearSource() {
+        this.onSourceClear.emit();
+    }
+    focusClearButton() {
+        this.clearButton?.clearButton.focus();
+    }
+}
+SourceAndTargetWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SourceAndTargetWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SourceAndTargetWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: SourceAndTargetWrapperComponent, selector: "tld-source-and-target-wrapper", inputs: { clearSourceVisible: "clearSourceVisible", clearSourceTooltip: "clearSourceTooltip", clearDisabled: "clearDisabled", hideAchievement: "hideAchievement", textToSpeechSourceSettings: "textToSpeechSourceSettings" }, outputs: { onSourceClear: "onSourceClear" }, viewQueries: [{ propertyName: "clearButton", first: true, predicate: ["clearButton"], descendants: true }], ngImport: i0, template: "<div fxLayout=\"row\" class=\"source-target-wrapper\" fxLayout.lt-md=\"column\">\r\n  <div class=\"source-wrapper\" [ngClass.gt-sm]=\"'tld-default-border-right'\" [ngClass.lt-md]=\"'tld-default-border-bottom'\"\r\n    fxFlex fxLayout=\"column\">\r\n    <div fxLayout=\"column\" class=\"source-wrapper-action-buttons\">\r\n      <tld-close-button [tooltip]=\"clearSourceTooltip\" #clearButton (tldClick)=\"clearSource()\"\r\n      *ngIf=\"clearSourceVisible\" [disabled]=\"clearDisabled\"></tld-close-button>\r\n      <tld-text-to-speech *ngIf=\"textToSpeechSourceSettings\" [settings]=\"textToSpeechSourceSettings\">\r\n      </tld-text-to-speech>\r\n    </div>\r\n    <div class=\"source-container\" fxFlex>\r\n      <ng-content select=\"[sourceMain]\"></ng-content>\r\n    </div>\r\n    <div class=\"source-action-wrapper\">\r\n      <ng-content select=\"[sourceActions]\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <div class=\"target-wrapper\" fxLayout=\"column\" fxFlex=\"50\">\r\n    <div class=\"target-container\" fxFlex cdkScrollable>\r\n      <ng-content select=\"[targetMain]\"></ng-content>\r\n    </div>\r\n    <div class=\"target-action-wrapper\">\r\n      <ng-content select=\"[targetActions]\"></ng-content>\r\n    </div>\r\n    <tld-translate-achievement *ngIf=\"!hideAchievement\"></tld-translate-achievement>\r\n  </div>\r\n</div>\r\n", styles: [".source-wrapper{position:relative}.source-wrapper .source-wrapper-action-buttons{position:absolute;top:0;right:0;z-index:2}tld-translate-achievement{padding:1em}.target-container,.source-container{flex:1 1 0!important}.source-container-wrapper,.target-container-wrapper,.source-target-wrapper{height:100%}.source-container,.target-container{overflow-y:auto}.target-wrapper{background:#ffffff;position:relative}:host{height:100%;max-height:100%}:host.empty-target .target-wrapper{background:#ffffff}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i3.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: i3.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: i4.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: i5.CloseButtonComponent, selector: "tld-close-button", inputs: ["ariaCode", "disabled", "tooltip"], outputs: ["tldClick"] }, { kind: "component", type: i6.TextToSpeechComponent, selector: "tld-text-to-speech", inputs: ["settings"] }, { kind: "component", type: i7.TldTranslateAchievementComponent, selector: "tld-translate-achievement" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: SourceAndTargetWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tld-source-and-target-wrapper', template: "<div fxLayout=\"row\" class=\"source-target-wrapper\" fxLayout.lt-md=\"column\">\r\n  <div class=\"source-wrapper\" [ngClass.gt-sm]=\"'tld-default-border-right'\" [ngClass.lt-md]=\"'tld-default-border-bottom'\"\r\n    fxFlex fxLayout=\"column\">\r\n    <div fxLayout=\"column\" class=\"source-wrapper-action-buttons\">\r\n      <tld-close-button [tooltip]=\"clearSourceTooltip\" #clearButton (tldClick)=\"clearSource()\"\r\n      *ngIf=\"clearSourceVisible\" [disabled]=\"clearDisabled\"></tld-close-button>\r\n      <tld-text-to-speech *ngIf=\"textToSpeechSourceSettings\" [settings]=\"textToSpeechSourceSettings\">\r\n      </tld-text-to-speech>\r\n    </div>\r\n    <div class=\"source-container\" fxFlex>\r\n      <ng-content select=\"[sourceMain]\"></ng-content>\r\n    </div>\r\n    <div class=\"source-action-wrapper\">\r\n      <ng-content select=\"[sourceActions]\"></ng-content>\r\n    </div>\r\n  </div>\r\n  <div class=\"target-wrapper\" fxLayout=\"column\" fxFlex=\"50\">\r\n    <div class=\"target-container\" fxFlex cdkScrollable>\r\n      <ng-content select=\"[targetMain]\"></ng-content>\r\n    </div>\r\n    <div class=\"target-action-wrapper\">\r\n      <ng-content select=\"[targetActions]\"></ng-content>\r\n    </div>\r\n    <tld-translate-achievement *ngIf=\"!hideAchievement\"></tld-translate-achievement>\r\n  </div>\r\n</div>\r\n", styles: [".source-wrapper{position:relative}.source-wrapper .source-wrapper-action-buttons{position:absolute;top:0;right:0;z-index:2}tld-translate-achievement{padding:1em}.target-container,.source-container{flex:1 1 0!important}.source-container-wrapper,.target-container-wrapper,.source-target-wrapper{height:100%}.source-container,.target-container{overflow-y:auto}.target-wrapper{background:#ffffff;position:relative}:host{height:100%;max-height:100%}:host.empty-target .target-wrapper{background:#ffffff}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { clearButton: [{
+                type: ViewChild,
+                args: ["clearButton"]
+            }], clearSourceVisible: [{
+                type: Input
+            }], clearSourceTooltip: [{
+                type: Input
+            }], clearDisabled: [{
+                type: Input
+            }], hideAchievement: [{
+                type: Input
+            }], textToSpeechSourceSettings: [{
+                type: Input
+            }], onSourceClear: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic291cmNlLWFuZC10YXJnZXQtd3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy90bGQtdHJhbnNsYXRlL3NyYy9saWIvbW9kdWxlcy90bGQtY29tbW9uL2NvbXBvbmVudHMvc291cmNlLWFuZC10YXJnZXQtd3JhcHBlci9zb3VyY2UtYW5kLXRhcmdldC13cmFwcGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RsZC10cmFuc2xhdGUvc3JjL2xpYi9tb2R1bGVzL3RsZC1jb21tb24vY29tcG9uZW50cy9zb3VyY2UtYW5kLXRhcmdldC13cmFwcGVyL3NvdXJjZS1hbmQtdGFyZ2V0LXdyYXBwZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7OztBQVMxRixNQUFNLE9BQU8sK0JBQStCO0lBVzFDO1FBRFUsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO0lBQ2xDLENBQUM7SUFFakIsUUFBUTtJQUNSLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRUQsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLFdBQVcsRUFBRSxXQUFXLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDeEMsQ0FBQzs7NEhBdEJVLCtCQUErQjtnSEFBL0IsK0JBQStCLDRiQ1Q1Qyw2MENBMEJBOzJGRGpCYSwrQkFBK0I7a0JBTDNDLFNBQVM7K0JBQ0UsK0JBQStCOzBFQU1mLFdBQVc7c0JBQXBDLFNBQVM7dUJBQUMsYUFBYTtnQkFFZixrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRywwQkFBMEI7c0JBQWxDLEtBQUs7Z0JBRUksYUFBYTtzQkFBdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBDbG9zZUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0B0aWxkZS1ubHAvbmd4LWNvbW1vbic7XHJcbmltcG9ydCB7IFRleHRUb1NwZWVjaFNldHRpbmdzIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zaGFyZWQvdGV4dC10by1zcGVlY2gvbW9kZWxzL3RleHQtdG8tc3BlZWNoLXNldHRpbmdzLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndGxkLXNvdXJjZS1hbmQtdGFyZ2V0LXdyYXBwZXInLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9zb3VyY2UtYW5kLXRhcmdldC13cmFwcGVyLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9zb3VyY2UtYW5kLXRhcmdldC13cmFwcGVyLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFNvdXJjZUFuZFRhcmdldFdyYXBwZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG5cclxuICBAVmlld0NoaWxkKFwiY2xlYXJCdXR0b25cIikgY2xlYXJCdXR0b246IENsb3NlQnV0dG9uQ29tcG9uZW50O1xyXG5cclxuICBASW5wdXQoKSBjbGVhclNvdXJjZVZpc2libGU6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgY2xlYXJTb3VyY2VUb29sdGlwOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2xlYXJEaXNhYmxlZDogYm9vbGVhbjtcclxuICBASW5wdXQoKSBoaWRlQWNoaWV2ZW1lbnQ6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgdGV4dFRvU3BlZWNoU291cmNlU2V0dGluZ3M6IFRleHRUb1NwZWVjaFNldHRpbmdzO1xyXG5cclxuICBAT3V0cHV0KCkgb25Tb3VyY2VDbGVhciA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gIH1cclxuXHJcbiAgY2xlYXJTb3VyY2UoKXtcclxuICAgIHRoaXMub25Tb3VyY2VDbGVhci5lbWl0KCk7XHJcbiAgfVxyXG5cclxuICBmb2N1c0NsZWFyQnV0dG9uKCl7XHJcbiAgICB0aGlzLmNsZWFyQnV0dG9uPy5jbGVhckJ1dHRvbi5mb2N1cygpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGZ4TGF5b3V0PVwicm93XCIgY2xhc3M9XCJzb3VyY2UtdGFyZ2V0LXdyYXBwZXJcIiBmeExheW91dC5sdC1tZD1cImNvbHVtblwiPlxyXG4gIDxkaXYgY2xhc3M9XCJzb3VyY2Utd3JhcHBlclwiIFtuZ0NsYXNzLmd0LXNtXT1cIid0bGQtZGVmYXVsdC1ib3JkZXItcmlnaHQnXCIgW25nQ2xhc3MubHQtbWRdPVwiJ3RsZC1kZWZhdWx0LWJvcmRlci1ib3R0b20nXCJcclxuICAgIGZ4RmxleCBmeExheW91dD1cImNvbHVtblwiPlxyXG4gICAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGNsYXNzPVwic291cmNlLXdyYXBwZXItYWN0aW9uLWJ1dHRvbnNcIj5cclxuICAgICAgPHRsZC1jbG9zZS1idXR0b24gW3Rvb2x0aXBdPVwiY2xlYXJTb3VyY2VUb29sdGlwXCIgI2NsZWFyQnV0dG9uICh0bGRDbGljayk9XCJjbGVhclNvdXJjZSgpXCJcclxuICAgICAgKm5nSWY9XCJjbGVhclNvdXJjZVZpc2libGVcIiBbZGlzYWJsZWRdPVwiY2xlYXJEaXNhYmxlZFwiPjwvdGxkLWNsb3NlLWJ1dHRvbj5cclxuICAgICAgPHRsZC10ZXh0LXRvLXNwZWVjaCAqbmdJZj1cInRleHRUb1NwZWVjaFNvdXJjZVNldHRpbmdzXCIgW3NldHRpbmdzXT1cInRleHRUb1NwZWVjaFNvdXJjZVNldHRpbmdzXCI+XHJcbiAgICAgIDwvdGxkLXRleHQtdG8tc3BlZWNoPlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwic291cmNlLWNvbnRhaW5lclwiIGZ4RmxleD5cclxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NvdXJjZU1haW5dXCI+PC9uZy1jb250ZW50PlxyXG4gICAgPC9kaXY+XHJcbiAgICA8ZGl2IGNsYXNzPVwic291cmNlLWFjdGlvbi13cmFwcGVyXCI+XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzb3VyY2VBY3Rpb25zXVwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxkaXYgY2xhc3M9XCJ0YXJnZXQtd3JhcHBlclwiIGZ4TGF5b3V0PVwiY29sdW1uXCIgZnhGbGV4PVwiNTBcIj5cclxuICAgIDxkaXYgY2xhc3M9XCJ0YXJnZXQtY29udGFpbmVyXCIgZnhGbGV4IGNka1Njcm9sbGFibGU+XHJcbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlt0YXJnZXRNYWluXVwiPjwvbmctY29udGVudD5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInRhcmdldC1hY3Rpb24td3JhcHBlclwiPlxyXG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbdGFyZ2V0QWN0aW9uc11cIj48L25nLWNvbnRlbnQ+XHJcbiAgICA8L2Rpdj5cclxuICAgIDx0bGQtdHJhbnNsYXRlLWFjaGlldmVtZW50ICpuZ0lmPVwiIWhpZGVBY2hpZXZlbWVudFwiPjwvdGxkLXRyYW5zbGF0ZS1hY2hpZXZlbWVudD5cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2020/lib/modules/tld-common/components/tld-file-upload/tld-file-upload.component.mjs

@@ -0,0 +1,103 @@
+import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
+import { FileUploadErrorTypeEnum } from '../../models';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/button";
+import * as i3 from "@angular/material/progress-bar";
+import * as i4 from "@angular/flex-layout/extended";
+import * as i5 from "../../directives/drag-and-drop.directive";
+export class TldFileUploadComponent {
+    constructor() {
+        this.fileChange = new EventEmitter();
+        this.onError = new EventEmitter();
+        this._accept = [];
+        this.multiple = false;
+    }
+    set accept(val) {
+        this._accept = val;
+        this.allowedExtensions = val ? val.join(",") : "";
+    }
+    ;
+    get accept() { return this._accept; }
+    ;
+    handleFileInput(event) {
+        this.validate(event.target.files);
+    }
+    onFileDrop(files) {
+        this.validate(files);
+    }
+    emit(files) {
+        if (files && files.length > 0) {
+            this.fileChange.emit(files);
+        }
+    }
+    emitError(error) {
+        this.onError.emit(error);
+    }
+    validate(files) {
+        //let size = 0;
+        const validFiles = [];
+        for (let i = 0; i < files.length; i++) {
+            const file = files[i];
+            if (!this.allowEmpty && file.size == 0) {
+                this.emitError({ code: FileUploadErrorTypeEnum.FILE_EMPTY, error: "File is empty", fileName: file.name });
+                return;
+            }
+            //size += file.size;
+            const extensionErrorCode = this.getExtensionErrorCode(file.name);
+            if (extensionErrorCode) {
+                const error = { code: extensionErrorCode, error: "Not valid extension.", fileName: file.name };
+                this.emitError(error);
+            }
+            else if (this.maxSize && file.size > this.maxSize) {
+                const error = { code: FileUploadErrorTypeEnum.MAX_SIZE, error: "Maximum allowed file size exceeded.", fileName: file.name };
+                this.emitError(error);
+            }
+            else {
+                validFiles.push(file);
+            }
+        }
+        this.emit(validFiles);
+        this.fileInput.nativeElement.value = '';
+    }
+    getExtensionErrorCode(fileName) {
+        const extension = fileName.slice(fileName.lastIndexOf('.')).toLowerCase();
+        if (this.accept.length == 0 || (this.accept.length == 1 && this.accept[0] == '*') || this.accept.includes(extension)) {
+            return null;
+        }
+        else {
+            return this.extendedAcceptList?.includes(extension) ? FileUploadErrorTypeEnum.FILE_UPLOAD_UNSUPPORTED_FORMAT_REGISTER : FileUploadErrorTypeEnum.FILE_UPLOAD_UNSUPPORTED_FORMAT;
+        }
+    }
+}
+TldFileUploadComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TldFileUploadComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.3.0", type: TldFileUploadComponent, selector: "tld-file-upload", inputs: { accept: "accept", maxSize: "maxSize", multiple: "multiple", filePreviewProgress: "filePreviewProgress", allowEmpty: "allowEmpty", disabled: "disabled", extendedAcceptList: "extendedAcceptList" }, outputs: { fileChange: "fileChange", onError: "onError" }, viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }, { propertyName: "inputButton", first: true, predicate: ["inputButton"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"file-upload\" [ngClass.lt-sm]=\"'file-upload-mobile'\">\r\n  <mat-progress-bar class=\"tld-file-upload-progress\" color=\"primary\" [value]=\"filePreviewProgress\"\r\n    *ngIf=\"filePreviewProgress\"></mat-progress-bar>\r\n  <button tldDragAndDrop #inputButton mat-button (fileDropped)=\"onFileDrop($event)\" [disabled]=\"disabled\" type=\"button\"\r\n    (click)=\"fileInput.click()\" class=\"upload-button\">\r\n    <ng-content></ng-content>\r\n  </button>\r\n</div>\r\n<input #fileInput type=\"file\" (change)=\"handleFileInput($event)\" name=\"files\" class=\"native-file-input\"\r\n  [accept]=\"allowedExtensions\" [multiple]=\"multiple\" />", styles: [".file-name-list{margin-left:15px}.file-name-label{word-break:break-all}.file-upload{max-width:100%;width:100%}.file-upload .upload-button{width:100%;font-size:1em;border:1px dashed #9aa5b1;border-radius:16px;background-color:#fff;font-family:Inter,sans-serif;padding:1em;white-space:normal;line-height:normal;text-align:left}.file-upload-mobile .upload-button{border-top:2px solid var(--base-70);border-bottom:2px solid var(--base-70);border-right:2px solid var(--base-70);border-left:2px solid var(--base-70);padding:.5em 1em!important}.tld-file-over{background-color:#e5e7e8!important;border-color:#00f!important}.mat-stroked-button .mat-button-wrapper{pointer-events:none}.native-file-input{display:none}.tld-file-upload-progress ::ng-deep .mat-progress-bar-fill:after{background-color:#1e457c}.tld-file-upload-progress ::ng-deep .mat-progress-bar-buffer{background:white}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i3.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: i4.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: "directive", type: i5.DragAndDropDirective, selector: "[tldDragAndDrop]", outputs: ["fileDropped"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TldFileUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tld-file-upload', template: "<div class=\"file-upload\" [ngClass.lt-sm]=\"'file-upload-mobile'\">\r\n  <mat-progress-bar class=\"tld-file-upload-progress\" color=\"primary\" [value]=\"filePreviewProgress\"\r\n    *ngIf=\"filePreviewProgress\"></mat-progress-bar>\r\n  <button tldDragAndDrop #inputButton mat-button (fileDropped)=\"onFileDrop($event)\" [disabled]=\"disabled\" type=\"button\"\r\n    (click)=\"fileInput.click()\" class=\"upload-button\">\r\n    <ng-content></ng-content>\r\n  </button>\r\n</div>\r\n<input #fileInput type=\"file\" (change)=\"handleFileInput($event)\" name=\"files\" class=\"native-file-input\"\r\n  [accept]=\"allowedExtensions\" [multiple]=\"multiple\" />", styles: [".file-name-list{margin-left:15px}.file-name-label{word-break:break-all}.file-upload{max-width:100%;width:100%}.file-upload .upload-button{width:100%;font-size:1em;border:1px dashed #9aa5b1;border-radius:16px;background-color:#fff;font-family:Inter,sans-serif;padding:1em;white-space:normal;line-height:normal;text-align:left}.file-upload-mobile .upload-button{border-top:2px solid var(--base-70);border-bottom:2px solid var(--base-70);border-right:2px solid var(--base-70);border-left:2px solid var(--base-70);padding:.5em 1em!important}.tld-file-over{background-color:#e5e7e8!important;border-color:#00f!important}.mat-stroked-button .mat-button-wrapper{pointer-events:none}.native-file-input{display:none}.tld-file-upload-progress ::ng-deep .mat-progress-bar-fill:after{background-color:#1e457c}.tld-file-upload-progress ::ng-deep .mat-progress-bar-buffer{background:white}\n"] }]
+        }], propDecorators: { fileInput: [{
+                type: ViewChild,
+                args: ['fileInput']
+            }], inputButton: [{
+                type: ViewChild,
+                args: ['inputButton', { read: ElementRef }]
+            }], fileChange: [{
+                type: Output
+            }], onError: [{
+                type: Output
+            }], accept: [{
+                type: Input
+            }], maxSize: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], filePreviewProgress: [{
+                type: Input
+            }], allowEmpty: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], extendedAcceptList: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGxkLWZpbGUtdXBsb2FkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RsZC10cmFuc2xhdGUvc3JjL2xpYi9tb2R1bGVzL3RsZC1jb21tb24vY29tcG9uZW50cy90bGQtZmlsZS11cGxvYWQvdGxkLWZpbGUtdXBsb2FkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3RsZC10cmFuc2xhdGUvc3JjL2xpYi9tb2R1bGVzL3RsZC1jb21tb24vY29tcG9uZW50cy90bGQtZmlsZS11cGxvYWQvdGxkLWZpbGUtdXBsb2FkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RixPQUFPLEVBQW9CLHVCQUF1QixFQUFFLE1BQU0sY0FBYyxDQUFDOzs7Ozs7O0FBT3pFLE1BQU0sT0FBTyxzQkFBc0I7SUFMbkM7UUFVWSxlQUFVLEdBQXlCLElBQUksWUFBWSxFQUFVLENBQUM7UUFDOUQsWUFBTyxHQUFtQyxJQUFJLFlBQVksRUFBb0IsQ0FBQztRQUNqRixZQUFPLEdBQWEsRUFBRSxDQUFDO1FBT3RCLGFBQVEsR0FBRyxLQUFLLENBQUM7S0FvRTNCO0lBMUVDLElBQWEsTUFBTSxDQUFDLEdBQWE7UUFDL0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUM7UUFDbkIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLEdBQUcsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ3BELENBQUM7SUFBQSxDQUFDO0lBQ0YsSUFBSSxNQUFNLEtBQUssT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFB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STtZQUNILE9BQU8sSUFBSSxDQUFDLGtCQUFrQixFQUFFLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsdUJBQXVCLENBQUMsdUNBQXVDLENBQUMsQ0FBQyxDQUFDLHVCQUF1QixDQUFDLDhCQUE4QixDQUFDO1NBQ2hMO0lBQ0gsQ0FBQzs7bUhBaEZVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLGdmQUdDLFVBQVUsNkJDWDlDLHNwQkFTdUQ7MkZERDFDLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxpQkFBaUI7OEJBTUgsU0FBUztzQkFBaEMsU0FBUzt1QkFBQyxXQUFXO2dCQUMwQixXQUFXO3NCQUExRCxTQUFTO3VCQUFDLGFBQWEsRUFBRSxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUU7Z0JBRXBDLFVBQVU7c0JBQW5CLE1BQU07Z0JBQ0csT0FBTztzQkFBaEIsTUFBTTtnQkFFTSxNQUFNO3NCQUFsQixLQUFLO2dCQUtHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBR0csa0JBQWtCO3NCQUExQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBJRmlsZVVwbG9hZEVycm9yLCBGaWxlVXBsb2FkRXJyb3JUeXBlRW51bSB9IGZyb20gJy4uLy4uL21vZGVscyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3RsZC1maWxlLXVwbG9hZCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RsZC1maWxlLXVwbG9hZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGxkLWZpbGUtdXBsb2FkLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRsZEZpbGVVcGxvYWRDb21wb25lbnQge1xyXG5cclxuICBAVmlld0NoaWxkKCdmaWxlSW5wdXQnKSBmaWxlSW5wdXQ6IEVsZW1lbnRSZWY7XHJcbiAgQFZpZXdDaGlsZCgnaW5wdXRCdXR0b24nLCB7IHJlYWQ6IEVsZW1lbnRSZWYgfSkgaW5wdXRCdXR0b246IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBPdXRwdXQoKSBmaWxlQ2hhbmdlOiBFdmVudEVtaXR0ZXI8RmlsZVtdPiA9IG5ldyBFdmVudEVtaXR0ZXI8RmlsZVtdPigpO1xyXG4gIEBPdXRwdXQoKSBvbkVycm9yOiBFdmVudEVtaXR0ZXI8SUZpbGVVcGxvYWRFcnJvcj4gPSBuZXcgRXZlbnRFbWl0dGVyPElGaWxlVXBsb2FkRXJyb3I+KCk7XHJcbiAgcHJpdmF0ZSBfYWNjZXB0OiBzdHJpbmdbXSA9IFtdO1xyXG4gIEBJbnB1dCgpIHNldCBhY2NlcHQodmFsOiBzdHJpbmdbXSkge1xyXG4gICAgdGhpcy5fYWNjZXB0ID0gdmFsO1xyXG4gICAgdGhpcy5hbGxvd2VkRXh0ZW5zaW9ucyA9IHZhbCA/IHZhbC5qb2luKFwiLFwiKSA6IFwiXCI7XHJcbiAgfTtcclxuICBnZXQgYWNjZXB0KCkgeyByZXR1cm4gdGhpcy5fYWNjZXB0IH07XHJcbiAgQElucHV0KCkgbWF4U2l6ZTogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIG11bHRpcGxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgZmlsZVByZXZpZXdQcm9ncmVzczogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIGFsbG93RW1wdHk6IGJvb2xlYW47XHJcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW47XHJcblxyXG4gIC8qKiBzYW1lIGFzIGFjY2VwdCBidXQgZm9yIHJlZ2lzdGVyZWQgdXNlcnMuIEl0IGNoYW5nZXMgZXJyb3IgbWVzc2FnZSBpZiBleHRlbnNpb24gaXMgc3VwcG9ydGVkIGZvciByZWdpc3RlcmVkIHVzZXJzLiAqL1xyXG4gIEBJbnB1dCgpIGV4dGVuZGVkQWNjZXB0TGlzdDogc3RyaW5nW107XHJcblxyXG4gIGFsbG93ZWRFeHRlbnNpb25zOiBzdHJpbmc7XHJcblxyXG4gIGhhbmRsZUZpbGVJbnB1dChldmVudDogYW55KSB7XHJcbiAgICB0aGlzLnZhbGlkYXRlKGV2ZW50LnRhcmdldC5maWxlcyk7XHJcbiAgfVxyXG5cclxuXHJcbiAgb25GaWxlRHJvcChmaWxlczogRmlsZUxpc3QpIHtcclxuICAgIHRoaXMudmFsaWRhdGUoZmlsZXMpO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBlbWl0KGZpbGVzOiBGaWxlW10pIHtcclxuICAgIGlmIChmaWxlcyAmJiBmaWxlcy5sZW5ndGggPiAwKSB7XHJcbiAgICAgIHRoaXMuZmlsZUNoYW5nZS5lbWl0KGZpbGVzKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHByaXZhdGUgZW1pdEVycm9yKGVycm9yOiBJRmlsZVVwbG9hZEVycm9yKSB7XHJcbiAgICB0aGlzLm9uRXJyb3IuZW1pdChlcnJvcik7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIHZhbGlkYXRlKGZpbGVzOiBGaWxlTGlzdCkge1xyXG4gICAgLy9sZXQgc2l6ZSA9IDA7XHJcbiAgICBjb25zdCB2YWxpZEZpbGVzOiBGaWxlW10gPSBbXTtcclxuICAgIGZvciAobGV0IGkgPSAwOyBpIDwgZmlsZXMubGVuZ3RoOyBpKyspIHtcclxuICAgICAgY29uc3QgZmlsZSA9IGZpbGVzW2ldO1xyXG4gICAgICBpZiAoIXRoaXMuYWxsb3dFbXB0eSAmJiBmaWxlLnNpemUgPT0gMCkge1xyXG4gICAgICAgIHRoaXMuZW1pdEVycm9yKHsgY29kZTogRmlsZVVwbG9hZEVycm9yVHlwZUVudW0uRklMRV9FTVBUWSwgZXJyb3I6IFwiRmlsZSBpcyBlbXB0eVwiLCBmaWxlTmFtZTogZmlsZS5uYW1lIH0pO1xyXG4gICAgICAgIHJldHVybjtcclxuICAgICAgfVxyXG4gICAgICAvL3NpemUgKz0gZmlsZS5zaXplO1xyXG4gICAgICBjb25zdCBleHRlbnNpb25FcnJvckNvZGUgPSB0aGlzLmdldEV4dGVuc2lvbkVycm9yQ29kZShmaWxlLm5hbWUpO1xyXG4gICAgICBpZiAoZXh0ZW5zaW9uRXJyb3JDb2RlKSB7XHJcbiAgICAgICAgY29uc3QgZXJyb3IgPSB7IGNvZGU6IGV4dGVuc2lvbkVycm9yQ29kZSwgZXJyb3I6IFwiTm90IHZhbGlkIGV4dGVuc2lvbi5cIiwgZmlsZU5hbWU6IGZpbGUubmFtZSB9O1xyXG4gICAgICAgIHRoaXMuZW1pdEVycm9yKGVycm9yKTtcclxuICAgICAgfVxyXG4gICAgICBlbHNlIGlmICh0aGlzLm1heFNpemUgJiYgZmlsZS5zaXplID4gdGhpcy5tYXhTaXplKSB7XHJcbiAgICAgICAgY29uc3QgZXJyb3IgPSB7IGNvZGU6IEZpbGVVcGxvYWRFcnJvclR5cGVFbnVtLk1BWF9TSVpFLCBlcnJvcjogXCJNYXhpbXVtIGFsbG93ZWQgZmlsZSBzaXplIGV4Y2VlZGVkLlwiLCBmaWxlTmFtZTogZmlsZS5uYW1lIH07XHJcbiAgICAgICAgdGhpcy5lbWl0RXJyb3IoZXJyb3IpO1xyXG4gICAgICB9XHJcbiAgICAgIGVsc2V7XHJcbiAgICAgICAgdmFsaWRGaWxlcy5wdXNoKGZpbGUpO1xyXG4gICAgICB9XHJcbiAgICB9XHJcblxyXG4gICAgdGhpcy5lbWl0KHZhbGlkRmlsZXMpO1xyXG4gICAgdGhpcy5maWxlSW5wdXQubmF0aXZlRWxlbWVudC52YWx1ZSA9ICcnO1xyXG4gIH1cclxuXHJcbiAgcHJpdmF0ZSBnZXRFeHRlbnNpb25FcnJvckNvZGUoZmlsZU5hbWU6IHN0cmluZyk6IEZpbGVVcGxvYWRFcnJvclR5cGVFbnVtIHtcclxuICAgIGNvbnN0IGV4dGVuc2lvbiA9IGZpbGVOYW1lLnNsaWNlKGZpbGVOYW1lLmxhc3RJbmRleE9mKCcuJykpLnRvTG93ZXJDYXNlKClcclxuICAgIGlmIChcclxuICAgICAgdGhpcy5hY2NlcHQubGVuZ3RoID09IDAgfHwgKHRoaXMuYWNjZXB0Lmxlbmd0aCA9PSAxICYmIHRoaXMuYWNjZXB0WzBdID09ICcqJykgfHwgdGhpcy5hY2NlcHQuaW5jbHVkZXMoZXh0ZW5zaW9uKSkge1xyXG4gICAgICByZXR1cm4gbnVsbDtcclxuICAgIH1cclxuICAgIGVsc2Uge1xyXG4gICAgICByZXR1cm4gdGhpcy5leHRlbmRlZEFjY2VwdExpc3Q/LmluY2x1ZGVzKGV4dGVuc2lvbikgPyBGaWxlVXBsb2FkRXJyb3JUeXBlRW51bS5GSUxFX1VQTE9BRF9VTlNVUFBPUlRFRF9GT1JNQVRfUkVHSVNURVIgOiBGaWxlVXBsb2FkRXJyb3JUeXBlRW51bS5GSUxFX1VQTE9BRF9VTlNVUFBPUlRFRF9GT1JNQVQ7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiZmlsZS11cGxvYWRcIiBbbmdDbGFzcy5sdC1zbV09XCInZmlsZS11cGxvYWQtbW9iaWxlJ1wiPlxyXG4gIDxtYXQtcHJvZ3Jlc3MtYmFyIGNsYXNzPVwidGxkLWZpbGUtdXBsb2FkLXByb2dyZXNzXCIgY29sb3I9XCJwcmltYXJ5XCIgW3ZhbHVlXT1cImZpbGVQcmV2aWV3UHJvZ3Jlc3NcIlxyXG4gICAgKm5nSWY9XCJmaWxlUHJldmlld1Byb2dyZXNzXCI+PC9tYXQtcHJvZ3Jlc3MtYmFyPlxyXG4gIDxidXR0b24gdGxkRHJhZ0FuZERyb3AgI2lucHV0QnV0dG9uIG1hdC1idXR0b24gKGZpbGVEcm9wcGVkKT1cIm9uRmlsZURyb3AoJGV2ZW50KVwiIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiIHR5cGU9XCJidXR0b25cIlxyXG4gICAgKGNsaWNrKT1cImZpbGVJbnB1dC5jbGljaygpXCIgY2xhc3M9XCJ1cGxvYWQtYnV0dG9uXCI+XHJcbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgPC9idXR0b24+XHJcbjwvZGl2PlxyXG48aW5wdXQgI2ZpbGVJbnB1dCB0eXBlPVwiZmlsZVwiIChjaGFuZ2UpPVwiaGFuZGxlRmlsZUlucHV0KCRldmVudClcIiBuYW1lPVwiZmlsZXNcIiBjbGFzcz1cIm5hdGl2ZS1maWxlLWlucHV0XCJcclxuICBbYWNjZXB0XT1cImFsbG93ZWRFeHRlbnNpb25zXCIgW211bHRpcGxlXT1cIm11bHRpcGxlXCIgLz4iXX0=