npm - @cuby-ui/core - Versions diffs - 0.0.395 → 0.0.396 - Mend

@cuby-ui/core 0.0.395 → 0.0.396

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/esm2022/editor/components/editor-image-tool/editor-image-tool.component.mjs CHANGED Viewed

@@ -27,17 +27,17 @@ export class EditorImageToolComponent extends EditorToolComponent {
         return (event.key !== 'Backspace' && event.key !== 'Enter') || event.shiftKey;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorImageToolComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EditorImageToolComponent, isStandalone: true, selector: "ng-component", inputs: { image: "image", tunes: "tunes" }, host: { properties: { "class._hidden": "isShowLoadButton" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoading; else preloader\">\r\n    <ng-container *transloco=\"let t\">\r\n        <ng-container *ngIf=\"image; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [ngClass]=\"tunesSignal()\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <img\r\n                    class=\"image\"\r\n                    [src]=\"image\"\r\n                    alt=\"Image\"\r\n                />\r\n            </div>\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                #button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"20\"\r\n                    height=\"20\"\r\n                    viewBox=\"0 0 20 20\"\r\n                    fill=\"none\"\r\n                >\r\n                    <path\r\n                        d=\"M12.5013 4.1665H7.5013C5.66035 4.1665 4.16797 5.65889 4.16797 7.49984V12.4998C4.16797 14.3408 5.66035 15.8332 7.5013 15.8332H12.5013C14.3423 15.8332 15.8346 14.3408 15.8346 12.4998V7.49984C15.8346 5.65889 14.3423 4.1665 12.5013 4.1665Z\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                    />\r\n                    <path\r\n                        d=\"M4.28125 12.7665L7.24033 9.63825C7.52263 9.33617 7.90546 9.1665 8.30463 9.1665C8.70377 9.1665 9.0866 9.33617 9.36893 9.63825L12.8208 13.3332M11.3154 11.7218L12.5092 10.444C12.7914 10.1419 13.1743 9.97217 13.5734 9.97217C13.9726 9.97217 14.3554 10.1419 14.6378 10.444L15.699 11.636\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                    <path\r\n                        d=\"M11.4805 7.77783H11.4879\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                </svg>\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{padding-top:6px;padding-bottom:6px;font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.image{display:block;max-width:100%;width:fit-content;height:250px}.wrapper{display:flex;flex-direction:column;margin-bottom:10px;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.wrapper.stretched .image{width:100%;height:auto}.wrapper.center .image{margin:auto}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EditorImageToolComponent, isStandalone: true, selector: "ng-component", inputs: { image: "image", tunes: "tunes" }, host: { properties: { "class._hidden": "isShowLoadButton" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoading; else preloader\">\r\n    <ng-container *transloco=\"let t\">\r\n        <ng-container *ngIf=\"image; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [ngClass]=\"tunesSignal()\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <img\r\n                    class=\"image\"\r\n                    [src]=\"image\"\r\n                    alt=\"Image\"\r\n                />\r\n            </div>\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                #button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"20\"\r\n                    height=\"20\"\r\n                    viewBox=\"0 0 20 20\"\r\n                    fill=\"none\"\r\n                >\r\n                    <path\r\n                        d=\"M12.5013 4.1665H7.5013C5.66035 4.1665 4.16797 5.65889 4.16797 7.49984V12.4998C4.16797 14.3408 5.66035 15.8332 7.5013 15.8332H12.5013C14.3423 15.8332 15.8346 14.3408 15.8346 12.4998V7.49984C15.8346 5.65889 14.3423 4.1665 12.5013 4.1665Z\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                    />\r\n                    <path\r\n                        d=\"M4.28125 12.7665L7.24033 9.63825C7.52263 9.33617 7.90546 9.1665 8.30463 9.1665C8.70377 9.1665 9.0866 9.33617 9.36893 9.63825L12.8208 13.3332M11.3154 11.7218L12.5092 10.444C12.7914 10.1419 13.1743 9.97217 13.5734 9.97217C13.9726 9.97217 14.3554 10.1419 14.6378 10.444L15.699 11.636\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                    <path\r\n                        d=\"M11.4805 7.77783H11.4879\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                </svg>\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{padding-top:6px;padding-bottom:6px;font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.image{display:block;max-width:100%;width:fit-content;height:250px}.wrapper{display:flex;flex-direction:column;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.wrapper.stretched .image{width:100%;height:auto}.wrapper.center .image{margin:auto}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px;margin-top:10px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorImageToolComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CuiSvgModule, FormsModule, NgClass, NgIf, TranslocoDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class._hidden]': 'isShowLoadButton'
-                    }, template: "<ng-container *ngIf=\"!isLoading; else preloader\">\r\n    <ng-container *transloco=\"let t\">\r\n        <ng-container *ngIf=\"image; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [ngClass]=\"tunesSignal()\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <img\r\n                    class=\"image\"\r\n                    [src]=\"image\"\r\n                    alt=\"Image\"\r\n                />\r\n            </div>\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                #button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"20\"\r\n                    height=\"20\"\r\n                    viewBox=\"0 0 20 20\"\r\n                    fill=\"none\"\r\n                >\r\n                    <path\r\n                        d=\"M12.5013 4.1665H7.5013C5.66035 4.1665 4.16797 5.65889 4.16797 7.49984V12.4998C4.16797 14.3408 5.66035 15.8332 7.5013 15.8332H12.5013C14.3423 15.8332 15.8346 14.3408 15.8346 12.4998V7.49984C15.8346 5.65889 14.3423 4.1665 12.5013 4.1665Z\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                    />\r\n                    <path\r\n                        d=\"M4.28125 12.7665L7.24033 9.63825C7.52263 9.33617 7.90546 9.1665 8.30463 9.1665C8.70377 9.1665 9.0866 9.33617 9.36893 9.63825L12.8208 13.3332M11.3154 11.7218L12.5092 10.444C12.7914 10.1419 13.1743 9.97217 13.5734 9.97217C13.9726 9.97217 14.3554 10.1419 14.6378 10.444L15.699 11.636\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                    <path\r\n                        d=\"M11.4805 7.77783H11.4879\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                </svg>\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{padding-top:6px;padding-bottom:6px;font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.image{display:block;max-width:100%;width:fit-content;height:250px}.wrapper{display:flex;flex-direction:column;margin-bottom:10px;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.wrapper.stretched .image{width:100%;height:auto}.wrapper.center .image{margin:auto}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"] }]
+                    }, template: "<ng-container *ngIf=\"!isLoading; else preloader\">\r\n    <ng-container *transloco=\"let t\">\r\n        <ng-container *ngIf=\"image; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [ngClass]=\"tunesSignal()\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <img\r\n                    class=\"image\"\r\n                    [src]=\"image\"\r\n                    alt=\"Image\"\r\n                />\r\n            </div>\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                #button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"20\"\r\n                    height=\"20\"\r\n                    viewBox=\"0 0 20 20\"\r\n                    fill=\"none\"\r\n                >\r\n                    <path\r\n                        d=\"M12.5013 4.1665H7.5013C5.66035 4.1665 4.16797 5.65889 4.16797 7.49984V12.4998C4.16797 14.3408 5.66035 15.8332 7.5013 15.8332H12.5013C14.3423 15.8332 15.8346 14.3408 15.8346 12.4998V7.49984C15.8346 5.65889 14.3423 4.1665 12.5013 4.1665Z\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                    />\r\n                    <path\r\n                        d=\"M4.28125 12.7665L7.24033 9.63825C7.52263 9.33617 7.90546 9.1665 8.30463 9.1665C8.70377 9.1665 9.0866 9.33617 9.36893 9.63825L12.8208 13.3332M11.3154 11.7218L12.5092 10.444C12.7914 10.1419 13.1743 9.97217 13.5734 9.97217C13.9726 9.97217 14.3554 10.1419 14.6378 10.444L15.699 11.636\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                    <path\r\n                        d=\"M11.4805 7.77783H11.4879\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                </svg>\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{padding-top:6px;padding-bottom:6px;font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.image{display:block;max-width:100%;width:fit-content;height:250px}.wrapper{display:flex;flex-direction:column;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.wrapper.stretched .image{width:100%;height:auto}.wrapper.center .image{margin:auto}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px;margin-top:10px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"] }]
         }], propDecorators: { image: [{
                 type: Input,
                 args: [{ required: true }]
             }], tunes: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdG9yLWltYWdlLXRvb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9lZGl0b3IvY29tcG9uZW50cy9lZGl0b3ItaW1hZ2UtdG9vbC9lZGl0b3ItaW1hZ2UtdG9vbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2VkaXRvci9jb21wb25lbnRzL2VkaXRvci1pbWFnZS10b29sL2VkaXRvci1pbWFnZS10b29sLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7O0FBYzNFLE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxtQkFBbUI7SUFWakU7O1FBV3VCLGFBQVEsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekIsZ0JBQVcsR0FBRyxNQUFNLENBQWdCLEVBQUUsQ0FBQyxDQUFDO0tBeUI5RDtJQXBCRyxJQUNXLEtBQUssQ0FBQyxLQUFvQjtRQUNqQyxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFBYyxnQkFBZ0I7UUFDMUIsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUNsRSxDQUFDO0lBRVMsY0FBYyxDQUFDLEtBQW9CO1FBQ3pDLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1lBQ3ZCLE9BQU87UUFDWCxDQUFDO1FBRUQsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFTyxRQUFRLENBQUMsS0FBb0I7UUFDakMsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFHLEtBQUssV0FBVyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssT0FBTyxDQUFDLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQztJQUNsRixDQUFDOytHQTFCUSx3QkFBd0I7bUdBQXhCLHdCQUF3QiwwTUNwQnJDLDJ3R0E0RUEsNmxERGhFYyxZQUFZLDhCQUFFLFdBQVcsK0JBQUUsT0FBTyxvRkFBRSxJQUFJLDZGQUFFLGtCQUFrQjs7NEZBUTdELHdCQUF3QjtrQkFWcEMsU0FBUztpQ0FDTSxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsa0JBQWtCLENBQUMsbUJBR3RELHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0YsaUJBQWlCLEVBQUUsa0JBQWtCO3FCQUN4Qzs4QkFPTSxLQUFLO3NCQURYLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUlkLEtBQUs7c0JBRGYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBUcmFuc2xvY29EaXJlY3RpdmUgfSBmcm9tICdAanN2ZXJzZS90cmFuc2xvY28nO1xyXG5cclxuaW1wb3J0IHsgQ3VpU3ZnTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cyc7XHJcbmltcG9ydCB7IEVkaXRvclRvb2xDb21wb25lbnQgfSBmcm9tICcuLi9lZGl0b3ItdG9vbC9lZGl0b3ItdG9vbC5jb21wb25lbnQnO1xyXG5cclxuaW1wb3J0IHR5cGUgeyBDdWlJbWFnZVR1bmVzIH0gZnJvbSAnLi9lZGl0b3ItaW1hZ2UtdG9vbC5vcHRpb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGltcG9ydHM6IFtDdWlTdmdNb2R1bGUsIEZvcm1zTW9kdWxlLCBOZ0NsYXNzLCBOZ0lmLCBUcmFuc2xvY29EaXJlY3RpdmVdLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VkaXRvci1pbWFnZS10b29sLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2VkaXRvci1pbWFnZS10b29sLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIGhvc3Q6IHtcclxuICAgICAgICAnW2NsYXNzLl9oaWRkZW5dJzogJ2lzU2hvd0xvYWRCdXR0b24nXHJcbiAgICB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFZGl0b3JJbWFnZVRvb2xDb21wb25lbnQgZXh0ZW5kcyBFZGl0b3JUb29sQ29tcG9uZW50IHtcclxuICAgIHByb3RlY3RlZCByZWFkb25seSBpc0xvYWRlZCA9IHNpZ25hbChmYWxzZSk7XHJcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgdHVuZXNTaWduYWwgPSBzaWduYWw8Q3VpSW1hZ2VUdW5lcz4oe30pO1xyXG5cclxuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pXHJcbiAgICBwdWJsaWMgaW1hZ2UhOiBzdHJpbmc7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBzZXQgdHVuZXModHVuZXM6IEN1aUltYWdlVHVuZXMpIHtcclxuICAgICAgICB0aGlzLnR1bmVzU2lnbmFsLnNldCh0dW5lcyk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIGdldCBpc1Nob3dMb2FkQnV0dG9uKCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIHJldHVybiAhdGhpcy5pbWFnZSAmJiAhdGhpcy5pc0NhcHRpb25TaG93biAmJiAhdGhpcy5pc0xvYWRpbmc7XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIG9uUHJldmVudEVudGVyKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuY2hlY2tLZXkoZXZlbnQpKSB7XHJcbiAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgY2hlY2tLZXkoZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiBib29sZWFuIHtcclxuICAgICAgICByZXR1cm4gKGV2ZW50LmtleSAhPT0gJ0JhY2tzcGFjZScgJiYgZXZlbnQua2V5ICE9PSAnRW50ZXInKSB8fCBldmVudC5zaGlmdEtleTtcclxuICAgIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzTG9hZGluZzsgZWxzZSBwcmVsb2FkZXJcIj5cclxuICAgIDxuZy1jb250YWluZXIgKnRyYW5zbG9jbz1cImxldCB0XCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImltYWdlOyBlbHNlIGJ1dHRvblRlbXBsYXRlXCI+XHJcbiAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwid3JhcHBlclwiXHJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ0dW5lc1NpZ25hbCgpXCJcclxuICAgICAgICAgICAgICAgIFtjbGFzcy5fbG9hZGVkXT1cImlzTG9hZGVkKClcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpbWFnZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgW3NyY109XCJpbWFnZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgYWx0PVwiSW1hZ2VcIlxyXG4gICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgICpuZ0lmPVwiaXNDYXB0aW9uU2hvd25cIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJjYXB0aW9uIGNkeC1pbnB1dFwiXHJcbiAgICAgICAgICAgICAgICBbYXR0ci5jb250ZW50ZWRpdGFibGVdPVwiIXJlYWRPbmx5XCJcclxuICAgICAgICAgICAgICAgIGF0dHIuZGF0YS1wbGFjZWhvbGRlcj1cInt7IHQoJ0NBUFRJT04nKSB9fS4uLlwiXHJcbiAgICAgICAgICAgICAgICAocGFzdGUpPVwib25UaXRsZVBhc3RlKCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAgKGtleWRvd24pPVwib25QcmV2ZW50RW50ZXIoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAoa2V5dXApPVwib25UaXRsZUNoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiY2FwdGlvblwiXHJcbiAgICAgICAgICAgID48L2Rpdj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgI2J1dHRvblRlbXBsYXRlPlxyXG4gICAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICAgICAjYnV0dG9uXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgICAgICAgIFtjbGFzc109XCJbJ3NlbGVjdC1idG4nLCB0aGlzLmFwaS5zdHlsZXMuYnV0dG9uXVwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25TZWxlY3RGaWxlKClcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8c3ZnXHJcbiAgICAgICAgICAgICAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIyMFwiXHJcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiMjBcIlxyXG4gICAgICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxyXG4gICAgICAgICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcclxuICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTEyLjUwMTMgNC4xNjY1SDcuNTAxM0M1LjY2MDM1IDQuMTY2NSA0LjE2Nzk3IDUuNjU4ODkgNC4xNjc5NyA3LjQ5OTg0VjEyLjQ5OThDNC4xNjc5NyAxNC4zNDA4IDUuNjYwMzUgMTUuODMzMiA3LjUwMTMgMTUuODMzMkgxMi41MDEzQzE0LjM0MjMgMTUuODMzMiAxNS44MzQ2IDE0LjM0MDggMTUuODM0NiAxMi40OTk4VjcuNDk5ODRDMTUuODM0NiA1LjY1ODg5IDE0LjM0MjMgNC4xNjY1IDEyLjUwMTMgNC4xNjY1WlwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZT1cIiMxMjEzMTVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9XCIxLjY2NjY3XCJcclxuICAgICAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGQ9XCJNNC4yODEyNSAxMi43NjY1TDcuMjQwMzMgOS42MzgyNUM3LjUyMjYzIDkuMzM2MTcgNy45MDU0NiA5LjE2NjUgOC4zMDQ2MyA5LjE2NjVDOC43MDM3NyA5LjE2NjUgOS4wODY2IDkuMzM2MTcgOS4zNjg5MyA5LjYzODI1TDEyLjgyMDggMTMuMzMzMk0xMS4zMTU0IDExLjcyMThMMTIuNTA5MiAxMC40NDRDMTIuNzkxNCAxMC4xNDE5IDEzLjE3NDMgOS45NzIxNyAxMy41NzM0IDkuOTcyMTdDMTMuOTcyNiA5Ljk3MjE3IDE0LjM1NTQgMTAuMTQxOSAxNC42Mzc4IDEwLjQ0NEwxNS42OTkgMTEuNjM2XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlPVwiIzEyMTMxNVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZS13aWR0aD1cIjEuNjY2NjdcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxyXG4gICAgICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgICAgICAgICAgZD1cIk0xMS40ODA1IDcuNzc3ODNIMTEuNDg3OVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZT1cIiMxMjEzMTVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9XCIxLjY2NjY3XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcclxuICAgICAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgICAgICAmbmJzcDt7eyBidXR0b25Db250ZW50IH19XHJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuPC9uZy1jb250YWluZXI+XHJcbjxuZy10ZW1wbGF0ZSAjcHJlbG9hZGVyPlxyXG4gICAgPGRpdiBjbGFzcz1cIndyYXBwZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJlbG9hZGVyXCI+XHJcbiAgICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgICAgICpuZ0lmPVwicHJldmlld1wiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInByZWxvYWRlcl9faW1hZ2VcIlxyXG4gICAgICAgICAgICAgICAgW3NyY109XCJwcmV2aWV3XCJcclxuICAgICAgICAgICAgICAgIGFsdD1cIlByZWxvYWRlclwiXHJcbiAgICAgICAgICAgIC8+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdG9yLWltYWdlLXRvb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9lZGl0b3IvY29tcG9uZW50cy9lZGl0b3ItaW1hZ2UtdG9vbC9lZGl0b3ItaW1hZ2UtdG9vbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2VkaXRvci9jb21wb25lbnRzL2VkaXRvci1pbWFnZS10b29sL2VkaXRvci1pbWFnZS10b29sLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7O0FBYzNFLE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxtQkFBbUI7SUFWakU7O1FBV3VCLGFBQVEsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekIsZ0JBQVcsR0FBRyxNQUFNLENBQWdCLEVBQUUsQ0FBQyxDQUFDO0tBeUI5RDtJQXBCRyxJQUNXLEtBQUssQ0FBQyxLQUFvQjtRQUNqQyxJQUFJLENBQUMsV0FBVyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFBYyxnQkFBZ0I7UUFDMUIsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUNsRSxDQUFDO0lBRVMsY0FBYyxDQUFDLEtBQW9CO1FBQ3pDLElBQUksSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1lBQ3ZCLE9BQU87UUFDWCxDQUFDO1FBRUQsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFTyxRQUFRLENBQUMsS0FBb0I7UUFDakMsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFHLEtBQUssV0FBVyxJQUFJLEtBQUssQ0FBQyxHQUFHLEtBQUssT0FBTyxDQUFDLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQztJQUNsRixDQUFDOytHQTFCUSx3QkFBd0I7bUdBQXhCLHdCQUF3QiwwTUNwQnJDLDJ3R0E0RUEsMGxERGhFYyxZQUFZLDhCQUFFLFdBQVcsK0JBQUUsT0FBTyxvRkFBRSxJQUFJLDZGQUFFLGtCQUFrQjs7NEZBUTdELHdCQUF3QjtrQkFWcEMsU0FBUztpQ0FDTSxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsa0JBQWtCLENBQUMsbUJBR3RELHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0YsaUJBQWlCLEVBQUUsa0JBQWtCO3FCQUN4Qzs4QkFPTSxLQUFLO3NCQURYLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUlkLEtBQUs7c0JBRGYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nQ2xhc3MsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBUcmFuc2xvY29EaXJlY3RpdmUgfSBmcm9tICdAanN2ZXJzZS90cmFuc2xvY28nO1xyXG5cclxuaW1wb3J0IHsgQ3VpU3ZnTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vY29tcG9uZW50cyc7XHJcbmltcG9ydCB7IEVkaXRvclRvb2xDb21wb25lbnQgfSBmcm9tICcuLi9lZGl0b3ItdG9vbC9lZGl0b3ItdG9vbC5jb21wb25lbnQnO1xyXG5cclxuaW1wb3J0IHR5cGUgeyBDdWlJbWFnZVR1bmVzIH0gZnJvbSAnLi9lZGl0b3ItaW1hZ2UtdG9vbC5vcHRpb25zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGltcG9ydHM6IFtDdWlTdmdNb2R1bGUsIEZvcm1zTW9kdWxlLCBOZ0NsYXNzLCBOZ0lmLCBUcmFuc2xvY29EaXJlY3RpdmVdLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VkaXRvci1pbWFnZS10b29sLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2VkaXRvci1pbWFnZS10b29sLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIGhvc3Q6IHtcclxuICAgICAgICAnW2NsYXNzLl9oaWRkZW5dJzogJ2lzU2hvd0xvYWRCdXR0b24nXHJcbiAgICB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFZGl0b3JJbWFnZVRvb2xDb21wb25lbnQgZXh0ZW5kcyBFZGl0b3JUb29sQ29tcG9uZW50IHtcclxuICAgIHByb3RlY3RlZCByZWFkb25seSBpc0xvYWRlZCA9IHNpZ25hbChmYWxzZSk7XHJcbiAgICBwcm90ZWN0ZWQgcmVhZG9ubHkgdHVuZXNTaWduYWwgPSBzaWduYWw8Q3VpSW1hZ2VUdW5lcz4oe30pO1xyXG5cclxuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pXHJcbiAgICBwdWJsaWMgaW1hZ2UhOiBzdHJpbmc7XHJcblxyXG4gICAgQElucHV0KClcclxuICAgIHB1YmxpYyBzZXQgdHVuZXModHVuZXM6IEN1aUltYWdlVHVuZXMpIHtcclxuICAgICAgICB0aGlzLnR1bmVzU2lnbmFsLnNldCh0dW5lcyk7XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIGdldCBpc1Nob3dMb2FkQnV0dG9uKCk6IGJvb2xlYW4ge1xyXG4gICAgICAgIHJldHVybiAhdGhpcy5pbWFnZSAmJiAhdGhpcy5pc0NhcHRpb25TaG93biAmJiAhdGhpcy5pc0xvYWRpbmc7XHJcbiAgICB9XHJcblxyXG4gICAgcHJvdGVjdGVkIG9uUHJldmVudEVudGVyKGV2ZW50OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuY2hlY2tLZXkoZXZlbnQpKSB7XHJcbiAgICAgICAgICAgIHJldHVybjtcclxuICAgICAgICB9XHJcblxyXG4gICAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xyXG4gICAgfVxyXG5cclxuICAgIHByaXZhdGUgY2hlY2tLZXkoZXZlbnQ6IEtleWJvYXJkRXZlbnQpOiBib29sZWFuIHtcclxuICAgICAgICByZXR1cm4gKGV2ZW50LmtleSAhPT0gJ0JhY2tzcGFjZScgJiYgZXZlbnQua2V5ICE9PSAnRW50ZXInKSB8fCBldmVudC5zaGlmdEtleTtcclxuICAgIH1cclxufVxyXG4iLCI8bmctY29udGFpbmVyICpuZ0lmPVwiIWlzTG9hZGluZzsgZWxzZSBwcmVsb2FkZXJcIj5cclxuICAgIDxuZy1jb250YWluZXIgKnRyYW5zbG9jbz1cImxldCB0XCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImltYWdlOyBlbHNlIGJ1dHRvblRlbXBsYXRlXCI+XHJcbiAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwid3JhcHBlclwiXHJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ0dW5lc1NpZ25hbCgpXCJcclxuICAgICAgICAgICAgICAgIFtjbGFzcy5fbG9hZGVkXT1cImlzTG9hZGVkKClcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8aW1nXHJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpbWFnZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgW3NyY109XCJpbWFnZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgYWx0PVwiSW1hZ2VcIlxyXG4gICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgIDxkaXZcclxuICAgICAgICAgICAgICAgICpuZ0lmPVwiaXNDYXB0aW9uU2hvd25cIlxyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJjYXB0aW9uIGNkeC1pbnB1dFwiXHJcbiAgICAgICAgICAgICAgICBbYXR0ci5jb250ZW50ZWRpdGFibGVdPVwiIXJlYWRPbmx5XCJcclxuICAgICAgICAgICAgICAgIGF0dHIuZGF0YS1wbGFjZWhvbGRlcj1cInt7IHQoJ0NBUFRJT04nKSB9fS4uLlwiXHJcbiAgICAgICAgICAgICAgICAocGFzdGUpPVwib25UaXRsZVBhc3RlKCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAgKGtleWRvd24pPVwib25QcmV2ZW50RW50ZXIoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAoa2V5dXApPVwib25UaXRsZUNoYW5nZSgkZXZlbnQpXCJcclxuICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiY2FwdGlvblwiXHJcbiAgICAgICAgICAgID48L2Rpdj5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgICA8bmctdGVtcGxhdGUgI2J1dHRvblRlbXBsYXRlPlxyXG4gICAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICAgICAjYnV0dG9uXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgICAgICAgIFtjbGFzc109XCJbJ3NlbGVjdC1idG4nLCB0aGlzLmFwaS5zdHlsZXMuYnV0dG9uXVwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25TZWxlY3RGaWxlKClcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8c3ZnXHJcbiAgICAgICAgICAgICAgICAgICAgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg9XCIyMFwiXHJcbiAgICAgICAgICAgICAgICAgICAgaGVpZ2h0PVwiMjBcIlxyXG4gICAgICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjAgMjBcIlxyXG4gICAgICAgICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcclxuICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICA8cGF0aFxyXG4gICAgICAgICAgICAgICAgICAgICAgICBkPVwiTTEyLjUwMTMgNC4xNjY1SDcuNTAxM0M1LjY2MDM1IDQuMTY2NSA0LjE2Nzk3IDUuNjU4ODkgNC4xNjc5NyA3LjQ5OTg0VjEyLjQ5OThDNC4xNjc5NyAxNC4zNDA4IDUuNjYwMzUgMTUuODMzMiA3LjUwMTMgMTUuODMzMkgxMi41MDEzQzE0LjM0MjMgMTUuODMzMiAxNS44MzQ2IDE0LjM0MDggMTUuODM0NiAxMi40OTk4VjcuNDk5ODRDMTUuODM0NiA1LjY1ODg5IDE0LjM0MjMgNC4xNjY1IDEyLjUwMTMgNC4xNjY1WlwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZT1cIiMxMjEzMTVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9XCIxLjY2NjY3XCJcclxuICAgICAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgICAgICAgIDxwYXRoXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIGQ9XCJNNC4yODEyNSAxMi43NjY1TDcuMjQwMzMgOS42MzgyNUM3LjUyMjYzIDkuMzM2MTcgNy45MDU0NiA5LjE2NjUgOC4zMDQ2MyA5LjE2NjVDOC43MDM3NyA5LjE2NjUgOS4wODY2IDkuMzM2MTcgOS4zNjg5MyA5LjYzODI1TDEyLjgyMDggMTMuMzMzMk0xMS4zMTU0IDExLjcyMThMMTIuNTA5MiAxMC40NDRDMTIuNzkxNCAxMC4xNDE5IDEzLjE3NDMgOS45NzIxNyAxMy41NzM0IDkuOTcyMTdDMTMuOTcyNiA5Ljk3MjE3IDE0LjM1NTQgMTAuMTQxOSAxNC42Mzc4IDEwLjQ0NEwxNS42OTkgMTEuNjM2XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlPVwiIzEyMTMxNVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZS13aWR0aD1cIjEuNjY2NjdcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHJva2UtbGluZWNhcD1cInJvdW5kXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVqb2luPVwicm91bmRcIlxyXG4gICAgICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICAgICAgPHBhdGhcclxuICAgICAgICAgICAgICAgICAgICAgICAgZD1cIk0xMS40ODA1IDcuNzc3ODNIMTEuNDg3OVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZT1cIiMxMjEzMTVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBzdHJva2Utd2lkdGg9XCIxLjY2NjY3XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZS1saW5lam9pbj1cInJvdW5kXCJcclxuICAgICAgICAgICAgICAgICAgICAvPlxyXG4gICAgICAgICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgICAgICAgICAmbmJzcDt7eyBidXR0b25Db250ZW50IH19XHJcbiAgICAgICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICA8L25nLWNvbnRhaW5lcj5cclxuPC9uZy1jb250YWluZXI+XHJcbjxuZy10ZW1wbGF0ZSAjcHJlbG9hZGVyPlxyXG4gICAgPGRpdiBjbGFzcz1cIndyYXBwZXJcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwicHJlbG9hZGVyXCI+XHJcbiAgICAgICAgICAgIDxpbWdcclxuICAgICAgICAgICAgICAgICpuZ0lmPVwicHJldmlld1wiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cInByZWxvYWRlcl9faW1hZ2VcIlxyXG4gICAgICAgICAgICAgICAgW3NyY109XCJwcmV2aWV3XCJcclxuICAgICAgICAgICAgICAgIGFsdD1cIlByZWxvYWRlclwiXHJcbiAgICAgICAgICAgIC8+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuPC9uZy10ZW1wbGF0ZT5cclxuIl19

package/esm2022/editor/components/editor-video-tool/editor-video-tool.component.mjs CHANGED Viewed

@@ -27,15 +27,15 @@ export class EditorVideoToolComponent extends EditorToolComponent {
         return (event.key !== 'Backspace' && event.key !== 'Enter') || event.shiftKey;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorVideoToolComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EditorVideoToolComponent, isStandalone: true, selector: "ng-component", inputs: { video: "video" }, host: { properties: { "class._hidden": "isShowLoadButton" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n    <ng-container *ngIf=\"!isLoading; else preloader\">\r\n        <ng-container *ngIf=\"video; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <video\r\n                    *ngIf=\"isLoaded(); else playButtonTemplate\"\r\n                    class=\"video\"\r\n                    [src]=\"video\"\r\n                    controls\r\n                    autoplay\r\n                    muted\r\n                    playsinline\r\n                ></video>\r\n\r\n                <ng-template #playButtonTemplate>\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"play\"\r\n                        (click)=\"onPlay()\"\r\n                    >\r\n                        <cui-svg\r\n                            class=\"play\"\r\n                            icon=\"cuiIconPlayCircleSm\"\r\n                            [height]=\"72\"\r\n                            [width]=\"72\"\r\n                            [strokeWidth]=\"0.5\"\r\n                        />\r\n                    </button>\r\n                </ng-template>\r\n            </div>\r\n\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <cui-svg icon=\"cuiIconPlayCircle\" />\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;padding-top:6px;padding-bottom:6px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.wrapper{display:flex;flex-direction:column;margin-bottom:10px;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.video{display:block;max-width:100%}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: i1.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EditorVideoToolComponent, isStandalone: true, selector: "ng-component", inputs: { video: "video" }, host: { properties: { "class._hidden": "isShowLoadButton" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n    <ng-container *ngIf=\"!isLoading; else preloader\">\r\n        <ng-container *ngIf=\"video; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <video\r\n                    *ngIf=\"isLoaded(); else playButtonTemplate\"\r\n                    class=\"video\"\r\n                    [src]=\"video\"\r\n                    controls\r\n                    autoplay\r\n                    muted\r\n                    playsinline\r\n                ></video>\r\n\r\n                <ng-template #playButtonTemplate>\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"play\"\r\n                        (click)=\"onPlay()\"\r\n                    >\r\n                        <cui-svg\r\n                            class=\"play\"\r\n                            icon=\"cuiIconPlayCircleSm\"\r\n                            [height]=\"72\"\r\n                            [width]=\"72\"\r\n                            [strokeWidth]=\"0.5\"\r\n                        />\r\n                    </button>\r\n                </ng-template>\r\n            </div>\r\n\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <cui-svg icon=\"cuiIconPlayCircle\" />\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;padding-top:6px;padding-bottom:6px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.wrapper{display:flex;flex-direction:column;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.video{display:block;max-width:100%}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px;margin-top:10px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: i1.CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorVideoToolComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CuiSvgModule, FormsModule, NgIf, TranslocoDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class._hidden]': 'isShowLoadButton'
-                    }, template: "<ng-container *transloco=\"let t\">\r\n    <ng-container *ngIf=\"!isLoading; else preloader\">\r\n        <ng-container *ngIf=\"video; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <video\r\n                    *ngIf=\"isLoaded(); else playButtonTemplate\"\r\n                    class=\"video\"\r\n                    [src]=\"video\"\r\n                    controls\r\n                    autoplay\r\n                    muted\r\n                    playsinline\r\n                ></video>\r\n\r\n                <ng-template #playButtonTemplate>\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"play\"\r\n                        (click)=\"onPlay()\"\r\n                    >\r\n                        <cui-svg\r\n                            class=\"play\"\r\n                            icon=\"cuiIconPlayCircleSm\"\r\n                            [height]=\"72\"\r\n                            [width]=\"72\"\r\n                            [strokeWidth]=\"0.5\"\r\n                        />\r\n                    </button>\r\n                </ng-template>\r\n            </div>\r\n\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <cui-svg icon=\"cuiIconPlayCircle\" />\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;padding-top:6px;padding-bottom:6px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.wrapper{display:flex;flex-direction:column;margin-bottom:10px;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.video{display:block;max-width:100%}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"] }]
+                    }, template: "<ng-container *transloco=\"let t\">\r\n    <ng-container *ngIf=\"!isLoading; else preloader\">\r\n        <ng-container *ngIf=\"video; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <video\r\n                    *ngIf=\"isLoaded(); else playButtonTemplate\"\r\n                    class=\"video\"\r\n                    [src]=\"video\"\r\n                    controls\r\n                    autoplay\r\n                    muted\r\n                    playsinline\r\n                ></video>\r\n\r\n                <ng-template #playButtonTemplate>\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"play\"\r\n                        (click)=\"onPlay()\"\r\n                    >\r\n                        <cui-svg\r\n                            class=\"play\"\r\n                            icon=\"cuiIconPlayCircleSm\"\r\n                            [height]=\"72\"\r\n                            [width]=\"72\"\r\n                            [strokeWidth]=\"0.5\"\r\n                        />\r\n                    </button>\r\n                </ng-template>\r\n            </div>\r\n\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <cui-svg icon=\"cuiIconPlayCircle\" />\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;padding-top:6px;padding-bottom:6px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.wrapper{display:flex;flex-direction:column;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.video{display:block;max-width:100%}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px;margin-top:10px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"] }]
         }], propDecorators: { video: [{
                 type: Input,
                 args: [{ required: true }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdG9yLXZpZGVvLXRvb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9lZGl0b3IvY29tcG9uZW50cy9lZGl0b3ItdmlkZW8tdG9vbC9lZGl0b3ItdmlkZW8tdG9vbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2VkaXRvci9jb21wb25lbnRzL2VkaXRvci12aWRlby10b29sL2VkaXRvci12aWRlby10b29sLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBWTNFLE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxtQkFBbUI7SUFWakU7O1FBV2MsYUFBUSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztLQXdCdEM7SUFuQkcsSUFBYyxnQkFBZ0I7UUFDMUIsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUNsRSxDQUFDO0lBRVMsTUFBTTtRQUNaLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFUyxjQUFjLENBQUMsS0FBb0I7UUFDekMsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDdkIsT0FBTztRQUNYLENBQUM7UUFFRCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVPLFFBQVEsQ0FBQyxLQUFvQjtRQUNqQyxPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUcsS0FBSyxXQUFXLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxPQUFPLENBQUMsSUFBSSxLQUFLLENBQUMsUUFBUSxDQUFDO0lBQ2xGLENBQUM7K0dBeEJRLHdCQUF3QjttR0FBeEIsd0JBQXdCLDBMQ2xCckMsMitFQXVFQSwwK0NEN0RjLFlBQVksdUtBQUUsV0FBVywrQkFBRSxJQUFJLDZGQUFFLGtCQUFrQjs7NEZBUXBELHdCQUF3QjtrQkFWcEMsU0FBUztpQ0FDTSxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxrQkFBa0IsQ0FBQyxtQkFHN0MsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDRixpQkFBaUIsRUFBRSxrQkFBa0I7cUJBQ3hDOzhCQU1NLEtBQUs7c0JBRFgsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgVHJhbnNsb2NvRGlyZWN0aXZlIH0gZnJvbSAnQGpzdmVyc2UvdHJhbnNsb2NvJztcclxuXHJcbmltcG9ydCB7IEN1aVN2Z01vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMnO1xyXG5pbXBvcnQgeyBFZGl0b3JUb29sQ29tcG9uZW50IH0gZnJvbSAnLi4vZWRpdG9yLXRvb2wvZWRpdG9yLXRvb2wuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGltcG9ydHM6IFtDdWlTdmdNb2R1bGUsIEZvcm1zTW9kdWxlLCBOZ0lmLCBUcmFuc2xvY29EaXJlY3RpdmVdLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VkaXRvci12aWRlby10b29sLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2VkaXRvci12aWRlby10b29sLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIGhvc3Q6IHtcclxuICAgICAgICAnW2NsYXNzLl9oaWRkZW5dJzogJ2lzU2hvd0xvYWRCdXR0b24nXHJcbiAgICB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFZGl0b3JWaWRlb1Rvb2xDb21wb25lbnQgZXh0ZW5kcyBFZGl0b3JUb29sQ29tcG9uZW50IHtcclxuICAgIHByb3RlY3RlZCBpc0xvYWRlZCA9IHNpZ25hbChmYWxzZSk7XHJcblxyXG4gICAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSlcclxuICAgIHB1YmxpYyB2aWRlbyE6IHN0cmluZztcclxuXHJcbiAgICBwcm90ZWN0ZWQgZ2V0IGlzU2hvd0xvYWRCdXR0b24oKTogYm9vbGVhbiB7XHJcbiAgICAgICAgcmV0dXJuICF0aGlzLnZpZGVvICYmICF0aGlzLmlzQ2FwdGlvblNob3duICYmICF0aGlzLmlzTG9hZGluZztcclxuICAgIH1cclxuXHJcbiAgICBwcm90ZWN0ZWQgb25QbGF5KCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuaXNMb2FkZWQuc2V0KHRydWUpO1xyXG4gICAgfVxyXG5cclxuICAgIHByb3RlY3RlZCBvblByZXZlbnRFbnRlcihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLmNoZWNrS2V5KGV2ZW50KSkge1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGNoZWNrS2V5KGV2ZW50OiBLZXlib2FyZEV2ZW50KTogYm9vbGVhbiB7XHJcbiAgICAgICAgcmV0dXJuIChldmVudC5rZXkgIT09ICdCYWNrc3BhY2UnICYmIGV2ZW50LmtleSAhPT0gJ0VudGVyJykgfHwgZXZlbnQuc2hpZnRLZXk7XHJcbiAgICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqdHJhbnNsb2NvPVwibGV0IHRcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaXNMb2FkaW5nOyBlbHNlIHByZWxvYWRlclwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ2aWRlbzsgZWxzZSBidXR0b25UZW1wbGF0ZVwiPlxyXG4gICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIndyYXBwZXJcIlxyXG4gICAgICAgICAgICAgICAgW2NsYXNzLl9sb2FkZWRdPVwiaXNMb2FkZWQoKVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIDx2aWRlb1xyXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiaXNMb2FkZWQoKTsgZWxzZSBwbGF5QnV0dG9uVGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidmlkZW9cIlxyXG4gICAgICAgICAgICAgICAgICAgIFtzcmNdPVwidmlkZW9cIlxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnRyb2xzXHJcbiAgICAgICAgICAgICAgICAgICAgYXV0b3BsYXlcclxuICAgICAgICAgICAgICAgICAgICBtdXRlZFxyXG4gICAgICAgICAgICAgICAgICAgIHBsYXlzaW5saW5lXHJcbiAgICAgICAgICAgICAgICA+PC92aWRlbz5cclxuXHJcbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI3BsYXlCdXR0b25UZW1wbGF0ZT5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInBsYXlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25QbGF5KClcIlxyXG4gICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGN1aS1zdmdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwicGxheVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPVwiY3VpSWNvblBsYXlDaXJjbGVTbVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaGVpZ2h0XT1cIjcyXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt3aWR0aF09XCI3MlwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3Ryb2tlV2lkdGhdPVwiMC41XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJpc0NhcHRpb25TaG93blwiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImNhcHRpb24gY2R4LWlucHV0XCJcclxuICAgICAgICAgICAgICAgIFthdHRyLmNvbnRlbnRlZGl0YWJsZV09XCIhcmVhZE9ubHlcIlxyXG4gICAgICAgICAgICAgICAgYXR0ci5kYXRhLXBsYWNlaG9sZGVyPVwie3sgdCgnQ0FQVElPTicpIH19Li4uXCJcclxuICAgICAgICAgICAgICAgIChwYXN0ZSk9XCJvblRpdGxlUGFzdGUoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAoa2V5ZG93bik9XCJvblByZXZlbnRFbnRlcigkZXZlbnQpXCJcclxuICAgICAgICAgICAgICAgIChrZXl1cCk9XCJvblRpdGxlQ2hhbmdlKCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJjYXB0aW9uXCJcclxuICAgICAgICAgICAgPjwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICA8bmctdGVtcGxhdGUgI2J1dHRvblRlbXBsYXRlPlxyXG4gICAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgICAgICAgIFtjbGFzc109XCJbJ3NlbGVjdC1idG4nLCB0aGlzLmFwaS5zdHlsZXMuYnV0dG9uXVwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25TZWxlY3RGaWxlKClcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8Y3VpLXN2ZyBpY29uPVwiY3VpSWNvblBsYXlDaXJjbGVcIiAvPlxyXG4gICAgICAgICAgICAgICAgJm5ic3A7e3sgYnV0dG9uQ29udGVudCB9fVxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbjwvbmctY29udGFpbmVyPlxyXG5cclxuPG5nLXRlbXBsYXRlICNwcmVsb2FkZXI+XHJcbiAgICA8ZGl2IGNsYXNzPVwid3JhcHBlclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcmVsb2FkZXJcIj5cclxuICAgICAgICAgICAgPGltZ1xyXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJwcmV2aWV3XCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwicHJlbG9hZGVyX19pbWFnZVwiXHJcbiAgICAgICAgICAgICAgICBbc3JjXT1cInByZXZpZXdcIlxyXG4gICAgICAgICAgICAgICAgYWx0PVwiUHJlbG9hZGVyXCJcclxuICAgICAgICAgICAgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdG9yLXZpZGVvLXRvb2wuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZS9lZGl0b3IvY29tcG9uZW50cy9lZGl0b3ItdmlkZW8tdG9vbC9lZGl0b3ItdmlkZW8tdG9vbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlL2VkaXRvci9jb21wb25lbnRzL2VkaXRvci12aWRlby10b29sL2VkaXRvci12aWRlby10b29sLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7O0FBWTNFLE1BQU0sT0FBTyx3QkFBeUIsU0FBUSxtQkFBbUI7SUFWakU7O1FBV2MsYUFBUSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztLQXdCdEM7SUFuQkcsSUFBYyxnQkFBZ0I7UUFDMUIsT0FBTyxDQUFDLElBQUksQ0FBQyxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQztJQUNsRSxDQUFDO0lBRVMsTUFBTTtRQUNaLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFUyxjQUFjLENBQUMsS0FBb0I7UUFDekMsSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxFQUFFLENBQUM7WUFDdkIsT0FBTztRQUNYLENBQUM7UUFFRCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVPLFFBQVEsQ0FBQyxLQUFvQjtRQUNqQyxPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUcsS0FBSyxXQUFXLElBQUksS0FBSyxDQUFDLEdBQUcsS0FBSyxPQUFPLENBQUMsSUFBSSxLQUFLLENBQUMsUUFBUSxDQUFDO0lBQ2xGLENBQUM7K0dBeEJRLHdCQUF3QjttR0FBeEIsd0JBQXdCLDBMQ2xCckMsMitFQXVFQSx1K0NEN0RjLFlBQVksdUtBQUUsV0FBVywrQkFBRSxJQUFJLDZGQUFFLGtCQUFrQjs7NEZBUXBELHdCQUF3QjtrQkFWcEMsU0FBUztpQ0FDTSxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxrQkFBa0IsQ0FBQyxtQkFHN0MsdUJBQXVCLENBQUMsTUFBTSxRQUN6Qzt3QkFDRixpQkFBaUIsRUFBRSxrQkFBa0I7cUJBQ3hDOzhCQU1NLEtBQUs7c0JBRFgsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBJbnB1dCwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcclxuaW1wb3J0IHsgVHJhbnNsb2NvRGlyZWN0aXZlIH0gZnJvbSAnQGpzdmVyc2UvdHJhbnNsb2NvJztcclxuXHJcbmltcG9ydCB7IEN1aVN2Z01vZHVsZSB9IGZyb20gJy4uLy4uLy4uL2NvbXBvbmVudHMnO1xyXG5pbXBvcnQgeyBFZGl0b3JUb29sQ29tcG9uZW50IH0gZnJvbSAnLi4vZWRpdG9yLXRvb2wvZWRpdG9yLXRvb2wuY29tcG9uZW50JztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gICAgc3RhbmRhbG9uZTogdHJ1ZSxcclxuICAgIGltcG9ydHM6IFtDdWlTdmdNb2R1bGUsIEZvcm1zTW9kdWxlLCBOZ0lmLCBUcmFuc2xvY29EaXJlY3RpdmVdLFxyXG4gICAgdGVtcGxhdGVVcmw6ICcuL2VkaXRvci12aWRlby10b29sLmNvbXBvbmVudC5odG1sJyxcclxuICAgIHN0eWxlVXJsczogWycuL2VkaXRvci12aWRlby10b29sLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxuICAgIGhvc3Q6IHtcclxuICAgICAgICAnW2NsYXNzLl9oaWRkZW5dJzogJ2lzU2hvd0xvYWRCdXR0b24nXHJcbiAgICB9XHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBFZGl0b3JWaWRlb1Rvb2xDb21wb25lbnQgZXh0ZW5kcyBFZGl0b3JUb29sQ29tcG9uZW50IHtcclxuICAgIHByb3RlY3RlZCBpc0xvYWRlZCA9IHNpZ25hbChmYWxzZSk7XHJcblxyXG4gICAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSlcclxuICAgIHB1YmxpYyB2aWRlbyE6IHN0cmluZztcclxuXHJcbiAgICBwcm90ZWN0ZWQgZ2V0IGlzU2hvd0xvYWRCdXR0b24oKTogYm9vbGVhbiB7XHJcbiAgICAgICAgcmV0dXJuICF0aGlzLnZpZGVvICYmICF0aGlzLmlzQ2FwdGlvblNob3duICYmICF0aGlzLmlzTG9hZGluZztcclxuICAgIH1cclxuXHJcbiAgICBwcm90ZWN0ZWQgb25QbGF5KCk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuaXNMb2FkZWQuc2V0KHRydWUpO1xyXG4gICAgfVxyXG5cclxuICAgIHByb3RlY3RlZCBvblByZXZlbnRFbnRlcihldmVudDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xyXG4gICAgICAgIGlmICh0aGlzLmNoZWNrS2V5KGV2ZW50KSkge1xyXG4gICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgfVxyXG5cclxuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcclxuICAgIH1cclxuXHJcbiAgICBwcml2YXRlIGNoZWNrS2V5KGV2ZW50OiBLZXlib2FyZEV2ZW50KTogYm9vbGVhbiB7XHJcbiAgICAgICAgcmV0dXJuIChldmVudC5rZXkgIT09ICdCYWNrc3BhY2UnICYmIGV2ZW50LmtleSAhPT0gJ0VudGVyJykgfHwgZXZlbnQuc2hpZnRLZXk7XHJcbiAgICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqdHJhbnNsb2NvPVwibGV0IHRcIj5cclxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCIhaXNMb2FkaW5nOyBlbHNlIHByZWxvYWRlclwiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ2aWRlbzsgZWxzZSBidXR0b25UZW1wbGF0ZVwiPlxyXG4gICAgICAgICAgICA8ZGl2XHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cIndyYXBwZXJcIlxyXG4gICAgICAgICAgICAgICAgW2NsYXNzLl9sb2FkZWRdPVwiaXNMb2FkZWQoKVwiXHJcbiAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgIDx2aWRlb1xyXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiaXNMb2FkZWQoKTsgZWxzZSBwbGF5QnV0dG9uVGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidmlkZW9cIlxyXG4gICAgICAgICAgICAgICAgICAgIFtzcmNdPVwidmlkZW9cIlxyXG4gICAgICAgICAgICAgICAgICAgIGNvbnRyb2xzXHJcbiAgICAgICAgICAgICAgICAgICAgYXV0b3BsYXlcclxuICAgICAgICAgICAgICAgICAgICBtdXRlZFxyXG4gICAgICAgICAgICAgICAgICAgIHBsYXlzaW5saW5lXHJcbiAgICAgICAgICAgICAgICA+PC92aWRlbz5cclxuXHJcbiAgICAgICAgICAgICAgICA8bmctdGVtcGxhdGUgI3BsYXlCdXR0b25UZW1wbGF0ZT5cclxuICAgICAgICAgICAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInBsYXlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25QbGF5KClcIlxyXG4gICAgICAgICAgICAgICAgICAgID5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPGN1aS1zdmdcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwicGxheVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpY29uPVwiY3VpSWNvblBsYXlDaXJjbGVTbVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaGVpZ2h0XT1cIjcyXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt3aWR0aF09XCI3MlwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3Ryb2tlV2lkdGhdPVwiMC41XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgPGRpdlxyXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJpc0NhcHRpb25TaG93blwiXHJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImNhcHRpb24gY2R4LWlucHV0XCJcclxuICAgICAgICAgICAgICAgIFthdHRyLmNvbnRlbnRlZGl0YWJsZV09XCIhcmVhZE9ubHlcIlxyXG4gICAgICAgICAgICAgICAgYXR0ci5kYXRhLXBsYWNlaG9sZGVyPVwie3sgdCgnQ0FQVElPTicpIH19Li4uXCJcclxuICAgICAgICAgICAgICAgIChwYXN0ZSk9XCJvblRpdGxlUGFzdGUoJGV2ZW50KVwiXHJcbiAgICAgICAgICAgICAgICAoa2V5ZG93bik9XCJvblByZXZlbnRFbnRlcigkZXZlbnQpXCJcclxuICAgICAgICAgICAgICAgIChrZXl1cCk9XCJvblRpdGxlQ2hhbmdlKCRldmVudClcIlxyXG4gICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJjYXB0aW9uXCJcclxuICAgICAgICAgICAgPjwvZGl2PlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG5cclxuICAgICAgICA8bmctdGVtcGxhdGUgI2J1dHRvblRlbXBsYXRlPlxyXG4gICAgICAgICAgICA8YnV0dG9uXHJcbiAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcclxuICAgICAgICAgICAgICAgIFtjbGFzc109XCJbJ3NlbGVjdC1idG4nLCB0aGlzLmFwaS5zdHlsZXMuYnV0dG9uXVwiXHJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwib25TZWxlY3RGaWxlKClcIlxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8Y3VpLXN2ZyBpY29uPVwiY3VpSWNvblBsYXlDaXJjbGVcIiAvPlxyXG4gICAgICAgICAgICAgICAgJm5ic3A7e3sgYnV0dG9uQ29udGVudCB9fVxyXG4gICAgICAgICAgICA8L2J1dHRvbj5cclxuICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG4gICAgPC9uZy1jb250YWluZXI+XHJcbjwvbmctY29udGFpbmVyPlxyXG5cclxuPG5nLXRlbXBsYXRlICNwcmVsb2FkZXI+XHJcbiAgICA8ZGl2IGNsYXNzPVwid3JhcHBlclwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJwcmVsb2FkZXJcIj5cclxuICAgICAgICAgICAgPGltZ1xyXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJwcmV2aWV3XCJcclxuICAgICAgICAgICAgICAgIGNsYXNzPVwicHJlbG9hZGVyX19pbWFnZVwiXHJcbiAgICAgICAgICAgICAgICBbc3JjXT1cInByZXZpZXdcIlxyXG4gICAgICAgICAgICAgICAgYWx0PVwiUHJlbG9hZGVyXCJcclxuICAgICAgICAgICAgLz5cclxuICAgICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG48L25nLXRlbXBsYXRlPlxyXG4iXX0=

package/fesm2022/cuby-ui-core.mjs CHANGED Viewed

@@ -5304,13 +5304,13 @@ class EditorImageToolComponent extends EditorToolComponent {
         return (event.key !== 'Backspace' && event.key !== 'Enter') || event.shiftKey;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorImageToolComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EditorImageToolComponent, isStandalone: true, selector: "ng-component", inputs: { image: "image", tunes: "tunes" }, host: { properties: { "class._hidden": "isShowLoadButton" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoading; else preloader\">\r\n    <ng-container *transloco=\"let t\">\r\n        <ng-container *ngIf=\"image; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [ngClass]=\"tunesSignal()\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <img\r\n                    class=\"image\"\r\n                    [src]=\"image\"\r\n                    alt=\"Image\"\r\n                />\r\n            </div>\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                #button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"20\"\r\n                    height=\"20\"\r\n                    viewBox=\"0 0 20 20\"\r\n                    fill=\"none\"\r\n                >\r\n                    <path\r\n                        d=\"M12.5013 4.1665H7.5013C5.66035 4.1665 4.16797 5.65889 4.16797 7.49984V12.4998C4.16797 14.3408 5.66035 15.8332 7.5013 15.8332H12.5013C14.3423 15.8332 15.8346 14.3408 15.8346 12.4998V7.49984C15.8346 5.65889 14.3423 4.1665 12.5013 4.1665Z\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                    />\r\n                    <path\r\n                        d=\"M4.28125 12.7665L7.24033 9.63825C7.52263 9.33617 7.90546 9.1665 8.30463 9.1665C8.70377 9.1665 9.0866 9.33617 9.36893 9.63825L12.8208 13.3332M11.3154 11.7218L12.5092 10.444C12.7914 10.1419 13.1743 9.97217 13.5734 9.97217C13.9726 9.97217 14.3554 10.1419 14.6378 10.444L15.699 11.636\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                    <path\r\n                        d=\"M11.4805 7.77783H11.4879\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                </svg>\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{padding-top:6px;padding-bottom:6px;font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.image{display:block;max-width:100%;width:fit-content;height:250px}.wrapper{display:flex;flex-direction:column;margin-bottom:10px;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.wrapper.stretched .image{width:100%;height:auto}.wrapper.center .image{margin:auto}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EditorImageToolComponent, isStandalone: true, selector: "ng-component", inputs: { image: "image", tunes: "tunes" }, host: { properties: { "class._hidden": "isShowLoadButton" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngIf=\"!isLoading; else preloader\">\r\n    <ng-container *transloco=\"let t\">\r\n        <ng-container *ngIf=\"image; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [ngClass]=\"tunesSignal()\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <img\r\n                    class=\"image\"\r\n                    [src]=\"image\"\r\n                    alt=\"Image\"\r\n                />\r\n            </div>\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                #button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"20\"\r\n                    height=\"20\"\r\n                    viewBox=\"0 0 20 20\"\r\n                    fill=\"none\"\r\n                >\r\n                    <path\r\n                        d=\"M12.5013 4.1665H7.5013C5.66035 4.1665 4.16797 5.65889 4.16797 7.49984V12.4998C4.16797 14.3408 5.66035 15.8332 7.5013 15.8332H12.5013C14.3423 15.8332 15.8346 14.3408 15.8346 12.4998V7.49984C15.8346 5.65889 14.3423 4.1665 12.5013 4.1665Z\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                    />\r\n                    <path\r\n                        d=\"M4.28125 12.7665L7.24033 9.63825C7.52263 9.33617 7.90546 9.1665 8.30463 9.1665C8.70377 9.1665 9.0866 9.33617 9.36893 9.63825L12.8208 13.3332M11.3154 11.7218L12.5092 10.444C12.7914 10.1419 13.1743 9.97217 13.5734 9.97217C13.9726 9.97217 14.3554 10.1419 14.6378 10.444L15.699 11.636\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                    <path\r\n                        d=\"M11.4805 7.77783H11.4879\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                </svg>\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{padding-top:6px;padding-bottom:6px;font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.image{display:block;max-width:100%;width:fit-content;height:250px}.wrapper{display:flex;flex-direction:column;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.wrapper.stretched .image{width:100%;height:auto}.wrapper.center .image{margin:auto}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px;margin-top:10px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorImageToolComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CuiSvgModule, FormsModule, NgClass, NgIf, TranslocoDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class._hidden]': 'isShowLoadButton'
-                    }, template: "<ng-container *ngIf=\"!isLoading; else preloader\">\r\n    <ng-container *transloco=\"let t\">\r\n        <ng-container *ngIf=\"image; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [ngClass]=\"tunesSignal()\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <img\r\n                    class=\"image\"\r\n                    [src]=\"image\"\r\n                    alt=\"Image\"\r\n                />\r\n            </div>\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                #button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"20\"\r\n                    height=\"20\"\r\n                    viewBox=\"0 0 20 20\"\r\n                    fill=\"none\"\r\n                >\r\n                    <path\r\n                        d=\"M12.5013 4.1665H7.5013C5.66035 4.1665 4.16797 5.65889 4.16797 7.49984V12.4998C4.16797 14.3408 5.66035 15.8332 7.5013 15.8332H12.5013C14.3423 15.8332 15.8346 14.3408 15.8346 12.4998V7.49984C15.8346 5.65889 14.3423 4.1665 12.5013 4.1665Z\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                    />\r\n                    <path\r\n                        d=\"M4.28125 12.7665L7.24033 9.63825C7.52263 9.33617 7.90546 9.1665 8.30463 9.1665C8.70377 9.1665 9.0866 9.33617 9.36893 9.63825L12.8208 13.3332M11.3154 11.7218L12.5092 10.444C12.7914 10.1419 13.1743 9.97217 13.5734 9.97217C13.9726 9.97217 14.3554 10.1419 14.6378 10.444L15.699 11.636\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                    <path\r\n                        d=\"M11.4805 7.77783H11.4879\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                </svg>\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{padding-top:6px;padding-bottom:6px;font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.image{display:block;max-width:100%;width:fit-content;height:250px}.wrapper{display:flex;flex-direction:column;margin-bottom:10px;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.wrapper.stretched .image{width:100%;height:auto}.wrapper.center .image{margin:auto}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"] }]
+                    }, template: "<ng-container *ngIf=\"!isLoading; else preloader\">\r\n    <ng-container *transloco=\"let t\">\r\n        <ng-container *ngIf=\"image; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [ngClass]=\"tunesSignal()\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <img\r\n                    class=\"image\"\r\n                    [src]=\"image\"\r\n                    alt=\"Image\"\r\n                />\r\n            </div>\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                #button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <svg\r\n                    xmlns=\"http://www.w3.org/2000/svg\"\r\n                    width=\"20\"\r\n                    height=\"20\"\r\n                    viewBox=\"0 0 20 20\"\r\n                    fill=\"none\"\r\n                >\r\n                    <path\r\n                        d=\"M12.5013 4.1665H7.5013C5.66035 4.1665 4.16797 5.65889 4.16797 7.49984V12.4998C4.16797 14.3408 5.66035 15.8332 7.5013 15.8332H12.5013C14.3423 15.8332 15.8346 14.3408 15.8346 12.4998V7.49984C15.8346 5.65889 14.3423 4.1665 12.5013 4.1665Z\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                    />\r\n                    <path\r\n                        d=\"M4.28125 12.7665L7.24033 9.63825C7.52263 9.33617 7.90546 9.1665 8.30463 9.1665C8.70377 9.1665 9.0866 9.33617 9.36893 9.63825L12.8208 13.3332M11.3154 11.7218L12.5092 10.444C12.7914 10.1419 13.1743 9.97217 13.5734 9.97217C13.9726 9.97217 14.3554 10.1419 14.6378 10.444L15.699 11.636\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                    <path\r\n                        d=\"M11.4805 7.77783H11.4879\"\r\n                        stroke=\"#121315\"\r\n                        stroke-width=\"1.66667\"\r\n                        stroke-linecap=\"round\"\r\n                        stroke-linejoin=\"round\"\r\n                    />\r\n                </svg>\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{padding-top:6px;padding-bottom:6px;font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.image{display:block;max-width:100%;width:fit-content;height:250px}.wrapper{display:flex;flex-direction:column;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.wrapper.stretched .image{width:100%;height:auto}.wrapper.center .image{margin:auto}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px;margin-top:10px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"] }]
         }], propDecorators: { image: [{
                 type: Input,
                 args: [{ required: true }]
@@ -5341,13 +5341,13 @@ class EditorVideoToolComponent extends EditorToolComponent {
         return (event.key !== 'Backspace' && event.key !== 'Enter') || event.shiftKey;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorVideoToolComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EditorVideoToolComponent, isStandalone: true, selector: "ng-component", inputs: { video: "video" }, host: { properties: { "class._hidden": "isShowLoadButton" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n    <ng-container *ngIf=\"!isLoading; else preloader\">\r\n        <ng-container *ngIf=\"video; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <video\r\n                    *ngIf=\"isLoaded(); else playButtonTemplate\"\r\n                    class=\"video\"\r\n                    [src]=\"video\"\r\n                    controls\r\n                    autoplay\r\n                    muted\r\n                    playsinline\r\n                ></video>\r\n\r\n                <ng-template #playButtonTemplate>\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"play\"\r\n                        (click)=\"onPlay()\"\r\n                    >\r\n                        <cui-svg\r\n                            class=\"play\"\r\n                            icon=\"cuiIconPlayCircleSm\"\r\n                            [height]=\"72\"\r\n                            [width]=\"72\"\r\n                            [strokeWidth]=\"0.5\"\r\n                        />\r\n                    </button>\r\n                </ng-template>\r\n            </div>\r\n\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <cui-svg icon=\"cuiIconPlayCircle\" />\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;padding-top:6px;padding-bottom:6px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.wrapper{display:flex;flex-direction:column;margin-bottom:10px;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.video{display:block;max-width:100%}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EditorVideoToolComponent, isStandalone: true, selector: "ng-component", inputs: { video: "video" }, host: { properties: { "class._hidden": "isShowLoadButton" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *transloco=\"let t\">\r\n    <ng-container *ngIf=\"!isLoading; else preloader\">\r\n        <ng-container *ngIf=\"video; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <video\r\n                    *ngIf=\"isLoaded(); else playButtonTemplate\"\r\n                    class=\"video\"\r\n                    [src]=\"video\"\r\n                    controls\r\n                    autoplay\r\n                    muted\r\n                    playsinline\r\n                ></video>\r\n\r\n                <ng-template #playButtonTemplate>\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"play\"\r\n                        (click)=\"onPlay()\"\r\n                    >\r\n                        <cui-svg\r\n                            class=\"play\"\r\n                            icon=\"cuiIconPlayCircleSm\"\r\n                            [height]=\"72\"\r\n                            [width]=\"72\"\r\n                            [strokeWidth]=\"0.5\"\r\n                        />\r\n                    </button>\r\n                </ng-template>\r\n            </div>\r\n\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <cui-svg icon=\"cuiIconPlayCircle\" />\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;padding-top:6px;padding-bottom:6px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.wrapper{display:flex;flex-direction:column;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.video{display:block;max-width:100%}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px;margin-top:10px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CuiSvgModule }, { kind: "component", type: CuiSvgComponent, selector: "cui-svg[icon]", inputs: ["width", "height", "strokeWidth", "color", "icon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorVideoToolComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, imports: [CuiSvgModule, FormsModule, NgIf, TranslocoDirective], changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[class._hidden]': 'isShowLoadButton'
-                    }, template: "<ng-container *transloco=\"let t\">\r\n    <ng-container *ngIf=\"!isLoading; else preloader\">\r\n        <ng-container *ngIf=\"video; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <video\r\n                    *ngIf=\"isLoaded(); else playButtonTemplate\"\r\n                    class=\"video\"\r\n                    [src]=\"video\"\r\n                    controls\r\n                    autoplay\r\n                    muted\r\n                    playsinline\r\n                ></video>\r\n\r\n                <ng-template #playButtonTemplate>\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"play\"\r\n                        (click)=\"onPlay()\"\r\n                    >\r\n                        <cui-svg\r\n                            class=\"play\"\r\n                            icon=\"cuiIconPlayCircleSm\"\r\n                            [height]=\"72\"\r\n                            [width]=\"72\"\r\n                            [strokeWidth]=\"0.5\"\r\n                        />\r\n                    </button>\r\n                </ng-template>\r\n            </div>\r\n\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <cui-svg icon=\"cuiIconPlayCircle\" />\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;padding-top:6px;padding-bottom:6px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.wrapper{display:flex;flex-direction:column;margin-bottom:10px;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.video{display:block;max-width:100%}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"] }]
+                    }, template: "<ng-container *transloco=\"let t\">\r\n    <ng-container *ngIf=\"!isLoading; else preloader\">\r\n        <ng-container *ngIf=\"video; else buttonTemplate\">\r\n            <div\r\n                class=\"wrapper\"\r\n                [class._loaded]=\"isLoaded()\"\r\n            >\r\n                <video\r\n                    *ngIf=\"isLoaded(); else playButtonTemplate\"\r\n                    class=\"video\"\r\n                    [src]=\"video\"\r\n                    controls\r\n                    autoplay\r\n                    muted\r\n                    playsinline\r\n                ></video>\r\n\r\n                <ng-template #playButtonTemplate>\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"play\"\r\n                        (click)=\"onPlay()\"\r\n                    >\r\n                        <cui-svg\r\n                            class=\"play\"\r\n                            icon=\"cuiIconPlayCircleSm\"\r\n                            [height]=\"72\"\r\n                            [width]=\"72\"\r\n                            [strokeWidth]=\"0.5\"\r\n                        />\r\n                    </button>\r\n                </ng-template>\r\n            </div>\r\n\r\n            <div\r\n                *ngIf=\"isCaptionShown\"\r\n                class=\"caption cdx-input\"\r\n                [attr.contenteditable]=\"!readOnly\"\r\n                attr.data-placeholder=\"{{ t('CAPTION') }}...\"\r\n                (paste)=\"onTitlePaste($event)\"\r\n                (keydown)=\"onPreventEnter($event)\"\r\n                (keyup)=\"onTitleChange($event)\"\r\n                [innerHTML]=\"caption\"\r\n            ></div>\r\n        </ng-container>\r\n\r\n        <ng-template #buttonTemplate>\r\n            <button\r\n                type=\"button\"\r\n                [class]=\"['select-btn', this.api.styles.button]\"\r\n                (click)=\"onSelectFile()\"\r\n            >\r\n                <cui-svg icon=\"cuiIconPlayCircle\" />\r\n                &nbsp;{{ buttonContent }}\r\n            </button>\r\n        </ng-template>\r\n    </ng-container>\r\n</ng-container>\r\n\r\n<ng-template #preloader>\r\n    <div class=\"wrapper\">\r\n        <div class=\"preloader\">\r\n            <img\r\n                *ngIf=\"preview\"\r\n                class=\"preloader__image\"\r\n                [src]=\"preview\"\r\n                alt=\"Preloader\"\r\n            />\r\n        </div>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;padding-top:6px;padding-bottom:6px;font-family:var(--cui-main-font);display:block}:host ::ng-deep .cdx-input{border:1px solid var(--cui-base-200);background:transparent;box-shadow:none}:host ::ng-deep .play{margin:auto}:host ::ng-deep .play path{fill:var(--cui-base-0);stroke:var(--cui-base-300)}:host._hidden{display:none}.wrapper{display:flex;flex-direction:column;border-radius:8px;border:1px solid var(--cui-base-200);min-height:200px;background-color:var(--cui-base-0);overflow:hidden}.wrapper._loaded{min-height:auto}.video{display:block;max-width:100%}.preloader{width:50px;height:50px;border-radius:50%;background-size:cover;margin:auto;position:relative;background-color:var(--cui-base-200);background-position:center center}@keyframes preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader__image{width:50px;height:50px;border-radius:50%}.preloader:after{content:\"\";position:absolute;z-index:3;width:60px;height:60px;border-radius:50%;border:2px solid var(--cui-base-200);border-top-color:var(--cui-blue-600);left:50%;top:50%;margin-top:-30px;margin-left:-30px;animation:preloader-spin 2s infinite linear;box-sizing:border-box}.caption{border-radius:8px;margin-top:10px}.caption[data-placeholder]:empty:before{content:attr(data-placeholder);position:absolute;color:var(--cui-base-400)}.select-btn{display:flex;align-items:center;justify-content:center;width:100%}\n"] }]
         }], propDecorators: { video: [{
                 type: Input,
                 args: [{ required: true }]