myrta-ui 1.1.50 → 1.1.52

package/esm2020/lib/components/form/editor/modules/change-icon-module.mjs

@@ -1,5 +1,4 @@
 export const changeIconsFunction = (name, control, clearName) => {
-    console.log(clearName);
     switch (clearName) {
         case 'paragraph':
             return '<span class="mrx-icon icon-wysiwyg-icons-paragraph icon-font-24"></span>';
@@ -125,4 +124,4 @@ export const changeIconsFunction = (name, control, clearName) => {
             return '<span class="mrx-icon icon-close icon-font-24"></span>';
     }
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhbmdlLWljb24tbW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vZWRpdG9yL21vZHVsZXMvY2hhbmdlLWljb24tbW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFHLENBQUMsSUFBWSxFQUFFLE9BQVksRUFBRSxTQUFjLEVBQUUsRUFBRTtJQUNoRixPQUFPLENBQUMsR0FBRyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ3ZCLFFBQVEsU0FBUyxFQUFFO1FBQ2pCLEtBQU0sV0FBVztZQUNmLE9BQU8sMEVBQTBFLENBQUE7UUFDbkYsS0FBSyxNQUFNO1lBQ1QsT0FBTyxDQUFDLDBFQUEwRSxDQUFDLENBQUM7UUFDdEYsS0FBSyxlQUFlO1lBQ2xCLE9BQU8sbUZBQW1GLENBQUE7UUFDNUYsS0FBSyxXQUFXO1lBQ2QsT0FBTyxDQUFDLCtFQUErRSxDQUFDLENBQUM7UUFDM0YsS0FBSyxRQUFRO1lBQ1gsT0FBTyw0RUFBNEUsQ0FBQztRQUN0RixLQUFLLE1BQU07WUFDVCxPQUFPLHlEQUF5RCxDQUFBO1FBQ2xFLEtBQUssTUFBTTtZQUNULE9BQU8seURBQXlELENBQUE7UUFDbEUsS0FBSyxRQUFRO1lBQ1gsT0FBTyx5REFBeUQsQ0FBQTtRQUNsRSxLQUFLLFFBQVE7WUFDWCxPQUFPLHVEQUF1RCxDQUFBO1FBQ2hFLEtBQUssT0FBTztZQUNWLE9BQU8sd0RBQXdELENBQUE7UUFDakUsS0FBSyxRQUFRO1lBQ1gsT0FBTyx3RUFBd0UsQ0FBQTtRQUNqRixLQUFLLFFBQVE7WUFDWCxPQUFPLDZFQUE2RSxDQUFBO1FBQ3RGLEtBQUssT0FBTztZQUNWLE9BQU8sNkVBQTZFLENBQUE7UUFDdEYsS0FBSyxXQUFXO1lBQ2QsT0FBTywyRUFBMkUsQ0FBQTtRQUNwRixLQUFLLFFBQVE7WUFDWCxPQUFPLHdFQUF3RSxDQUFBO1FBQ2pGLEtBQUssT0FBTztZQUNWLE9BQU8sMkVBQTJFLENBQUE7UUFDcEYsS0FBSyxZQUFZO1lBQ2YsT0FBTyxJQUFJLENBQUE7UUFDYixLQUFLLE1BQU07WUFDVCxPQUFPLElBQUksQ0FBQTtRQUNiLEtBQUssUUFBUTtZQUNYLE9BQU8sSUFBSSxDQUFBO1FBQ2IsS0FBSyxNQUFNO1lBQ1QsT0FBTyw0RUFBNEUsQ0FBQTtRQUNyRixLQUFLLFVBQVU7WUFDYixPQUFPLDBFQUEwRSxDQUFBO1FBQ25GLEtBQUssTUFBTTtZQUNULE9BQU8sZ0ZBQWdGLENBQUE7UUFDekYsS0FBSyxPQUFPO1lBQ1YsT0FBTyxpRkFBaUYsQ0FBQTtRQUMxRixLQUFLLFFBQVE7WUFDWCxPQUFPLGtGQUFrRixDQUFBO1FBQzNGLEtBQUssU0FBUztZQUNaLE9BQU8sbUZBQW1GLENBQUE7UUFDNUYsS0FBSyxZQUFZO1lBQ2YsT0FBTyw0RUFBNEUsQ0FBQTtRQUNyRixLQUFLLFFBQVE7WUFDWCxPQUFPLDZFQUE2RSxDQUFBO1FBQ3RGLEtBQUssU0FBUztZQUNaLE9BQU8sOEVBQThFLENBQUE7UUFDdkYsS0FBSyxJQUFJO1lBQ1AsT0FBTyx3REFBd0QsQ0FBQTtRQUNqRSxLQUFLLElBQUk7WUFDUCxPQUFPLDBEQUEwRCxDQUFBO1FBQ25FLEtBQUssTUFBTTtZQUNULE9BQU8sdURBQXVELENBQUE7UUFDaEUsS0FBSyxPQUFPO1lBQ1YsT0FBTyx3REFBd0QsQ0FBQTtRQUNqRSxLQUFLLFFBQVE7WUFDWCxPQUFPLHlEQUF5RCxDQUFBO1FBQ2xFLEtBQUssUUFBUTtZQUNYLE9BQU8seURBQXlELENBQUE7UUFDbEUsS0FBSyxPQUFPO1lBQ1YsT0FBTyxzRUFBc0UsQ0FBQTtRQUMvRSxLQUFLLE1BQU07WUFDVCxPQUFPLGdFQUFnRSxDQUFBO1FBQ3pFLEtBQUssS0FBSztZQUNSLE9BQU8seURBQXlELENBQUE7UUFDbEUsS0FBSyxLQUFLO1lBQ1IsT0FBTyx1REFBdUQsQ0FBQTtRQUNoRSxLQUFLLFFBQVE7WUFDWCxPQUFPLHVEQUF1RCxDQUFBO1FBQ2hFLEtBQUssUUFBUTtZQUNYLE9BQU8seURBQXlELENBQUE7UUFDbEUsS0FBSyxNQUFNO1lBQ1QsT0FBTyx1REFBdUQsQ0FBQTtRQUNoRSxLQUFLLFdBQVc7WUFDZCxPQUFPLHVEQUF1RCxDQUFBO1FBQ2hFLEtBQUssUUFBUTtZQUNYLE9BQU8sK0RBQStELENBQUE7UUFDeEUsS0FBSyxhQUFhO1lBQ2hCLE9BQU8sMEVBQTBFLENBQUE7UUFDbkYsS0FBSyxXQUFXO1lBQ2QsT0FBTyw0RUFBNEUsQ0FBQTtRQUNyRixLQUFLLEtBQUs7WUFDUixPQUFPLG9FQUFvRSxDQUFBO1FBQzdFLEtBQUssTUFBTTtZQUNULE9BQU8sdURBQXVELENBQUE7UUFDaEUsS0FBSyxPQUFPO1lBQ1YsT0FBTyx1RUFBdUUsQ0FBQTtRQUNoRixLQUFLLFlBQVk7WUFDZixPQUFPLHNFQUFzRSxDQUFBO1FBQy9FLEtBQUssSUFBSTtZQUNQLE9BQU8sd0VBQXdFLENBQUE7UUFDakYsS0FBSyxTQUFTO1lBQ1osT0FBTywrRUFBK0UsQ0FBQTtRQUN4RixLQUFLLE9BQU87WUFDVixPQUFPLHdEQUF3RCxDQUFBO1FBQ2pFLEtBQUssT0FBTztZQUNWLE9BQU8sdURBQXVELENBQUE7UUFFaEUsaUVBQWlFO1FBQ2pFLEtBQUssWUFBWTtZQUNmLE9BQU8sK0VBQStFLENBQUE7UUFDeEYsS0FBSyxpUEFBaVA7WUFDcFAsT0FBTywrRUFBK0UsQ0FBQTtRQUV4RixLQUFLLFlBQVk7WUFDZixPQUFPLDJFQUEyRSxDQUFBO1FBRXBGLEtBQUssVUFBVTtZQUNiLE9BQU8sK0RBQStELENBQUE7UUFDeEUsS0FBSyxRQUFRO1lBQ1gsT0FBTyxpRUFBaUUsQ0FBQTtRQUUxRSxLQUFLLE9BQU8sQ0FBQztRQUNiLEtBQUssRUFBRTtZQUNMLE9BQU8sSUFBSSxDQUFBO1FBQ2I7WUFDRSxPQUFPLHdEQUF3RCxDQUFBO0tBQ2xFO0FBQ0gsQ0FBQyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGNoYW5nZUljb25zRnVuY3Rpb24gPSAobmFtZTogc3RyaW5nLCBjb250cm9sOiBhbnksIGNsZWFyTmFtZTogYW55KSA9PiB7XHJcbiAgY29uc29sZS5sb2coY2xlYXJOYW1lKTtcclxuICBzd2l0Y2ggKGNsZWFyTmFtZSkge1xyXG4gICAgY2FzZSAgJ3BhcmFncmFwaCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtcGFyYWdyYXBoIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdib2xkJzpcclxuICAgICAgcmV0dXJuIChgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtdGV4dC1ib2xkIGljb24tZm9udC0yNFwiPjwvc3Bhbj5gKTtcclxuICAgIGNhc2UgJ3N0cmlrZXRocm91Z2gnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLXN0cmlrZXRocm91Z2gtdGV4dCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAndW5kZXJsaW5lJzpcclxuICAgICAgcmV0dXJuIChgPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtdGV4dC11bmRlcmxpbmUgaWNvbi1mb250LTI0XCI+PC9zcGFuPmApO1xyXG4gICAgY2FzZSAnaXRhbGljJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy10ZXh0LWl0YWxpYyBpY29uLWZvbnQtMjRcIj48L3NwYW4+JztcclxuICAgIGNhc2UgJ3JlZG8nOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1yZWxvYWQgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ3VuZG8nOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1yZXR1cm4gaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ3NlYXJjaCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXNlYXJjaCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnc291cmNlJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tY29kZSBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAndGFibGUnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi10YWJsZSBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAndmFsaWduJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy1wYWRkaW5nIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdzcGxpdHYnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLWNvbHVtbi1zcGxpdCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnbWVyZ2UnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLWNvbHVtbi1tZXJnZSBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnYWRkY29sdW1uJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy1hZGQtY29sdW1uIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdhZGRyb3cnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLWFkZC1yb3cgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2JydXNoJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy1maWxsLWNvbG9yIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdCYWNrZ3JvdW5kJzpcclxuICAgICAgcmV0dXJuIG51bGxcclxuICAgIGNhc2UgJ1RleHQnOlxyXG4gICAgICByZXR1cm4gbnVsbFxyXG4gICAgY2FzZSAnQm9yZGVyJzpcclxuICAgICAgcmV0dXJuIG51bGxcclxuICAgIGNhc2UgJ2ZvbnQnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLWZvbnQtZmFtaWx5IGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdmb250c2l6ZSc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtZm9udC1zaXplIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdsZWZ0JzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy10ZXh0LWFsaWduLWxlZnQgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ3JpZ2h0JzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy10ZXh0LWFsaWduLXJpZ2h0IGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdjZW50ZXInOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLXRleHQtYWxpZ24tY2VudGVyIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdqdXN0aWZ5JzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy10ZXh0LWFsaWduLWp1c3RpZnkgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2xpbmVIZWlnaHQnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLWxpbmUtaGVpZ2h0IGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdpbmRlbnQnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLXBhZGRpbmctbGVmdCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnb3V0ZGVudCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtcGFkZGluZy1yaWdodCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAndWwnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1wb2ludCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnb2wnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1udW1iZXJzIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdsaW5rJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tbGluayBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnaW1hZ2UnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1pbWFnZSBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnZGVsZXRlJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tZGVsZXRlIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICd1cGxvYWQnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi11cGxvYWQgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ3ZpZGVvJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy1tZWRpYSBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnZG90cyc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLW1vcmUtdmVydGljYWwgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2Jpbic6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWRlbGV0ZSBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnZXllJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tdmlldyBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAncGVuY2lsJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tZWRpdCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAndW5saW5rJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tY2FuY2VsIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdmaWxlJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tZmlsZSBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnY2xhc3NTcGFuJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tbm90ZSBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnZXJhc2VyJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tY2xlYXJfZXJhc2VyIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdzdXBlcnNjcmlwdCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtc3Vic2NyaXB0IGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdzdWJzY3JpcHQnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLXN1cGVyc2NyaXB0IGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdjdXQnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLWN1dCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnY29weSc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWNvcHkgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ3Bhc3RlJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy1pbnNlcnQgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2NvcHlmb3JtYXQnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLXN0eWxlIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdocic6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtZGl2aWRlciBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnc3ltYm9scyc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtc3BlY2lhbC1zeW1ib2wgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ3ByaW50JzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tcHJpbnQgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2Fib3V0JzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24taGVscCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG5cclxuICAgIC8vIFRPRE8g0YLQsNC60L7QtSDQstC+0YIg0L3QsNC30LLQsNC90LjQtSDRgyDQuNC60L7QvdC60LguINCe0YHRgtCw0LLQu9GP0Y4g0L7QsdC1INC00L4g0YDQtdGE0LDQutGC0L7RgNC40L3Qs9CwXHJcbiAgICBjYXNlICdzcGVsbGNoZWNrJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy1zcGVsbC1jaGVja2luZyBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnX3N2Z192aWV3Qm94X18wXzBfNDhfNDhfX3htbG5zX19odHRwX19fd3d3X3czX29yZ18yMDAwX3N2Z19fX19wYXRoX2RfX00yNF84OV8zMmg0XzE4TDE4Xzg2XzZoXzNfNzFMNF85M18zMmg0XzE4bDJfMjVfNmgxMV8yOWwyXzI0XzZ6TTEyXzg2XzIyTDE3XzEwXzk1XzIxXzE0XzIyaF84XzI4em0zMF8zMV8xXzE3TDI3XzM5XzM0XzE5XzY2XzMybF8yXzgzXzJfODNMMjdfNDVsMTlfMTlfMl84M18yXzgzel9fX19fX3N2Z18nOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLXNwZWxsLWNoZWNraW5nIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcblxyXG4gICAgY2FzZSAnc2VsZWN0X2FsbCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtc2VsZWN0LWFsbCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG5cclxuICAgIGNhc2UgJ2Z1bGxzaXplJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tYXJyb3ctZXhwYW5kIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdzaHJpbmsnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1hcnJvdy1jb2xsYXBzZSBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG5cclxuICAgIGNhc2UgJ2VtcHR5JzpcclxuICAgIGNhc2UgJyc6XHJcbiAgICAgIHJldHVybiBudWxsXHJcbiAgICBkZWZhdWx0OlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1jbG9zZSBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gIH1cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hhbmdlLWljb24tbW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbXlydGEtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0vZWRpdG9yL21vZHVsZXMvY2hhbmdlLWljb24tbW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLG1CQUFtQixHQUFHLENBQUMsSUFBWSxFQUFFLE9BQVksRUFBRSxTQUFjLEVBQUUsRUFBRTtJQUNoRixRQUFRLFNBQVMsRUFBRTtRQUNqQixLQUFNLFdBQVc7WUFDZixPQUFPLDBFQUEwRSxDQUFBO1FBQ25GLEtBQUssTUFBTTtZQUNULE9BQU8sQ0FBQywwRUFBMEUsQ0FBQyxDQUFDO1FBQ3RGLEtBQUssZUFBZTtZQUNsQixPQUFPLG1GQUFtRixDQUFBO1FBQzVGLEtBQUssV0FBVztZQUNkLE9BQU8sQ0FBQywrRUFBK0UsQ0FBQyxDQUFDO1FBQzNGLEtBQUssUUFBUTtZQUNYLE9BQU8sNEVBQTRFLENBQUM7UUFDdEYsS0FBSyxNQUFNO1lBQ1QsT0FBTyx5REFBeUQsQ0FBQTtRQUNsRSxLQUFLLE1BQU07WUFDVCxPQUFPLHlEQUF5RCxDQUFBO1FBQ2xFLEtBQUssUUFBUTtZQUNYLE9BQU8seURBQXlELENBQUE7UUFDbEUsS0FBSyxRQUFRO1lBQ1gsT0FBTyx1REFBdUQsQ0FBQTtRQUNoRSxLQUFLLE9BQU87WUFDVixPQUFPLHdEQUF3RCxDQUFBO1FBQ2pFLEtBQUssUUFBUTtZQUNYLE9BQU8sd0VBQXdFLENBQUE7UUFDakYsS0FBSyxRQUFRO1lBQ1gsT0FBTyw2RUFBNkUsQ0FBQTtRQUN0RixLQUFLLE9BQU87WUFDVixPQUFPLDZFQUE2RSxDQUFBO1FBQ3RGLEtBQUssV0FBVztZQUNkLE9BQU8sMkVBQTJFLENBQUE7UUFDcEYsS0FBSyxRQUFRO1lBQ1gsT0FBTyx3RUFBd0UsQ0FBQTtRQUNqRixLQUFLLE9BQU87WUFDVixPQUFPLDJFQUEyRSxDQUFBO1FBQ3BGLEtBQUssWUFBWTtZQUNmLE9BQU8sSUFBSSxDQUFBO1FBQ2IsS0FBSyxNQUFNO1lBQ1QsT0FBTyxJQUFJLENBQUE7UUFDYixLQUFLLFFBQVE7WUFDWCxPQUFPLElBQUksQ0FBQTtRQUNiLEtBQUssTUFBTTtZQUNULE9BQU8sNEVBQTRFLENBQUE7UUFDckYsS0FBSyxVQUFVO1lBQ2IsT0FBTywwRUFBMEUsQ0FBQTtRQUNuRixLQUFLLE1BQU07WUFDVCxPQUFPLGdGQUFnRixDQUFBO1FBQ3pGLEtBQUssT0FBTztZQUNWLE9BQU8saUZBQWlGLENBQUE7UUFDMUYsS0FBSyxRQUFRO1lBQ1gsT0FBTyxrRkFBa0YsQ0FBQTtRQUMzRixLQUFLLFNBQVM7WUFDWixPQUFPLG1GQUFtRixDQUFBO1FBQzVGLEtBQUssWUFBWTtZQUNmLE9BQU8sNEVBQTRFLENBQUE7UUFDckYsS0FBSyxRQUFRO1lBQ1gsT0FBTyw2RUFBNkUsQ0FBQTtRQUN0RixLQUFLLFNBQVM7WUFDWixPQUFPLDhFQUE4RSxDQUFBO1FBQ3ZGLEtBQUssSUFBSTtZQUNQLE9BQU8sd0RBQXdELENBQUE7UUFDakUsS0FBSyxJQUFJO1lBQ1AsT0FBTywwREFBMEQsQ0FBQTtRQUNuRSxLQUFLLE1BQU07WUFDVCxPQUFPLHVEQUF1RCxDQUFBO1FBQ2hFLEtBQUssT0FBTztZQUNWLE9BQU8sd0RBQXdELENBQUE7UUFDakUsS0FBSyxRQUFRO1lBQ1gsT0FBTyx5REFBeUQsQ0FBQTtRQUNsRSxLQUFLLFFBQVE7WUFDWCxPQUFPLHlEQUF5RCxDQUFBO1FBQ2xFLEtBQUssT0FBTztZQUNWLE9BQU8sc0VBQXNFLENBQUE7UUFDL0UsS0FBSyxNQUFNO1lBQ1QsT0FBTyxnRUFBZ0UsQ0FBQTtRQUN6RSxLQUFLLEtBQUs7WUFDUixPQUFPLHlEQUF5RCxDQUFBO1FBQ2xFLEtBQUssS0FBSztZQUNSLE9BQU8sdURBQXVELENBQUE7UUFDaEUsS0FBSyxRQUFRO1lBQ1gsT0FBTyx1REFBdUQsQ0FBQTtRQUNoRSxLQUFLLFFBQVE7WUFDWCxPQUFPLHlEQUF5RCxDQUFBO1FBQ2xFLEtBQUssTUFBTTtZQUNULE9BQU8sdURBQXVELENBQUE7UUFDaEUsS0FBSyxXQUFXO1lBQ2QsT0FBTyx1REFBdUQsQ0FBQTtRQUNoRSxLQUFLLFFBQVE7WUFDWCxPQUFPLCtEQUErRCxDQUFBO1FBQ3hFLEtBQUssYUFBYTtZQUNoQixPQUFPLDBFQUEwRSxDQUFBO1FBQ25GLEtBQUssV0FBVztZQUNkLE9BQU8sNEVBQTRFLENBQUE7UUFDckYsS0FBSyxLQUFLO1lBQ1IsT0FBTyxvRUFBb0UsQ0FBQTtRQUM3RSxLQUFLLE1BQU07WUFDVCxPQUFPLHVEQUF1RCxDQUFBO1FBQ2hFLEtBQUssT0FBTztZQUNWLE9BQU8sdUVBQXVFLENBQUE7UUFDaEYsS0FBSyxZQUFZO1lBQ2YsT0FBTyxzRUFBc0UsQ0FBQTtRQUMvRSxLQUFLLElBQUk7WUFDUCxPQUFPLHdFQUF3RSxDQUFBO1FBQ2pGLEtBQUssU0FBUztZQUNaLE9BQU8sK0VBQStFLENBQUE7UUFDeEYsS0FBSyxPQUFPO1lBQ1YsT0FBTyx3REFBd0QsQ0FBQTtRQUNqRSxLQUFLLE9BQU87WUFDVixPQUFPLHVEQUF1RCxDQUFBO1FBRWhFLGlFQUFpRTtRQUNqRSxLQUFLLFlBQVk7WUFDZixPQUFPLCtFQUErRSxDQUFBO1FBQ3hGLEtBQUssaVBBQWlQO1lBQ3BQLE9BQU8sK0VBQStFLENBQUE7UUFFeEYsS0FBSyxZQUFZO1lBQ2YsT0FBTywyRUFBMkUsQ0FBQTtRQUVwRixLQUFLLFVBQVU7WUFDYixPQUFPLCtEQUErRCxDQUFBO1FBQ3hFLEtBQUssUUFBUTtZQUNYLE9BQU8saUVBQWlFLENBQUE7UUFFMUUsS0FBSyxPQUFPLENBQUM7UUFDYixLQUFLLEVBQUU7WUFDTCxPQUFPLElBQUksQ0FBQTtRQUNiO1lBQ0UsT0FBTyx3REFBd0QsQ0FBQTtLQUNsRTtBQUNILENBQUMsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBjaGFuZ2VJY29uc0Z1bmN0aW9uID0gKG5hbWU6IHN0cmluZywgY29udHJvbDogYW55LCBjbGVhck5hbWU6IGFueSkgPT4ge1xyXG4gIHN3aXRjaCAoY2xlYXJOYW1lKSB7XHJcbiAgICBjYXNlICAncGFyYWdyYXBoJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy1wYXJhZ3JhcGggaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2JvbGQnOlxyXG4gICAgICByZXR1cm4gKGA8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy10ZXh0LWJvbGQgaWNvbi1mb250LTI0XCI+PC9zcGFuPmApO1xyXG4gICAgY2FzZSAnc3RyaWtldGhyb3VnaCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtc3RyaWtldGhyb3VnaC10ZXh0IGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICd1bmRlcmxpbmUnOlxyXG4gICAgICByZXR1cm4gKGA8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy10ZXh0LXVuZGVybGluZSBpY29uLWZvbnQtMjRcIj48L3NwYW4+YCk7XHJcbiAgICBjYXNlICdpdGFsaWMnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLXRleHQtaXRhbGljIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nO1xyXG4gICAgY2FzZSAncmVkbyc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXJlbG9hZCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAndW5kbyc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXJldHVybiBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnc2VhcmNoJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tc2VhcmNoIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdzb3VyY2UnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1jb2RlIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICd0YWJsZSc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXRhYmxlIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICd2YWxpZ24nOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLXBhZGRpbmcgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ3NwbGl0dic6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtY29sdW1uLXNwbGl0IGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdtZXJnZSc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtY29sdW1uLW1lcmdlIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdhZGRjb2x1bW4nOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLWFkZC1jb2x1bW4gaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2FkZHJvdyc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtYWRkLXJvdyBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnYnJ1c2gnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLWZpbGwtY29sb3IgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ0JhY2tncm91bmQnOlxyXG4gICAgICByZXR1cm4gbnVsbFxyXG4gICAgY2FzZSAnVGV4dCc6XHJcbiAgICAgIHJldHVybiBudWxsXHJcbiAgICBjYXNlICdCb3JkZXInOlxyXG4gICAgICByZXR1cm4gbnVsbFxyXG4gICAgY2FzZSAnZm9udCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtZm9udC1mYW1pbHkgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2ZvbnRzaXplJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy1mb250LXNpemUgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2xlZnQnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLXRleHQtYWxpZ24tbGVmdCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAncmlnaHQnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLXRleHQtYWxpZ24tcmlnaHQgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2NlbnRlcic6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtdGV4dC1hbGlnbi1jZW50ZXIgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2p1c3RpZnknOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLXRleHQtYWxpZ24tanVzdGlmeSBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnbGluZUhlaWdodCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtbGluZS1oZWlnaHQgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2luZGVudCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtcGFkZGluZy1sZWZ0IGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdvdXRkZW50JzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy1wYWRkaW5nLXJpZ2h0IGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICd1bCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXBvaW50IGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdvbCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLW51bWJlcnMgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2xpbmsnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1saW5rIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdpbWFnZSc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWltYWdlIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdkZWxldGUnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1kZWxldGUgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ3VwbG9hZCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXVwbG9hZCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAndmlkZW8nOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLW1lZGlhIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdkb3RzJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tbW9yZS12ZXJ0aWNhbCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnYmluJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tZGVsZXRlIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdleWUnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi12aWV3IGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdwZW5jaWwnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1lZGl0IGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICd1bmxpbmsnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1jYW5jZWwgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2ZpbGUnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1maWxlIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdjbGFzc1NwYW4nOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1ub3RlIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdlcmFzZXInOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1jbGVhcl9lcmFzZXIgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ3N1cGVyc2NyaXB0JzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy1zdWJzY3JpcHQgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ3N1YnNjcmlwdCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtc3VwZXJzY3JpcHQgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2N1dCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtY3V0IGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdjb3B5JzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24tY29weSBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAncGFzdGUnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLWluc2VydCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnY29weWZvcm1hdCc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtc3R5bGUgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ2hyJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy1kaXZpZGVyIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdzeW1ib2xzJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy1zcGVjaWFsLXN5bWJvbCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAncHJpbnQnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1wcmludCBpY29uLWZvbnQtMjRcIj48L3NwYW4+J1xyXG4gICAgY2FzZSAnYWJvdXQnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1oZWxwIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcblxyXG4gICAgLy8gVE9ETyDRgtCw0LrQvtC1INCy0L7RgiDQvdCw0LfQstCw0L3QuNC1INGDINC40LrQvtC90LrQuC4g0J7RgdGC0LDQstC70Y/RjiDQvtCx0LUg0LTQviDRgNC10YTQsNC60YLQvtGA0LjQvdCz0LBcclxuICAgIGNhc2UgJ3NwZWxsY2hlY2snOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi13eXNpd3lnLWljb25zLXNwZWxsLWNoZWNraW5nIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgICBjYXNlICdfc3ZnX3ZpZXdCb3hfXzBfMF80OF80OF9feG1sbnNfX2h0dHBfX193d3dfdzNfb3JnXzIwMDBfc3ZnX19fX3BhdGhfZF9fTTI0Xzg5XzMyaDRfMThMMThfODZfNmhfM183MUw0XzkzXzMyaDRfMThsMl8yNV82aDExXzI5bDJfMjRfNnpNMTJfODZfMjJMMTdfMTBfOTVfMjFfMTRfMjJoXzhfMjh6bTMwXzMxXzFfMTdMMjdfMzlfMzRfMTlfNjZfMzJsXzJfODNfMl84M0wyN180NWwxOV8xOV8yXzgzXzJfODN6X19fX19fc3ZnXyc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLXd5c2l3eWctaWNvbnMtc3BlbGwtY2hlY2tpbmcgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuXHJcbiAgICBjYXNlICdzZWxlY3RfYWxsJzpcclxuICAgICAgcmV0dXJuICc8c3BhbiBjbGFzcz1cIm1yeC1pY29uIGljb24td3lzaXd5Zy1pY29ucy1zZWxlY3QtYWxsIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcblxyXG4gICAgY2FzZSAnZnVsbHNpemUnOlxyXG4gICAgICByZXR1cm4gJzxzcGFuIGNsYXNzPVwibXJ4LWljb24gaWNvbi1hcnJvdy1leHBhbmQgaWNvbi1mb250LTI0XCI+PC9zcGFuPidcclxuICAgIGNhc2UgJ3Nocmluayc6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWFycm93LWNvbGxhcHNlIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcblxyXG4gICAgY2FzZSAnZW1wdHknOlxyXG4gICAgY2FzZSAnJzpcclxuICAgICAgcmV0dXJuIG51bGxcclxuICAgIGRlZmF1bHQ6XHJcbiAgICAgIHJldHVybiAnPHNwYW4gY2xhc3M9XCJtcngtaWNvbiBpY29uLWNsb3NlIGljb24tZm9udC0yNFwiPjwvc3Bhbj4nXHJcbiAgfVxyXG59XHJcbiJdfQ==

package/esm2020/lib/components/form/input-file-image/input-file-image.component.mjs

@@ -294,10 +294,10 @@ export class InputFileImageComponent {
     }
 }
 InputFileImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputFileImageComponent, deps: [{ token: i1.FileUploadService }, { token: i2.SimpleModalService }], target: i0.ɵɵFactoryTarget.Component });
-InputFileImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: InputFileImageComponent, selector: "mrx-input-file-image", inputs: { type: "type", preview: "preview", customClasses: "customClasses", required: "required", disabled: "disabled", lightDisabled: "lightDisabled", maxSize: "maxSize", maxFiles: "maxFiles", minFiles: "minFiles", cropperMaxWidth: "cropperMaxWidth", cropperMaxHeight: "cropperMaxHeight", aspectRatio: "aspectRatio", formData: "formData", placeholder: "placeholder", uploadEndPoint: "uploadEndPoint", deleteEndPoint: "deleteEndPoint", downloadEndPoint: "downloadEndPoint", fileNamePlaceholder: "fileNamePlaceholder", deleteConfirm: "deleteConfirm", innerTemplate: "innerTemplate", initFiles: ["files", "initFiles"], initAllowedExtensions: ["allowedExtensions", "initAllowedExtensions"] }, outputs: { filesChanged: "filesChanged" }, ngImport: i0, template: "<div class=\"mrx-input-file-image\" [class]=\"getClasses\">\r\n\r\n  <ng-container *ngIf=\"type === 'default'\">\r\n    <ng-container *ngTemplateOutlet=\"innerTemplate; context:{}\"></ng-container>\r\n\r\n    <ngx-file-drop *ngIf=\"canAdd\" (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n        <div\r\n            class=\"mrx-input-file-image-input\"\r\n            (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n\r\n    <div class=\"mrx-input-file-image-preview\">\r\n      <div class=\"row\">\r\n        <div class=\"col col-12 col-sm-6 col-md-4 col-lg-3\" *ngFor=\"let file of files\">\r\n          <div class=\"mrx-input-file-image-preview-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n            <ng-container *ngIf=\"file.error\">\r\n              <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n              <div class=\"mrx-input-file-image-preview-item-error\">\r\n                <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                {{ file.error }}\r\n              </div>\r\n              <span class=\"mrx-input-file-image-preview-item-name\">\r\n                {{ file.name }}\r\n              </span>\r\n              <span class=\"mrx-input-file-image-preview-item-description\">\r\n                {{ formatBytes(file.size) }}\r\n              </span>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"file.uploading && !file.error\">\r\n              <div class=\"mrx-input-file-image-preview-item-uploading\">\r\n                <span class=\"mrx-input-file-image-preview-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                <div class=\"mrx-input-file-image-preview-item-uploading-progress\">\r\n                  <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n              <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n              <div class=\"mrx-input-file-image-preview-item-info\">\r\n                <span class=\"mrx-input-file-image-preview-item-name\">\r\n                  {{ file.name }}\r\n                </span>\r\n                <span class=\"mrx-input-file-image-preview-item-description\">\r\n                  {{ formatBytes(file.size) }}\r\n                </span>\r\n              </div>\r\n\r\n              <div class=\"mrx-input-file-image-controls\">\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                  <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                </div>\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                  <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"type === 'avatar'\">\r\n    <ngx-file-drop (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n\r\n        <div\r\n            *ngIf=\"!files.length; else avatarTemplate\"\r\n            class=\"mrx-input-file-image-input\"\r\n            [class.mrx-input-file-image__disabled]=\"disabled\"\r\n             (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n\r\n        <ng-template #avatarTemplate>\r\n          <div class=\"mrx-input-file-image-avatar\" (click)=\"openFileSelector()\">\r\n            <div *ngFor=\"let file of files\" class=\"w-100 h-100\">\r\n              <div class=\"mrx-input-file-image-avatar-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n                <ng-container *ngIf=\"file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-error\">\r\n                    <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                    {{ file.error }}\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"file.uploading && !file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-uploading\">\r\n                    <span class=\"mrx-input-file-image-avatar-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                    <div class=\"mrx-input-file-image-avatar-item-uploading-progress\">\r\n                      <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n                  <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n                  <div class=\"mrx-input-file-image-controls\">\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                      <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                    </div>\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                      <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n  </ng-container>\r\n</div>\r\n", styles: [".mrx-input-file-image{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-3)}.mrx-input-file-image-preview{width:100%}.mrx-input-file-image-preview-item{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-2);border:1px solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);transition:.2s;word-break:break-word;height:100%;padding:var(--spacing-4)}.mrx-input-file-image-preview-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image-preview-item.mrx-input-file-image-error{border:1px solid var(--system-bg-controls-negative-default)}.mrx-input-file-image-preview-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image-preview-item:hover{border-color:var(--neutral-bg-stroke-hover)}.mrx-input-file-image-preview-item-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.mrx-input-file-image-preview-item-name{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}.mrx-input-file-image-preview-item-description{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-secondary)}.mrx-input-file-image-preview-item-error{max-height:236px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--system-text-negative)}.mrx-input-file-image-preview-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center}.mrx-input-file-image-preview-item-uploading-progress{width:96px;height:4px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image-preview-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image-preview .row{row-gap:var(--spacing-3)}.mrx-input-file-image.mrx-input-file-image-type-avatar{max-width:154px;min-width:154px;min-height:154px;max-height:154px;height:154px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;word-break:break-word}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item:hover{border-color:var(--Main2)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-error{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;border:1px solid var(--system-bg-controls-negative-default);border-radius:var(--border-radius-1);color:var(--system-text-negative)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-3);width:100%;height:100%;border:1px solid var(--neutral-bg-stroke-default);border-radius:4px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-text{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-primary)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress{width:96px;height:4px;border-radius:2px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image .mrx-input-file-image-drop{width:100%;height:100%}.mrx-input-file-image .mrx-input-file-image-drop-disabled .mrx-input-file-image-input{border-color:var(--neutral-bg-stroke-default);background-color:var(--neutral-bg-disabled);cursor:default}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone{height:100%;border:none;border-radius:0}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone .ngx-file-drop__content{height:100%}.mrx-input-file-image-preview-item:hover .mrx-input-file-image-controls,.mrx-input-file-image-avatar-item:hover .mrx-input-file-image-controls{display:flex}.mrx-input-file-image-controls{position:absolute;top:-16px;right:-16px;background:#FFFFFF;box-shadow:0 1px 4px #3a3a3a4d;border-radius:5px;padding:5px;display:none}.mrx-input-file-image-controls-item{min-width:16px;height:16px;cursor:pointer}.mrx-input-file-image-controls-item:not(:last-child){position:relative;padding-right:8px;border-right:1px solid #BFC5CC;margin-right:8px}.mrx-input-file-image-input{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4);width:100%;height:100%;min-height:100px;gap:var(--spacing-2);border-radius:var(--border-radius-1);border:var(--border-width-default) dashed var(--neutral-bg-stroke-default);cursor:pointer}.mrx-input-file-image-input-placeholder{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-secondary)}.mrx-input-file-image-input-info{display:flex;flex-direction:column;align-items:center}.mrx-input-file-image-input-info *{font-size:var(--body-sm-font-size);font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);text-align:center;color:var(--neutral-text-secondary)}\n"], components: [{ type: i3.NgxFileDropComponent, selector: "ngx-file-drop", inputs: ["accept", "directory", "multiple", "dropZoneLabel", "dropZoneClassName", "useDragEnter", "contentClassName", "showBrowseBtn", "browseBtnClassName", "browseBtnLabel", "disabled"], outputs: ["onFileDrop", "onFileOver", "onFileLeave"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgxFileDropContentTemplateDirective, selector: "[ngx-file-drop-content-tmp]" }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
+InputFileImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: InputFileImageComponent, selector: "mrx-input-file-image", inputs: { type: "type", preview: "preview", customClasses: "customClasses", required: "required", disabled: "disabled", lightDisabled: "lightDisabled", maxSize: "maxSize", maxFiles: "maxFiles", minFiles: "minFiles", cropperMaxWidth: "cropperMaxWidth", cropperMaxHeight: "cropperMaxHeight", aspectRatio: "aspectRatio", formData: "formData", placeholder: "placeholder", uploadEndPoint: "uploadEndPoint", deleteEndPoint: "deleteEndPoint", downloadEndPoint: "downloadEndPoint", fileNamePlaceholder: "fileNamePlaceholder", deleteConfirm: "deleteConfirm", innerTemplate: "innerTemplate", initFiles: ["files", "initFiles"], initAllowedExtensions: ["allowedExtensions", "initAllowedExtensions"] }, outputs: { filesChanged: "filesChanged" }, ngImport: i0, template: "<div class=\"mrx-input-file-image\" [class]=\"getClasses\">\r\n\r\n  <ng-container *ngIf=\"type === 'default'\">\r\n    <ng-container *ngTemplateOutlet=\"innerTemplate; context:{}\"></ng-container>\r\n\r\n    <ngx-file-drop *ngIf=\"canAdd\" (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n        <div\r\n            class=\"mrx-input-file-image-input\"\r\n            (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n\r\n    <div class=\"mrx-input-file-image-preview\">\r\n      <div class=\"row\">\r\n        <div class=\"col col-12 col-sm-6 col-md-4 col-lg-3\" *ngFor=\"let file of files\">\r\n          <div class=\"mrx-input-file-image-preview-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n            <ng-container *ngIf=\"file.error\">\r\n              <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n              <div class=\"mrx-input-file-image-preview-item-error\">\r\n                <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                {{ file.error }}\r\n              </div>\r\n              <span class=\"mrx-input-file-image-preview-item-name\">\r\n                {{ file.name }}\r\n              </span>\r\n              <span class=\"mrx-input-file-image-preview-item-description\">\r\n                {{ formatBytes(file.size) }}\r\n              </span>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"file.uploading && !file.error\">\r\n              <div class=\"mrx-input-file-image-preview-item-uploading\">\r\n                <span class=\"mrx-input-file-image-preview-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                <div class=\"mrx-input-file-image-preview-item-uploading-progress\">\r\n                  <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n              <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n              <div class=\"mrx-input-file-image-preview-item-info\">\r\n                <span class=\"mrx-input-file-image-preview-item-name\">\r\n                  {{ file.name }}\r\n                </span>\r\n                <span class=\"mrx-input-file-image-preview-item-description\">\r\n                  {{ formatBytes(file.size) }}\r\n                </span>\r\n              </div>\r\n\r\n              <div class=\"mrx-input-file-image-controls\">\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                  <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                </div>\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                  <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"type === 'avatar'\">\r\n    <ngx-file-drop (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n\r\n        <div\r\n            *ngIf=\"!files.length; else avatarTemplate\"\r\n            class=\"mrx-input-file-image-input\"\r\n            [class.mrx-input-file-image__disabled]=\"disabled\"\r\n             (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n\r\n        <ng-template #avatarTemplate>\r\n          <div class=\"mrx-input-file-image-avatar\" (click)=\"openFileSelector()\">\r\n            <div *ngFor=\"let file of files\" class=\"w-100 h-100\">\r\n              <div class=\"mrx-input-file-image-avatar-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n                <ng-container *ngIf=\"file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-error\">\r\n                    <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                    {{ file.error }}\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"file.uploading && !file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-uploading\">\r\n                    <span class=\"mrx-input-file-image-avatar-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                    <div class=\"mrx-input-file-image-avatar-item-uploading-progress\">\r\n                      <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n                  <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n                  <div class=\"mrx-input-file-image-controls\">\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                      <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                    </div>\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                      <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n  </ng-container>\r\n</div>\r\n", styles: [".mrx-input-file-image{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-3)}.mrx-input-file-image-preview{width:100%}.mrx-input-file-image-preview-item{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-2);border:1px solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);transition:.2s;word-break:break-word;height:100%;padding:var(--spacing-4)}.mrx-input-file-image-preview-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image-preview-item.mrx-input-file-image-error{border:1px solid var(--system-bg-controls-negative-default)}.mrx-input-file-image-preview-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image-preview-item:hover{border-color:var(--neutral-bg-stroke-hover)}.mrx-input-file-image-preview-item-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.mrx-input-file-image-preview-item-name{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}.mrx-input-file-image-preview-item-description{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-secondary)}.mrx-input-file-image-preview-item-error{max-height:236px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--system-text-negative)}.mrx-input-file-image-preview-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center}.mrx-input-file-image-preview-item-uploading-progress{width:96px;height:4px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image-preview-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image-preview .row{row-gap:var(--spacing-3)}.mrx-input-file-image.mrx-input-file-image-type-avatar{max-width:154px;min-width:154px;min-height:154px;max-height:154px;height:154px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;word-break:break-word}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item:hover{border-color:var(--Main2)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-error{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;border:1px solid var(--system-bg-controls-negative-default);border-radius:var(--border-radius-1);color:var(--system-text-negative)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-3);width:100%;height:100%;border:1px solid var(--neutral-bg-stroke-default);border-radius:4px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-text{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-primary)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress{width:96px;height:4px;border-radius:2px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image .mrx-input-file-image-drop{width:100%;height:100%}.mrx-input-file-image .mrx-input-file-image-drop-disabled .mrx-input-file-image-input{border-color:var(--neutral-bg-stroke-default);background-color:var(--neutral-bg-disabled);cursor:default}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone{height:100%;border:none;border-radius:0}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone .ngx-file-drop__content{height:100%}.mrx-input-file-image-preview-item:hover .mrx-input-file-image-controls,.mrx-input-file-image-avatar-item:hover .mrx-input-file-image-controls{display:flex}.mrx-input-file-image-controls{position:absolute;top:-16px;right:-16px;background:#FFFFFF;box-shadow:0 1px 4px #3a3a3a4d;border-radius:5px;padding:5px;display:none}.mrx-input-file-image-controls-item{min-width:16px;height:16px;cursor:pointer}.mrx-input-file-image-controls-item:not(:last-child){position:relative;padding-right:8px;border-right:1px solid #BFC5CC;margin-right:8px}.mrx-input-file-image-input{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4);width:100%;height:100%;min-height:100px;gap:var(--spacing-2);border-radius:var(--border-radius-1);background-image:repeating-linear-gradient(0deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px),repeating-linear-gradient(90deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px),repeating-linear-gradient(180deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px),repeating-linear-gradient(270deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px);background-size:1px 100%,100% 1px,1px 100%,100% 1px;background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;cursor:pointer}.mrx-input-file-image-input-placeholder{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-secondary)}.mrx-input-file-image-input-info{display:flex;flex-direction:column;align-items:center}.mrx-input-file-image-input-info *{font-size:var(--body-sm-font-size);font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);text-align:center;color:var(--neutral-text-secondary)}\n"], components: [{ type: i3.NgxFileDropComponent, selector: "ngx-file-drop", inputs: ["accept", "directory", "multiple", "dropZoneLabel", "dropZoneClassName", "useDragEnter", "contentClassName", "showBrowseBtn", "browseBtnClassName", "browseBtnLabel", "disabled"], outputs: ["onFileDrop", "onFileOver", "onFileLeave"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgxFileDropContentTemplateDirective, selector: "[ngx-file-drop-content-tmp]" }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputFileImageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-input-file-image', encapsulation: ViewEncapsulation.None, template: "<div class=\"mrx-input-file-image\" [class]=\"getClasses\">\r\n\r\n  <ng-container *ngIf=\"type === 'default'\">\r\n    <ng-container *ngTemplateOutlet=\"innerTemplate; context:{}\"></ng-container>\r\n\r\n    <ngx-file-drop *ngIf=\"canAdd\" (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n        <div\r\n            class=\"mrx-input-file-image-input\"\r\n            (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n\r\n    <div class=\"mrx-input-file-image-preview\">\r\n      <div class=\"row\">\r\n        <div class=\"col col-12 col-sm-6 col-md-4 col-lg-3\" *ngFor=\"let file of files\">\r\n          <div class=\"mrx-input-file-image-preview-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n            <ng-container *ngIf=\"file.error\">\r\n              <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n              <div class=\"mrx-input-file-image-preview-item-error\">\r\n                <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                {{ file.error }}\r\n              </div>\r\n              <span class=\"mrx-input-file-image-preview-item-name\">\r\n                {{ file.name }}\r\n              </span>\r\n              <span class=\"mrx-input-file-image-preview-item-description\">\r\n                {{ formatBytes(file.size) }}\r\n              </span>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"file.uploading && !file.error\">\r\n              <div class=\"mrx-input-file-image-preview-item-uploading\">\r\n                <span class=\"mrx-input-file-image-preview-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                <div class=\"mrx-input-file-image-preview-item-uploading-progress\">\r\n                  <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n              <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n              <div class=\"mrx-input-file-image-preview-item-info\">\r\n                <span class=\"mrx-input-file-image-preview-item-name\">\r\n                  {{ file.name }}\r\n                </span>\r\n                <span class=\"mrx-input-file-image-preview-item-description\">\r\n                  {{ formatBytes(file.size) }}\r\n                </span>\r\n              </div>\r\n\r\n              <div class=\"mrx-input-file-image-controls\">\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                  <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                </div>\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                  <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"type === 'avatar'\">\r\n    <ngx-file-drop (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n\r\n        <div\r\n            *ngIf=\"!files.length; else avatarTemplate\"\r\n            class=\"mrx-input-file-image-input\"\r\n            [class.mrx-input-file-image__disabled]=\"disabled\"\r\n             (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n\r\n        <ng-template #avatarTemplate>\r\n          <div class=\"mrx-input-file-image-avatar\" (click)=\"openFileSelector()\">\r\n            <div *ngFor=\"let file of files\" class=\"w-100 h-100\">\r\n              <div class=\"mrx-input-file-image-avatar-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n                <ng-container *ngIf=\"file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-error\">\r\n                    <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                    {{ file.error }}\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"file.uploading && !file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-uploading\">\r\n                    <span class=\"mrx-input-file-image-avatar-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                    <div class=\"mrx-input-file-image-avatar-item-uploading-progress\">\r\n                      <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n                  <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n                  <div class=\"mrx-input-file-image-controls\">\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                      <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                    </div>\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                      <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n  </ng-container>\r\n</div>\r\n", styles: [".mrx-input-file-image{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-3)}.mrx-input-file-image-preview{width:100%}.mrx-input-file-image-preview-item{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-2);border:1px solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);transition:.2s;word-break:break-word;height:100%;padding:var(--spacing-4)}.mrx-input-file-image-preview-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image-preview-item.mrx-input-file-image-error{border:1px solid var(--system-bg-controls-negative-default)}.mrx-input-file-image-preview-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image-preview-item:hover{border-color:var(--neutral-bg-stroke-hover)}.mrx-input-file-image-preview-item-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.mrx-input-file-image-preview-item-name{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}.mrx-input-file-image-preview-item-description{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-secondary)}.mrx-input-file-image-preview-item-error{max-height:236px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--system-text-negative)}.mrx-input-file-image-preview-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center}.mrx-input-file-image-preview-item-uploading-progress{width:96px;height:4px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image-preview-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image-preview .row{row-gap:var(--spacing-3)}.mrx-input-file-image.mrx-input-file-image-type-avatar{max-width:154px;min-width:154px;min-height:154px;max-height:154px;height:154px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;word-break:break-word}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item:hover{border-color:var(--Main2)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-error{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;border:1px solid var(--system-bg-controls-negative-default);border-radius:var(--border-radius-1);color:var(--system-text-negative)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-3);width:100%;height:100%;border:1px solid var(--neutral-bg-stroke-default);border-radius:4px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-text{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-primary)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress{width:96px;height:4px;border-radius:2px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image .mrx-input-file-image-drop{width:100%;height:100%}.mrx-input-file-image .mrx-input-file-image-drop-disabled .mrx-input-file-image-input{border-color:var(--neutral-bg-stroke-default);background-color:var(--neutral-bg-disabled);cursor:default}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone{height:100%;border:none;border-radius:0}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone .ngx-file-drop__content{height:100%}.mrx-input-file-image-preview-item:hover .mrx-input-file-image-controls,.mrx-input-file-image-avatar-item:hover .mrx-input-file-image-controls{display:flex}.mrx-input-file-image-controls{position:absolute;top:-16px;right:-16px;background:#FFFFFF;box-shadow:0 1px 4px #3a3a3a4d;border-radius:5px;padding:5px;display:none}.mrx-input-file-image-controls-item{min-width:16px;height:16px;cursor:pointer}.mrx-input-file-image-controls-item:not(:last-child){position:relative;padding-right:8px;border-right:1px solid #BFC5CC;margin-right:8px}.mrx-input-file-image-input{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4);width:100%;height:100%;min-height:100px;gap:var(--spacing-2);border-radius:var(--border-radius-1);border:var(--border-width-default) dashed var(--neutral-bg-stroke-default);cursor:pointer}.mrx-input-file-image-input-placeholder{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-secondary)}.mrx-input-file-image-input-info{display:flex;flex-direction:column;align-items:center}.mrx-input-file-image-input-info *{font-size:var(--body-sm-font-size);font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);text-align:center;color:var(--neutral-text-secondary)}\n"] }]
+            args: [{ selector: 'mrx-input-file-image', encapsulation: ViewEncapsulation.None, template: "<div class=\"mrx-input-file-image\" [class]=\"getClasses\">\r\n\r\n  <ng-container *ngIf=\"type === 'default'\">\r\n    <ng-container *ngTemplateOutlet=\"innerTemplate; context:{}\"></ng-container>\r\n\r\n    <ngx-file-drop *ngIf=\"canAdd\" (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n        <div\r\n            class=\"mrx-input-file-image-input\"\r\n            (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n\r\n    <div class=\"mrx-input-file-image-preview\">\r\n      <div class=\"row\">\r\n        <div class=\"col col-12 col-sm-6 col-md-4 col-lg-3\" *ngFor=\"let file of files\">\r\n          <div class=\"mrx-input-file-image-preview-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n            <ng-container *ngIf=\"file.error\">\r\n              <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n              <div class=\"mrx-input-file-image-preview-item-error\">\r\n                <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                {{ file.error }}\r\n              </div>\r\n              <span class=\"mrx-input-file-image-preview-item-name\">\r\n                {{ file.name }}\r\n              </span>\r\n              <span class=\"mrx-input-file-image-preview-item-description\">\r\n                {{ formatBytes(file.size) }}\r\n              </span>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"file.uploading && !file.error\">\r\n              <div class=\"mrx-input-file-image-preview-item-uploading\">\r\n                <span class=\"mrx-input-file-image-preview-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                <div class=\"mrx-input-file-image-preview-item-uploading-progress\">\r\n                  <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n              <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n              <div class=\"mrx-input-file-image-preview-item-info\">\r\n                <span class=\"mrx-input-file-image-preview-item-name\">\r\n                  {{ file.name }}\r\n                </span>\r\n                <span class=\"mrx-input-file-image-preview-item-description\">\r\n                  {{ formatBytes(file.size) }}\r\n                </span>\r\n              </div>\r\n\r\n              <div class=\"mrx-input-file-image-controls\">\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                  <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                </div>\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                  <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"type === 'avatar'\">\r\n    <ngx-file-drop (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n\r\n        <div\r\n            *ngIf=\"!files.length; else avatarTemplate\"\r\n            class=\"mrx-input-file-image-input\"\r\n            [class.mrx-input-file-image__disabled]=\"disabled\"\r\n             (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n\r\n        <ng-template #avatarTemplate>\r\n          <div class=\"mrx-input-file-image-avatar\" (click)=\"openFileSelector()\">\r\n            <div *ngFor=\"let file of files\" class=\"w-100 h-100\">\r\n              <div class=\"mrx-input-file-image-avatar-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n                <ng-container *ngIf=\"file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-error\">\r\n                    <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                    {{ file.error }}\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"file.uploading && !file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-uploading\">\r\n                    <span class=\"mrx-input-file-image-avatar-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                    <div class=\"mrx-input-file-image-avatar-item-uploading-progress\">\r\n                      <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n                  <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n                  <div class=\"mrx-input-file-image-controls\">\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                      <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                    </div>\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                      <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n  </ng-container>\r\n</div>\r\n", styles: [".mrx-input-file-image{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-3)}.mrx-input-file-image-preview{width:100%}.mrx-input-file-image-preview-item{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-2);border:1px solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);transition:.2s;word-break:break-word;height:100%;padding:var(--spacing-4)}.mrx-input-file-image-preview-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image-preview-item.mrx-input-file-image-error{border:1px solid var(--system-bg-controls-negative-default)}.mrx-input-file-image-preview-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image-preview-item:hover{border-color:var(--neutral-bg-stroke-hover)}.mrx-input-file-image-preview-item-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.mrx-input-file-image-preview-item-name{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}.mrx-input-file-image-preview-item-description{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-secondary)}.mrx-input-file-image-preview-item-error{max-height:236px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--system-text-negative)}.mrx-input-file-image-preview-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center}.mrx-input-file-image-preview-item-uploading-progress{width:96px;height:4px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image-preview-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image-preview .row{row-gap:var(--spacing-3)}.mrx-input-file-image.mrx-input-file-image-type-avatar{max-width:154px;min-width:154px;min-height:154px;max-height:154px;height:154px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;word-break:break-word}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item:hover{border-color:var(--Main2)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-error{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;border:1px solid var(--system-bg-controls-negative-default);border-radius:var(--border-radius-1);color:var(--system-text-negative)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-3);width:100%;height:100%;border:1px solid var(--neutral-bg-stroke-default);border-radius:4px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-text{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-primary)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress{width:96px;height:4px;border-radius:2px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image .mrx-input-file-image-drop{width:100%;height:100%}.mrx-input-file-image .mrx-input-file-image-drop-disabled .mrx-input-file-image-input{border-color:var(--neutral-bg-stroke-default);background-color:var(--neutral-bg-disabled);cursor:default}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone{height:100%;border:none;border-radius:0}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone .ngx-file-drop__content{height:100%}.mrx-input-file-image-preview-item:hover .mrx-input-file-image-controls,.mrx-input-file-image-avatar-item:hover .mrx-input-file-image-controls{display:flex}.mrx-input-file-image-controls{position:absolute;top:-16px;right:-16px;background:#FFFFFF;box-shadow:0 1px 4px #3a3a3a4d;border-radius:5px;padding:5px;display:none}.mrx-input-file-image-controls-item{min-width:16px;height:16px;cursor:pointer}.mrx-input-file-image-controls-item:not(:last-child){position:relative;padding-right:8px;border-right:1px solid #BFC5CC;margin-right:8px}.mrx-input-file-image-input{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4);width:100%;height:100%;min-height:100px;gap:var(--spacing-2);border-radius:var(--border-radius-1);background-image:repeating-linear-gradient(0deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px),repeating-linear-gradient(90deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px),repeating-linear-gradient(180deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px),repeating-linear-gradient(270deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px);background-size:1px 100%,100% 1px,1px 100%,100% 1px;background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;cursor:pointer}.mrx-input-file-image-input-placeholder{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-secondary)}.mrx-input-file-image-input-info{display:flex;flex-direction:column;align-items:center}.mrx-input-file-image-input-info *{font-size:var(--body-sm-font-size);font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);text-align:center;color:var(--neutral-text-secondary)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.FileUploadService }, { type: i2.SimpleModalService }]; }, propDecorators: { type: [{
                 type: Input
             }], preview: [{

package/fesm2015/myrta-ui.mjs

@@ -10288,7 +10288,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImpor
         }] });
 
 const changeIconsFunction = (name, control, clearName) => {
-    console.log(clearName);
     switch (clearName) {
         case 'paragraph':
             return '<span class="mrx-icon icon-wysiwyg-icons-paragraph icon-font-24"></span>';
@@ -12304,10 +12303,10 @@ class InputFileImageComponent {
     }
 }
 InputFileImageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputFileImageComponent, deps: [{ token: FileUploadService }, { token: i2$2.SimpleModalService }], target: i0.ɵɵFactoryTarget.Component });
-InputFileImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: InputFileImageComponent, selector: "mrx-input-file-image", inputs: { type: "type", preview: "preview", customClasses: "customClasses", required: "required", disabled: "disabled", lightDisabled: "lightDisabled", maxSize: "maxSize", maxFiles: "maxFiles", minFiles: "minFiles", cropperMaxWidth: "cropperMaxWidth", cropperMaxHeight: "cropperMaxHeight", aspectRatio: "aspectRatio", formData: "formData", placeholder: "placeholder", uploadEndPoint: "uploadEndPoint", deleteEndPoint: "deleteEndPoint", downloadEndPoint: "downloadEndPoint", fileNamePlaceholder: "fileNamePlaceholder", deleteConfirm: "deleteConfirm", innerTemplate: "innerTemplate", initFiles: ["files", "initFiles"], initAllowedExtensions: ["allowedExtensions", "initAllowedExtensions"] }, outputs: { filesChanged: "filesChanged" }, ngImport: i0, template: "<div class=\"mrx-input-file-image\" [class]=\"getClasses\">\r\n\r\n  <ng-container *ngIf=\"type === 'default'\">\r\n    <ng-container *ngTemplateOutlet=\"innerTemplate; context:{}\"></ng-container>\r\n\r\n    <ngx-file-drop *ngIf=\"canAdd\" (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n        <div\r\n            class=\"mrx-input-file-image-input\"\r\n            (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n\r\n    <div class=\"mrx-input-file-image-preview\">\r\n      <div class=\"row\">\r\n        <div class=\"col col-12 col-sm-6 col-md-4 col-lg-3\" *ngFor=\"let file of files\">\r\n          <div class=\"mrx-input-file-image-preview-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n            <ng-container *ngIf=\"file.error\">\r\n              <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n              <div class=\"mrx-input-file-image-preview-item-error\">\r\n                <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                {{ file.error }}\r\n              </div>\r\n              <span class=\"mrx-input-file-image-preview-item-name\">\r\n                {{ file.name }}\r\n              </span>\r\n              <span class=\"mrx-input-file-image-preview-item-description\">\r\n                {{ formatBytes(file.size) }}\r\n              </span>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"file.uploading && !file.error\">\r\n              <div class=\"mrx-input-file-image-preview-item-uploading\">\r\n                <span class=\"mrx-input-file-image-preview-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                <div class=\"mrx-input-file-image-preview-item-uploading-progress\">\r\n                  <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n              <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n              <div class=\"mrx-input-file-image-preview-item-info\">\r\n                <span class=\"mrx-input-file-image-preview-item-name\">\r\n                  {{ file.name }}\r\n                </span>\r\n                <span class=\"mrx-input-file-image-preview-item-description\">\r\n                  {{ formatBytes(file.size) }}\r\n                </span>\r\n              </div>\r\n\r\n              <div class=\"mrx-input-file-image-controls\">\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                  <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                </div>\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                  <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"type === 'avatar'\">\r\n    <ngx-file-drop (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n\r\n        <div\r\n            *ngIf=\"!files.length; else avatarTemplate\"\r\n            class=\"mrx-input-file-image-input\"\r\n            [class.mrx-input-file-image__disabled]=\"disabled\"\r\n             (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n\r\n        <ng-template #avatarTemplate>\r\n          <div class=\"mrx-input-file-image-avatar\" (click)=\"openFileSelector()\">\r\n            <div *ngFor=\"let file of files\" class=\"w-100 h-100\">\r\n              <div class=\"mrx-input-file-image-avatar-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n                <ng-container *ngIf=\"file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-error\">\r\n                    <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                    {{ file.error }}\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"file.uploading && !file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-uploading\">\r\n                    <span class=\"mrx-input-file-image-avatar-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                    <div class=\"mrx-input-file-image-avatar-item-uploading-progress\">\r\n                      <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n                  <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n                  <div class=\"mrx-input-file-image-controls\">\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                      <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                    </div>\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                      <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n  </ng-container>\r\n</div>\r\n", styles: [".mrx-input-file-image{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-3)}.mrx-input-file-image-preview{width:100%}.mrx-input-file-image-preview-item{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-2);border:1px solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);transition:.2s;word-break:break-word;height:100%;padding:var(--spacing-4)}.mrx-input-file-image-preview-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image-preview-item.mrx-input-file-image-error{border:1px solid var(--system-bg-controls-negative-default)}.mrx-input-file-image-preview-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image-preview-item:hover{border-color:var(--neutral-bg-stroke-hover)}.mrx-input-file-image-preview-item-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.mrx-input-file-image-preview-item-name{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}.mrx-input-file-image-preview-item-description{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-secondary)}.mrx-input-file-image-preview-item-error{max-height:236px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--system-text-negative)}.mrx-input-file-image-preview-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center}.mrx-input-file-image-preview-item-uploading-progress{width:96px;height:4px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image-preview-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image-preview .row{row-gap:var(--spacing-3)}.mrx-input-file-image.mrx-input-file-image-type-avatar{max-width:154px;min-width:154px;min-height:154px;max-height:154px;height:154px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;word-break:break-word}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item:hover{border-color:var(--Main2)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-error{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;border:1px solid var(--system-bg-controls-negative-default);border-radius:var(--border-radius-1);color:var(--system-text-negative)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-3);width:100%;height:100%;border:1px solid var(--neutral-bg-stroke-default);border-radius:4px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-text{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-primary)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress{width:96px;height:4px;border-radius:2px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image .mrx-input-file-image-drop{width:100%;height:100%}.mrx-input-file-image .mrx-input-file-image-drop-disabled .mrx-input-file-image-input{border-color:var(--neutral-bg-stroke-default);background-color:var(--neutral-bg-disabled);cursor:default}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone{height:100%;border:none;border-radius:0}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone .ngx-file-drop__content{height:100%}.mrx-input-file-image-preview-item:hover .mrx-input-file-image-controls,.mrx-input-file-image-avatar-item:hover .mrx-input-file-image-controls{display:flex}.mrx-input-file-image-controls{position:absolute;top:-16px;right:-16px;background:#FFFFFF;box-shadow:0 1px 4px #3a3a3a4d;border-radius:5px;padding:5px;display:none}.mrx-input-file-image-controls-item{min-width:16px;height:16px;cursor:pointer}.mrx-input-file-image-controls-item:not(:last-child){position:relative;padding-right:8px;border-right:1px solid #BFC5CC;margin-right:8px}.mrx-input-file-image-input{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4);width:100%;height:100%;min-height:100px;gap:var(--spacing-2);border-radius:var(--border-radius-1);border:var(--border-width-default) dashed var(--neutral-bg-stroke-default);cursor:pointer}.mrx-input-file-image-input-placeholder{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-secondary)}.mrx-input-file-image-input-info{display:flex;flex-direction:column;align-items:center}.mrx-input-file-image-input-info *{font-size:var(--body-sm-font-size);font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);text-align:center;color:var(--neutral-text-secondary)}\n"], components: [{ type: i2$3.NgxFileDropComponent, selector: "ngx-file-drop", inputs: ["accept", "directory", "multiple", "dropZoneLabel", "dropZoneClassName", "useDragEnter", "contentClassName", "showBrowseBtn", "browseBtnClassName", "browseBtnLabel", "disabled"], outputs: ["onFileDrop", "onFileOver", "onFileLeave"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2$3.NgxFileDropContentTemplateDirective, selector: "[ngx-file-drop-content-tmp]" }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
+InputFileImageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.4.0", type: InputFileImageComponent, selector: "mrx-input-file-image", inputs: { type: "type", preview: "preview", customClasses: "customClasses", required: "required", disabled: "disabled", lightDisabled: "lightDisabled", maxSize: "maxSize", maxFiles: "maxFiles", minFiles: "minFiles", cropperMaxWidth: "cropperMaxWidth", cropperMaxHeight: "cropperMaxHeight", aspectRatio: "aspectRatio", formData: "formData", placeholder: "placeholder", uploadEndPoint: "uploadEndPoint", deleteEndPoint: "deleteEndPoint", downloadEndPoint: "downloadEndPoint", fileNamePlaceholder: "fileNamePlaceholder", deleteConfirm: "deleteConfirm", innerTemplate: "innerTemplate", initFiles: ["files", "initFiles"], initAllowedExtensions: ["allowedExtensions", "initAllowedExtensions"] }, outputs: { filesChanged: "filesChanged" }, ngImport: i0, template: "<div class=\"mrx-input-file-image\" [class]=\"getClasses\">\r\n\r\n  <ng-container *ngIf=\"type === 'default'\">\r\n    <ng-container *ngTemplateOutlet=\"innerTemplate; context:{}\"></ng-container>\r\n\r\n    <ngx-file-drop *ngIf=\"canAdd\" (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n        <div\r\n            class=\"mrx-input-file-image-input\"\r\n            (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n\r\n    <div class=\"mrx-input-file-image-preview\">\r\n      <div class=\"row\">\r\n        <div class=\"col col-12 col-sm-6 col-md-4 col-lg-3\" *ngFor=\"let file of files\">\r\n          <div class=\"mrx-input-file-image-preview-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n            <ng-container *ngIf=\"file.error\">\r\n              <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n              <div class=\"mrx-input-file-image-preview-item-error\">\r\n                <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                {{ file.error }}\r\n              </div>\r\n              <span class=\"mrx-input-file-image-preview-item-name\">\r\n                {{ file.name }}\r\n              </span>\r\n              <span class=\"mrx-input-file-image-preview-item-description\">\r\n                {{ formatBytes(file.size) }}\r\n              </span>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"file.uploading && !file.error\">\r\n              <div class=\"mrx-input-file-image-preview-item-uploading\">\r\n                <span class=\"mrx-input-file-image-preview-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                <div class=\"mrx-input-file-image-preview-item-uploading-progress\">\r\n                  <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n              <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n              <div class=\"mrx-input-file-image-preview-item-info\">\r\n                <span class=\"mrx-input-file-image-preview-item-name\">\r\n                  {{ file.name }}\r\n                </span>\r\n                <span class=\"mrx-input-file-image-preview-item-description\">\r\n                  {{ formatBytes(file.size) }}\r\n                </span>\r\n              </div>\r\n\r\n              <div class=\"mrx-input-file-image-controls\">\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                  <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                </div>\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                  <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"type === 'avatar'\">\r\n    <ngx-file-drop (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n\r\n        <div\r\n            *ngIf=\"!files.length; else avatarTemplate\"\r\n            class=\"mrx-input-file-image-input\"\r\n            [class.mrx-input-file-image__disabled]=\"disabled\"\r\n             (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n\r\n        <ng-template #avatarTemplate>\r\n          <div class=\"mrx-input-file-image-avatar\" (click)=\"openFileSelector()\">\r\n            <div *ngFor=\"let file of files\" class=\"w-100 h-100\">\r\n              <div class=\"mrx-input-file-image-avatar-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n                <ng-container *ngIf=\"file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-error\">\r\n                    <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                    {{ file.error }}\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"file.uploading && !file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-uploading\">\r\n                    <span class=\"mrx-input-file-image-avatar-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                    <div class=\"mrx-input-file-image-avatar-item-uploading-progress\">\r\n                      <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n                  <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n                  <div class=\"mrx-input-file-image-controls\">\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                      <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                    </div>\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                      <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n  </ng-container>\r\n</div>\r\n", styles: [".mrx-input-file-image{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-3)}.mrx-input-file-image-preview{width:100%}.mrx-input-file-image-preview-item{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-2);border:1px solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);transition:.2s;word-break:break-word;height:100%;padding:var(--spacing-4)}.mrx-input-file-image-preview-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image-preview-item.mrx-input-file-image-error{border:1px solid var(--system-bg-controls-negative-default)}.mrx-input-file-image-preview-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image-preview-item:hover{border-color:var(--neutral-bg-stroke-hover)}.mrx-input-file-image-preview-item-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.mrx-input-file-image-preview-item-name{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}.mrx-input-file-image-preview-item-description{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-secondary)}.mrx-input-file-image-preview-item-error{max-height:236px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--system-text-negative)}.mrx-input-file-image-preview-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center}.mrx-input-file-image-preview-item-uploading-progress{width:96px;height:4px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image-preview-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image-preview .row{row-gap:var(--spacing-3)}.mrx-input-file-image.mrx-input-file-image-type-avatar{max-width:154px;min-width:154px;min-height:154px;max-height:154px;height:154px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;word-break:break-word}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item:hover{border-color:var(--Main2)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-error{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;border:1px solid var(--system-bg-controls-negative-default);border-radius:var(--border-radius-1);color:var(--system-text-negative)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-3);width:100%;height:100%;border:1px solid var(--neutral-bg-stroke-default);border-radius:4px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-text{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-primary)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress{width:96px;height:4px;border-radius:2px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image .mrx-input-file-image-drop{width:100%;height:100%}.mrx-input-file-image .mrx-input-file-image-drop-disabled .mrx-input-file-image-input{border-color:var(--neutral-bg-stroke-default);background-color:var(--neutral-bg-disabled);cursor:default}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone{height:100%;border:none;border-radius:0}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone .ngx-file-drop__content{height:100%}.mrx-input-file-image-preview-item:hover .mrx-input-file-image-controls,.mrx-input-file-image-avatar-item:hover .mrx-input-file-image-controls{display:flex}.mrx-input-file-image-controls{position:absolute;top:-16px;right:-16px;background:#FFFFFF;box-shadow:0 1px 4px #3a3a3a4d;border-radius:5px;padding:5px;display:none}.mrx-input-file-image-controls-item{min-width:16px;height:16px;cursor:pointer}.mrx-input-file-image-controls-item:not(:last-child){position:relative;padding-right:8px;border-right:1px solid #BFC5CC;margin-right:8px}.mrx-input-file-image-input{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4);width:100%;height:100%;min-height:100px;gap:var(--spacing-2);border-radius:var(--border-radius-1);background-image:repeating-linear-gradient(0deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px),repeating-linear-gradient(90deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px),repeating-linear-gradient(180deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px),repeating-linear-gradient(270deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px);background-size:1px 100%,100% 1px,1px 100%,100% 1px;background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;cursor:pointer}.mrx-input-file-image-input-placeholder{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-secondary)}.mrx-input-file-image-input-info{display:flex;flex-direction:column;align-items:center}.mrx-input-file-image-input-info *{font-size:var(--body-sm-font-size);font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);text-align:center;color:var(--neutral-text-secondary)}\n"], components: [{ type: i2$3.NgxFileDropComponent, selector: "ngx-file-drop", inputs: ["accept", "directory", "multiple", "dropZoneLabel", "dropZoneClassName", "useDragEnter", "contentClassName", "showBrowseBtn", "browseBtnClassName", "browseBtnLabel", "disabled"], outputs: ["onFileDrop", "onFileOver", "onFileLeave"] }], directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2$3.NgxFileDropContentTemplateDirective, selector: "[ngx-file-drop-content-tmp]" }, { type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.4.0", ngImport: i0, type: InputFileImageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'mrx-input-file-image', encapsulation: ViewEncapsulation.None, template: "<div class=\"mrx-input-file-image\" [class]=\"getClasses\">\r\n\r\n  <ng-container *ngIf=\"type === 'default'\">\r\n    <ng-container *ngTemplateOutlet=\"innerTemplate; context:{}\"></ng-container>\r\n\r\n    <ngx-file-drop *ngIf=\"canAdd\" (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n        <div\r\n            class=\"mrx-input-file-image-input\"\r\n            (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n\r\n    <div class=\"mrx-input-file-image-preview\">\r\n      <div class=\"row\">\r\n        <div class=\"col col-12 col-sm-6 col-md-4 col-lg-3\" *ngFor=\"let file of files\">\r\n          <div class=\"mrx-input-file-image-preview-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n            <ng-container *ngIf=\"file.error\">\r\n              <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n              <div class=\"mrx-input-file-image-preview-item-error\">\r\n                <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                {{ file.error }}\r\n              </div>\r\n              <span class=\"mrx-input-file-image-preview-item-name\">\r\n                {{ file.name }}\r\n              </span>\r\n              <span class=\"mrx-input-file-image-preview-item-description\">\r\n                {{ formatBytes(file.size) }}\r\n              </span>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"file.uploading && !file.error\">\r\n              <div class=\"mrx-input-file-image-preview-item-uploading\">\r\n                <span class=\"mrx-input-file-image-preview-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                <div class=\"mrx-input-file-image-preview-item-uploading-progress\">\r\n                  <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n              <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n              <div class=\"mrx-input-file-image-preview-item-info\">\r\n                <span class=\"mrx-input-file-image-preview-item-name\">\r\n                  {{ file.name }}\r\n                </span>\r\n                <span class=\"mrx-input-file-image-preview-item-description\">\r\n                  {{ formatBytes(file.size) }}\r\n                </span>\r\n              </div>\r\n\r\n              <div class=\"mrx-input-file-image-controls\">\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                  <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                </div>\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                  <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"type === 'avatar'\">\r\n    <ngx-file-drop (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n\r\n        <div\r\n            *ngIf=\"!files.length; else avatarTemplate\"\r\n            class=\"mrx-input-file-image-input\"\r\n            [class.mrx-input-file-image__disabled]=\"disabled\"\r\n             (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n\r\n        <ng-template #avatarTemplate>\r\n          <div class=\"mrx-input-file-image-avatar\" (click)=\"openFileSelector()\">\r\n            <div *ngFor=\"let file of files\" class=\"w-100 h-100\">\r\n              <div class=\"mrx-input-file-image-avatar-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n                <ng-container *ngIf=\"file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-error\">\r\n                    <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                    {{ file.error }}\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"file.uploading && !file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-uploading\">\r\n                    <span class=\"mrx-input-file-image-avatar-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                    <div class=\"mrx-input-file-image-avatar-item-uploading-progress\">\r\n                      <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n                  <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n                  <div class=\"mrx-input-file-image-controls\">\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                      <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                    </div>\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                      <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n  </ng-container>\r\n</div>\r\n", styles: [".mrx-input-file-image{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-3)}.mrx-input-file-image-preview{width:100%}.mrx-input-file-image-preview-item{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-2);border:1px solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);transition:.2s;word-break:break-word;height:100%;padding:var(--spacing-4)}.mrx-input-file-image-preview-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image-preview-item.mrx-input-file-image-error{border:1px solid var(--system-bg-controls-negative-default)}.mrx-input-file-image-preview-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image-preview-item:hover{border-color:var(--neutral-bg-stroke-hover)}.mrx-input-file-image-preview-item-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.mrx-input-file-image-preview-item-name{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}.mrx-input-file-image-preview-item-description{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-secondary)}.mrx-input-file-image-preview-item-error{max-height:236px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--system-text-negative)}.mrx-input-file-image-preview-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center}.mrx-input-file-image-preview-item-uploading-progress{width:96px;height:4px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image-preview-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image-preview .row{row-gap:var(--spacing-3)}.mrx-input-file-image.mrx-input-file-image-type-avatar{max-width:154px;min-width:154px;min-height:154px;max-height:154px;height:154px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;word-break:break-word}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item:hover{border-color:var(--Main2)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-error{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;border:1px solid var(--system-bg-controls-negative-default);border-radius:var(--border-radius-1);color:var(--system-text-negative)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-3);width:100%;height:100%;border:1px solid var(--neutral-bg-stroke-default);border-radius:4px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-text{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-primary)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress{width:96px;height:4px;border-radius:2px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image .mrx-input-file-image-drop{width:100%;height:100%}.mrx-input-file-image .mrx-input-file-image-drop-disabled .mrx-input-file-image-input{border-color:var(--neutral-bg-stroke-default);background-color:var(--neutral-bg-disabled);cursor:default}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone{height:100%;border:none;border-radius:0}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone .ngx-file-drop__content{height:100%}.mrx-input-file-image-preview-item:hover .mrx-input-file-image-controls,.mrx-input-file-image-avatar-item:hover .mrx-input-file-image-controls{display:flex}.mrx-input-file-image-controls{position:absolute;top:-16px;right:-16px;background:#FFFFFF;box-shadow:0 1px 4px #3a3a3a4d;border-radius:5px;padding:5px;display:none}.mrx-input-file-image-controls-item{min-width:16px;height:16px;cursor:pointer}.mrx-input-file-image-controls-item:not(:last-child){position:relative;padding-right:8px;border-right:1px solid #BFC5CC;margin-right:8px}.mrx-input-file-image-input{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4);width:100%;height:100%;min-height:100px;gap:var(--spacing-2);border-radius:var(--border-radius-1);border:var(--border-width-default) dashed var(--neutral-bg-stroke-default);cursor:pointer}.mrx-input-file-image-input-placeholder{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-secondary)}.mrx-input-file-image-input-info{display:flex;flex-direction:column;align-items:center}.mrx-input-file-image-input-info *{font-size:var(--body-sm-font-size);font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);text-align:center;color:var(--neutral-text-secondary)}\n"] }]
+            args: [{ selector: 'mrx-input-file-image', encapsulation: ViewEncapsulation.None, template: "<div class=\"mrx-input-file-image\" [class]=\"getClasses\">\r\n\r\n  <ng-container *ngIf=\"type === 'default'\">\r\n    <ng-container *ngTemplateOutlet=\"innerTemplate; context:{}\"></ng-container>\r\n\r\n    <ngx-file-drop *ngIf=\"canAdd\" (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n        <div\r\n            class=\"mrx-input-file-image-input\"\r\n            (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n\r\n    <div class=\"mrx-input-file-image-preview\">\r\n      <div class=\"row\">\r\n        <div class=\"col col-12 col-sm-6 col-md-4 col-lg-3\" *ngFor=\"let file of files\">\r\n          <div class=\"mrx-input-file-image-preview-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n            <ng-container *ngIf=\"file.error\">\r\n              <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n              <div class=\"mrx-input-file-image-preview-item-error\">\r\n                <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                {{ file.error }}\r\n              </div>\r\n              <span class=\"mrx-input-file-image-preview-item-name\">\r\n                {{ file.name }}\r\n              </span>\r\n              <span class=\"mrx-input-file-image-preview-item-description\">\r\n                {{ formatBytes(file.size) }}\r\n              </span>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"file.uploading && !file.error\">\r\n              <div class=\"mrx-input-file-image-preview-item-uploading\">\r\n                <span class=\"mrx-input-file-image-preview-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                <div class=\"mrx-input-file-image-preview-item-uploading-progress\">\r\n                  <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n\r\n            <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n              <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n              <div class=\"mrx-input-file-image-preview-item-info\">\r\n                <span class=\"mrx-input-file-image-preview-item-name\">\r\n                  {{ file.name }}\r\n                </span>\r\n                <span class=\"mrx-input-file-image-preview-item-description\">\r\n                  {{ formatBytes(file.size) }}\r\n                </span>\r\n              </div>\r\n\r\n              <div class=\"mrx-input-file-image-controls\">\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                  <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                </div>\r\n                <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                  <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                </div>\r\n              </div>\r\n            </ng-container>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <ng-container *ngIf=\"type === 'avatar'\">\r\n    <ngx-file-drop (onFileDrop)=\"dropped($event)\"\r\n                   [className]=\"getDropZoneClasses\"\r\n                   [accept]=\"extensions || ''\"\r\n                   [disabled]=\"disabled\"\r\n                   (onFileOver)=\"fileOver($event)\" (onFileLeave)=\"fileLeave($event)\">\r\n      <ng-template ngx-file-drop-content-tmp let-openFileSelector=\"openFileSelector\">\r\n\r\n        <div\r\n            *ngIf=\"!files.length; else avatarTemplate\"\r\n            class=\"mrx-input-file-image-input\"\r\n            [class.mrx-input-file-image__disabled]=\"disabled\"\r\n             (click)=\"!disabled ? openFileSelector() : undefined\"\r\n        >\r\n          <span class=\"mrx-input-file-image-input-placeholder\">{{placeholder || getDefaultPlaceholder}}</span>\r\n          <div class=\"mrx-input-file-image-input-info\">\r\n            <span>\u0420\u0430\u0437\u043C\u0435\u0440 \u0444\u0430\u0439\u043B\u0430: \u0434\u043E {{formatBytes(maxSize)}}</span>\r\n            <span *ngIf=\"extensions\">\u0424\u043E\u0440\u043C\u0430\u0442 \u0444\u0430\u0439\u043B\u0430: {{extensions}}</span>\r\n          </div>\r\n        </div>\r\n\r\n        <ng-template #avatarTemplate>\r\n          <div class=\"mrx-input-file-image-avatar\" (click)=\"openFileSelector()\">\r\n            <div *ngFor=\"let file of files\" class=\"w-100 h-100\">\r\n              <div class=\"mrx-input-file-image-avatar-item\" [class.mrx-input-file-image-error]=\"file.error\">\r\n                <ng-container *ngIf=\"file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-error\">\r\n                    <span class=\"mrx-icon icon-image icon-font-24 icon-filled-color-negative\"></span>\r\n                    {{ file.error }}\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"file.uploading && !file.error\">\r\n                  <span class=\"mrx-icon icon-close icon-font-24\" (click)=\"delete($event, file)\"></span>\r\n                  <div class=\"mrx-input-file-image-avatar-item-uploading\">\r\n                    <span class=\"mrx-input-file-image-avatar-item-uploading-text\">\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430...</span>\r\n                    <div class=\"mrx-input-file-image-avatar-item-uploading-progress\">\r\n                      <span [ngStyle]=\"{width: file.percentage + '%'}\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n\r\n                <ng-container *ngIf=\"!file.uploading && !file.error\">\r\n                  <img [src]=\"file.url || downloadUrl(file)\" [alt]=\"file.name\">\r\n\r\n                  <div class=\"mrx-input-file-image-controls\">\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"changePreview($event, file)\">\r\n                      <span class=\"mrx-icon icon-pen icon-font-16\"></span>\r\n                    </div>\r\n                    <div class=\"mrx-input-file-image-controls-item\" (click)=\"delete($event, file)\">\r\n                      <span class=\"mrx-icon icon-delete icon-font-16\"></span>\r\n                    </div>\r\n                  </div>\r\n                </ng-container>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </ng-template>\r\n\r\n      </ng-template>\r\n    </ngx-file-drop>\r\n  </ng-container>\r\n</div>\r\n", styles: [".mrx-input-file-image{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-3)}.mrx-input-file-image-preview{width:100%}.mrx-input-file-image-preview-item{position:relative;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--spacing-2);border:1px solid var(--neutral-bg-stroke-default);border-radius:var(--border-radius-1);transition:.2s;word-break:break-word;height:100%;padding:var(--spacing-4)}.mrx-input-file-image-preview-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image-preview-item.mrx-input-file-image-error{border:1px solid var(--system-bg-controls-negative-default)}.mrx-input-file-image-preview-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image-preview-item:hover{border-color:var(--neutral-bg-stroke-hover)}.mrx-input-file-image-preview-item-info{display:flex;flex-direction:column;gap:var(--spacing-2)}.mrx-input-file-image-preview-item-name{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-primary)}.mrx-input-file-image-preview-item-description{font-family:var(--body-md-font-family);font-size:var(--body-md-font-size);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);color:var(--neutral-text-secondary)}.mrx-input-file-image-preview-item-error{max-height:236px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--system-text-negative)}.mrx-input-file-image-preview-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center}.mrx-input-file-image-preview-item-uploading-progress{width:96px;height:4px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image-preview-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image-preview .row{row-gap:var(--spacing-3)}.mrx-input-file-image.mrx-input-file-image-type-avatar{max-width:154px;min-width:154px;min-height:154px;max-height:154px;height:154px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar{display:flex;align-items:center;justify-content:center;cursor:pointer;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item{position:relative;display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;word-break:break-word}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item .icon-close{position:absolute;top:8px;right:8px;cursor:pointer}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item img{word-wrap:break-word;max-height:236px;object-fit:cover;width:100%;height:100%}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item:hover{border-color:var(--Main2)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-error{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;border:1px solid var(--system-bg-controls-negative-default);border-radius:var(--border-radius-1);color:var(--system-text-negative)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-3);width:100%;height:100%;border:1px solid var(--neutral-bg-stroke-default);border-radius:4px}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-text{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-primary)}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress{width:96px;height:4px;border-radius:2px;background-color:var(--neutral-bg-island-default);display:flex;justify-content:flex-start}.mrx-input-file-image.mrx-input-file-image-type-avatar .mrx-input-file-image-avatar-item-uploading-progress span{display:block;height:100%;width:0;background-color:var(--brand-bg-primary-default);border-radius:2px}.mrx-input-file-image .mrx-input-file-image-drop{width:100%;height:100%}.mrx-input-file-image .mrx-input-file-image-drop-disabled .mrx-input-file-image-input{border-color:var(--neutral-bg-stroke-default);background-color:var(--neutral-bg-disabled);cursor:default}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone{height:100%;border:none;border-radius:0}.mrx-input-file-image .mrx-input-file-image-drop .ngx-file-drop__drop-zone .ngx-file-drop__content{height:100%}.mrx-input-file-image-preview-item:hover .mrx-input-file-image-controls,.mrx-input-file-image-avatar-item:hover .mrx-input-file-image-controls{display:flex}.mrx-input-file-image-controls{position:absolute;top:-16px;right:-16px;background:#FFFFFF;box-shadow:0 1px 4px #3a3a3a4d;border-radius:5px;padding:5px;display:none}.mrx-input-file-image-controls-item{min-width:16px;height:16px;cursor:pointer}.mrx-input-file-image-controls-item:not(:last-child){position:relative;padding-right:8px;border-right:1px solid #BFC5CC;margin-right:8px}.mrx-input-file-image-input{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-4);width:100%;height:100%;min-height:100px;gap:var(--spacing-2);border-radius:var(--border-radius-1);background-image:repeating-linear-gradient(0deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px),repeating-linear-gradient(90deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px),repeating-linear-gradient(180deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px),repeating-linear-gradient(270deg,var(--neutral-bg-stroke-default, #DAD5CE),var(--neutral-bg-stroke-default, #DAD5CE) 6px,transparent 6px,transparent 10px,var(--neutral-bg-stroke-default, #DAD5CE) 10px);background-size:1px 100%,100% 1px,1px 100%,100% 1px;background-position:0 0,0 0,100% 0,0 100%;background-repeat:no-repeat;cursor:pointer}.mrx-input-file-image-input-placeholder{font-size:var(--body-md-font-size);font-family:var(--body-md-font-family);font-weight:var(--body-md-font-weight);line-height:var(--body-md-line-height);text-align:center;color:var(--neutral-text-secondary)}.mrx-input-file-image-input-info{display:flex;flex-direction:column;align-items:center}.mrx-input-file-image-input-info *{font-size:var(--body-sm-font-size);font-family:var(--body-sm-font-family);font-weight:var(--body-sm-font-weight);line-height:var(--body-sm-line-height);text-align:center;color:var(--neutral-text-secondary)}\n"] }]
         }], ctorParameters: function () { return [{ type: FileUploadService }, { type: i2$2.SimpleModalService }]; }, propDecorators: { type: [{
                 type: Input
             }], preview: [{