Enable mobile editing

For Bug 59971

apps/api/documents/api.js

@@ -218,6 +218,7 @@
                     hideRulers: false // hide or show rulers on first loading (presentation or document editor)
                     hideNotes: false // hide or show notes panel on first loading (presentation editor)
                     uiTheme: 'theme-dark' // set interface theme: id or default-dark/default-light
+                    integrationMode: "embed" // turn off scroll to frame
                 },
                  coEditing: {
                      mode: 'fast', // <coauthoring mode>, 'fast' or 'strict'. if 'fast' and 'customization.autosave'=false -> set 'customization.autosave'=true. 'fast' - default for editor
@@ -490,6 +491,9 @@
 
         if (target && _checkConfigParams()) {
             iframe = createIframe(_config);
+            if (_config.editorConfig.customization && _config.editorConfig.customization.integrationMode==='embed')
+                window.AscEmbed && window.AscEmbed.initWorker(iframe);
+
             if (iframe.src) {
                 var pathArray = iframe.src.split('/');
                 this.frameOrigin = pathArray[0] + '//' + pathArray[2];
@@ -974,25 +978,6 @@
         return params;
     }
 
-    function getFrameTitle(config) {
-        var title = 'Powerful online editor for text documents, spreadsheets, and presentations';
-        var appMap = {
-            'text': 'text documents',
-            'spreadsheet': 'spreadsheets',
-            'presentation': 'presentations',
-            'word': 'text documents',
-            'cell': 'spreadsheets',
-            'slide': 'presentations'
-        };
-
-        if (typeof config.documentType === 'string') {
-            var app = appMap[config.documentType.toLowerCase()];
-            if (app)
-                title = 'Powerful online editor for ' + app;
-        }
-        return title;
-    }
-
     function createIframe(config) {
         var iframe = document.createElement("iframe");
 
@@ -1002,7 +987,7 @@
         iframe.align = "top";
         iframe.frameBorder = 0;
         iframe.name = "frameEditor";
-        iframe.title = getFrameTitle(config);
+        config.title && (typeof config.title === 'string') && (iframe.title = config.title);
         iframe.allowFullscreen = true;
         iframe.setAttribute("allowfullscreen",""); // for IE11
         iframe.setAttribute("onmousewheel",""); // for Safari on Mac

apps/common/forms/resources/less/common.less

@@ -5,6 +5,7 @@
 @import "../../../../common/main/resources/less/colors-table.less";
 @import "../../../../common/main/resources/less/colors-table-classic.less";
 @import "../../../../common/main/resources/less/colors-table-dark.less";
+@import "../../../../common/main/resources/less/colors-table-dark-contrast.less";
 
 // Core variables and mixins
 //@import "../../../../../vendor/bootstrap/less/variables.less";
@@ -226,7 +227,7 @@
     background: data-uri('../../../../common/main/resources/img/header/dark-logo_s.svg') no-repeat;
 }
 
-.theme-dark {
+.theme-type-dark {
     .brand-logo {
         background: data-uri('../../../../common/main/resources/img/header/header-logo_s.svg') no-repeat;
     }
@@ -432,7 +433,7 @@
 @icon-width: 20px;
 @icon-height: 20px;
 
-.theme-dark {
+.theme-type-dark {
     @neg-value: -@icon-height;
     --icon-normal-top: @neg-value;
 }

apps/common/locale.js

@@ -88,6 +88,10 @@ Common.Locale = new(function() {
         return currentLang;
     };
 
+    var _getDefaultLanguage = function() {
+        return defLang;
+    };
+
     var _getLoadedLanguage = function() {
         return loadedLang;
     };
@@ -170,7 +174,8 @@ Common.Locale = new(function() {
     return {
         apply: _applyLocalization,
         get: _get,
-        getCurrentLanguage: _getCurrentLanguage
+        getCurrentLanguage: _getCurrentLanguage,
+        getDefaultLanguage: _getDefaultLanguage
     };
     
 })();

apps/common/main/lib/controller/Desktop.js

@@ -45,7 +45,8 @@ define([
         version: '{{PRODUCT_VERSION}}',
         eventloading: true,
         titlebuttons: true,
-        uithemes: true
+        uithemes: true,
+        quickprint: true,
     };
 
     var native = window.desktop || window.AscDesktopEditor;
@@ -166,7 +167,8 @@ define([
                 action: action,
                 icon: config.icon || undefined,
                 hint: config.btn.options.hint,
-                disabled: config.btn.isDisabled()
+                disabled: config.btn.isDisabled(),
+                visible: config.visible,
             };
         };
 
@@ -199,13 +201,12 @@ define([
             };
 
             if ( !!titlebuttons ) {
-                info.hints = {
-                    'print': titlebuttons['print'].btn.btnEl.attr('data-hint-title'),
-                    // 'home': Common.UI.HintManager.getStaticHint('btnhome'),
-                    'undo': titlebuttons['undo'].btn.btnEl.attr('data-hint-title'),
-                    'redo': titlebuttons['redo'].btn.btnEl.attr('data-hint-title'),
-                    'save': titlebuttons['save'].btn.btnEl.attr('data-hint-title'),
-                };
+                info.hints = {};
+                !!titlebuttons['print'] && (info.hints['print'] = titlebuttons['print'].btn.btnEl.attr('data-hint-title'));
+                !!titlebuttons['quickprint'] && (info.hints['quickprint'] = titlebuttons['quickprint'].btn.btnEl.attr('data-hint-title'));
+                !!titlebuttons['undo'] && (info.hints['undo'] = titlebuttons['undo'].btn.btnEl.attr('data-hint-title'));
+                !!titlebuttons['redo'] && (info.hints['redo'] = titlebuttons['redo'].btn.btnEl.attr('data-hint-title'));
+                !!titlebuttons['save'] && (info.hints['save'] = titlebuttons['save'].btn.btnEl.attr('data-hint-title'));
             }
 
             native.execCommand('althints:show', JSON.stringify(info));
@@ -218,6 +219,24 @@ define([
             }
         }
 
+        const _onApplySettings = function (menu) {
+            if ( !!titlebuttons.quickprint ) {
+                const var_name = window.SSE ? 'sse-settings-quick-print-button' :
+                                    window.PE ? 'pe-settings-quick-print-button' : 'de-settings-quick-print-button';
+                const is_btn_visible = Common.localStorage.getBool(var_name, false);
+
+                if ( titlebuttons.quickprint.visible != is_btn_visible ) {
+                    titlebuttons.quickprint.visible = is_btn_visible;
+                    const obj = {
+                        visible: {
+                            quickprint: is_btn_visible,
+                        }
+                    };
+                    native.execCommand('title:button', JSON.stringify(obj));
+                }
+            }
+        }
+
         return {
             init: function (opts) {
                 _.extend(config, opts);
@@ -235,9 +254,45 @@ define([
 
                     Common.NotificationCenter.on('document:ready', function () {
                         if ( config.isEdit ) {
-                            var maincontroller = webapp.getController('Main');
-                            if (maincontroller.api.asc_isReadOnly && maincontroller.api.asc_isReadOnly()) {
-                                maincontroller.warningDocumentIsLocked();
+                            function get_locked_message (t) {
+                                switch (t) {
+                                // case Asc.c_oAscLocalRestrictionType.Nosafe:
+                                case Asc.c_oAscLocalRestrictionType.ReadOnly:
+                                    return Common.Locale.get("tipFileReadOnly",{name:"Common.Translation", default: "Document is read only. You can make changes and save its local copy later."});
+                                default: return Common.Locale.get("tipFileLocked",{name:"Common.Translation", default: "Document is locked for editing. You can make changes and save its local copy later."});
+                                }
+                            }
+
+                            const header = webapp.getController('Viewport').getView('Common.Views.Header');
+                            const api = webapp.getController('Main').api;
+                            const locktype = api.asc_getLocalRestrictions ? api.asc_getLocalRestrictions() : Asc.c_oAscLocalRestrictionType.None;
+                            if ( Asc.c_oAscLocalRestrictionType.None !== locktype ) {
+                                features.readonly = true;
+
+                                header.setDocumentReadOnly(true);
+                                api.asc_setLocalRestrictions(Asc.c_oAscLocalRestrictionType.None);
+
+                                (new Common.UI.SynchronizeTip({
+                                    extCls: 'no-arrow',
+                                    placement: 'bottom',
+                                    target: $('.toolbar'),
+                                    text: get_locked_message(locktype),
+                                    showLink: false,
+                                })).on('closeclick', function () {
+                                    this.close();
+                                }).show();
+
+                                native.execCommand('webapps:features', JSON.stringify(features));
+
+                                api.asc_registerCallback('asc_onDocumentName', function () {
+                                    if ( features.readonly ) {
+                                        if ( api.asc_getLocalRestrictions() == Asc.c_oAscLocalRestrictionType.None ) {
+                                            features.readonly = false;
+                                            header.setDocumentReadOnly(false);
+                                            native.execCommand('webapps:features', JSON.stringify(features));
+                                        }
+                                    }
+                                });
                             }
                         }
                     });
@@ -249,7 +304,7 @@ define([
 
                         titlebuttons = {};
                         if ( mode.isEdit ) {
-                            var header = webapp.getController('Viewport').getView('Common.Views.Header');
+                            const header = webapp.getController('Viewport').getView('Common.Views.Header');
                             if (!!header.btnSave) {
                                 titlebuttons['save'] = {btn: header.btnSave};
 
@@ -260,6 +315,13 @@ define([
                             if (!!header.btnPrint)
                                 titlebuttons['print'] = {btn: header.btnPrint};
 
+                            if (!!header.btnPrintQuick) {
+                                titlebuttons['quickprint'] = {
+                                    btn: header.btnPrintQuick,
+                                    visible: header.btnPrintQuick.isVisible(),
+                                };
+                            }
+
                             if (!!header.btnUndo)
                                 titlebuttons['undo'] = {btn: header.btnUndo};
 
@@ -290,10 +352,15 @@ define([
                     Common.NotificationCenter.on({
                         'modal:show': _onModalDialog.bind(this, 'open'),
                         'modal:close': _onModalDialog.bind(this, 'close'),
+                        'modal:hide': _onModalDialog.bind(this, 'hide'),
                         'uitheme:changed' : function (name) {
-                            var theme = Common.UI.Themes.get(name);
-                            if ( theme )
-                                native.execCommand("uitheme:changed", JSON.stringify({name:name, type:theme.type}));
+                            if (Common.localStorage.getBool('ui-theme-use-system', false)) {
+                                native.execCommand("uitheme:changed", JSON.stringify({name:'theme-system'}));
+                            } else {
+                                var theme = Common.UI.Themes.get(name);
+                                if ( theme )
+                                    native.execCommand("uitheme:changed", JSON.stringify({name:name, type:theme.type}));
+                            }
                         },
                         'hints:show': _onHintsShow.bind(this),
                     });
@@ -310,6 +377,7 @@ define([
                                     menu.hide();
                                 }
                             },
+                            'settings:apply': _onApplySettings.bind(this),
                         },
                     }, {id: 'desktop'});
 
@@ -367,7 +435,10 @@ define([
                 }
 
                 return undefined;
-            }
+            },
+            getDefaultPrinterName: function () {
+                return nativevars ? nativevars.defaultPrinterName : '';
+            },
         };
     };
 

apps/common/main/lib/controller/ExternalDiagramEditor.js

@@ -142,6 +142,7 @@ define([
             setApi: function(api) {
                 this.api = api;
                 this.api.asc_registerCallback('asc_onCloseChartEditor', _.bind(this.onDiagrammEditingDisabled, this));
+                this.api.asc_registerCallback('asc_sendFromGeneralToFrameEditor', _.bind(this.onSendFromGeneralToFrameEditor, this));
                 return this;
             },
 
@@ -185,7 +186,7 @@ define([
                     iconCls: 'warn',
                     buttons: ['ok'],
                     callback: _.bind(function(btn){
-                        this.setControlsDisabled(false);
+                        this.diagramEditorView.setControlsDisabled(false);
                         this.diagramEditorView.hide();
                     }, this)
                 });
@@ -232,6 +233,9 @@ define([
                                 y = parseInt(this.diagramEditorView.$window.css('top')) + eventData.data.pagey + 34;
                             this.diagramEditorView.binding.drag({pageX:x, pageY:y});
                         }
+                    } else
+                    if (eventData.type == "frameToGeneralData") {
+                        this.api && this.api.asc_getInformationBetweenFrameAndGeneralEditor(eventData.data);
                     } else
                         this.diagramEditorView.fireEvent('internalmessage', this.diagramEditorView, eventData);
                 }
@@ -243,6 +247,10 @@ define([
                 }
             },
 
+            onSendFromGeneralToFrameEditor: function(data) {
+                externalEditor && externalEditor.serviceCommand('generalToFrameData', data);
+            },
+
             warningTitle: 'Warning',
             warningText: 'The object is disabled because of editing by another user.',
             textClose: 'Close',

apps/common/main/lib/controller/ExternalMergeEditor.js

@@ -134,6 +134,7 @@ define([
             setApi: function(api) {
                 this.api = api;
                 this.api.asc_registerCallback('asc_onCloseMergeEditor', _.bind(this.onMergeEditingDisabled, this));
+                this.api.asc_registerCallback('asc_sendFromGeneralToFrameEditor', _.bind(this.onSendFromGeneralToFrameEditor, this));
                 return this;
             },
 
@@ -170,7 +171,7 @@ define([
                     iconCls: 'warn',
                     buttons: ['ok'],
                     callback: _.bind(function(btn){
-                        this.setControlsDisabled(false);
+                        this.mergeEditorView.setControlsDisabled(false);
                         this.mergeEditorView.hide();
                     }, this)
                 });
@@ -216,6 +217,9 @@ define([
                                 y = parseInt(this.mergeEditorView.$window.css('top')) + eventData.data.pagey + 34;
                             this.mergeEditorView.binding.drag({pageX:x, pageY:y});
                         }
+                    } else
+                    if (eventData.type == "frameToGeneralData") {
+                        this.api && this.api.asc_getInformationBetweenFrameAndGeneralEditor(eventData.data);
                     } else
                         this.mergeEditorView.fireEvent('internalmessage', this.mergeEditorView, eventData);
                 }
@@ -227,6 +231,10 @@ define([
                 }
             },
 
+            onSendFromGeneralToFrameEditor: function(data) {
+                externalEditor && externalEditor.serviceCommand('generalToFrameData', data);
+            },
+
             warningTitle: 'Warning',
             warningText: 'The object is disabled because of editing by another user.',
             textClose: 'Close',

apps/common/main/lib/controller/ExternalOleEditor.js

@@ -142,6 +142,7 @@ define([
             setApi: function(api) {
                 this.api = api;
                 this.api.asc_registerCallback('asc_onCloseOleEditor', _.bind(this.onOleEditingDisabled, this));
+                this.api.asc_registerCallback('asc_sendFromGeneralToFrameEditor', _.bind(this.onSendFromGeneralToFrameEditor, this));
                 return this;
             },
 
@@ -185,7 +186,7 @@ define([
                     iconCls: 'warn',
                     buttons: ['ok'],
                     callback: _.bind(function(btn){
-                        this.setControlsDisabled(false);
+                        this.oleEditorView.setControlsDisabled(false);
                         this.oleEditorView.hide();
                     }, this)
                 });
@@ -199,13 +200,16 @@ define([
                 if (this.oleEditorView) {
                     if (eventData.type == 'documentReady') {
                         this.oleEditorView._isExternalDocReady = true;
-                        this.oleEditorView.setControlsDisabled(false);
                         this.isExternalEditorVisible && (isAppFirstOpened = false);
                         this.oleEditorView._oleData && this.setOleData();
                         if (this.needDisableEditing) {
                             this.onOleEditingDisabled();
                         }
                     } else
+                    if (eventData.type == 'oleEditorReady') {
+                        if (this.needDisableEditing===undefined)
+                            this.oleEditorView.setControlsDisabled(false);
+                    } else
                     if (eventData.type == "shortcut") {
                         if (eventData.data.key == 'escape')
                             this.oleEditorView.hide();
@@ -230,6 +234,9 @@ define([
                                 y = parseInt(this.oleEditorView.$window.css('top')) + eventData.data.pagey + 34;
                             this.oleEditorView.binding.drag({pageX:x, pageY:y});
                         }
+                    } else
+                    if (eventData.type == "frameToGeneralData") {
+                        this.api && this.api.asc_getInformationBetweenFrameAndGeneralEditor(eventData.data);
                     } else
                         this.oleEditorView.fireEvent('internalmessage', this.oleEditorView, eventData);
                 }
@@ -241,6 +248,10 @@ define([
                 }
             },
 
+            onSendFromGeneralToFrameEditor: function(data) {
+                externalEditor && externalEditor.serviceCommand('generalToFrameData', data);
+            },
+
             warningTitle: 'Warning',
             warningText: 'The object is disabled because of editing by another user.',
             textClose: 'Close',

apps/common/main/lib/controller/HintManager.js

@@ -44,6 +44,7 @@
  *      <button ... data-hint="1" data-hint-direction="right" data-hint-offset="big" data-hint-title="B">...</button>
  *      <label ... data-hint="1" data-hint-direction="bottom" data-hint-offset="medium" data-hint-title="L">...</label>
  *
+ *
  *  Example usage with components:
  *
  *      new Common.UI.Button({
@@ -118,7 +119,10 @@ Common.UI.HintManager = new(function() {
         _isDocReady = false,
         _isEditDiagram = false,
         _usedTitles = [],
-        _appPrefix;
+        _appPrefix,
+        _staticHints = { // for desktop buttons
+            "btnhome": 'K'
+        };
 
     var _api;
 
@@ -223,6 +227,15 @@ Common.UI.HintManager = new(function() {
         return arr;
     };
 
+    var _getLetterInUILanguage = function (letter) {
+        var l = letter;
+        if (_arrAlphabet.indexOf(l) === -1) {
+            var ind = _arrEnAlphabet.indexOf(l);
+            l = _arrAlphabet[ind];
+        }
+        return l;
+    };
+
     var _isItemDisabled = function (item) {
         return (item.hasClass('disabled') || item.parent().hasClass('disabled') || item.attr('disabled'));
     };
@@ -268,21 +281,25 @@ Common.UI.HintManager = new(function() {
             });
             return;
         }
-        var _arrLetters = [];
+        var _arrLetters = [],
+            _usedLetters = [];
+        if (_currentLevel === 0) {
+            for (var key in _staticHints) {
+                var t = _staticHints[key].toLowerCase();
+                _usedTitles.push(t);
+                _usedLetters.push(_arrAlphabet.indexOf(t));
+            }
+        }
         if (visibleItems.length > _arrAlphabet.length) {
             visibleItemsWithTitle.forEach(function (item) {
                 var t = $(item).data('hint-title').toLowerCase();
-                if (_arrAlphabet.indexOf(t) === -1) {
-                    var ind = _arrEnAlphabet.indexOf(t);
-                    t = _arrAlphabet[ind];
-                }
+                t = _getLetterInUILanguage(t);
                 _usedTitles.push(t);
             });
-            _arrLetters = _getLetters(visibleItems.length);
+            _arrLetters = _getLetters(visibleItems.length + (_currentLevel === 0 ? _.size(_staticHints) : 0));
         } else {
             _arrLetters = _arrAlphabet.slice();
         }
-        var usedLetters = [];
         if (arrItemsWithTitle.length > 0) {
             visibleItems.forEach(function (item) {
                 var el = $(item);
@@ -290,9 +307,9 @@ Common.UI.HintManager = new(function() {
                 if (title) {
                     var ind = _arrEnAlphabet.indexOf(title.toLowerCase());
                     if (ind === -1) { // we have already changed
-                        usedLetters.push(_arrAlphabet.indexOf(title.toLowerCase()));
+                        _usedLetters.push(_arrAlphabet.indexOf(title.toLowerCase()));
                     } else {
-                        usedLetters.push(ind);
+                        _usedLetters.push(ind);
                         if (_lang !== 'en') {
                             el.attr('data-hint-title', _arrLetters[ind].toUpperCase());
                         }
@@ -303,7 +320,7 @@ Common.UI.HintManager = new(function() {
         var index = 0;
         visibleItems.forEach(function (item) {
             var el = $(item);
-            while (usedLetters.indexOf(index) !== -1) {
+            while (_usedLetters.indexOf(index) !== -1) {
                 index++;
             }
             var title = el.attr('data-hint-title');
@@ -603,10 +620,10 @@ Common.UI.HintManager = new(function() {
                 }
             }
 
-            _needShow = (Common.Utils.InternalSettings.get(_appPrefix + "settings-use-alt-key") && !e.shiftKey && e.keyCode == Common.UI.Keys.ALT &&
+            _needShow = (Common.Utils.InternalSettings.get(_appPrefix + "settings-show-alt-hints") && !e.shiftKey && e.keyCode == Common.UI.Keys.ALT &&
                 !Common.Utils.ModalWindow.isVisible() && _isDocReady && _arrAlphabet.length > 0 &&
                 !(window.PE && $('#pe-preview').is(':visible')));
-            if (e.altKey && e.keyCode !== 115) {
+            if (Common.Utils.InternalSettings.get(_appPrefix + "settings-show-alt-hints") && e.altKey && e.keyCode !== 115) {
                 e.preventDefault();
             }
         });
@@ -620,7 +637,16 @@ Common.UI.HintManager = new(function() {
                 _arrAlphabet = langsJson[lang];
                 return _arrAlphabet;
             };
-            return !_setAlphabet(lng) ? (!_setAlphabet(lng.split(/[\-_]/)[0]) ? _setAlphabet('en') : true) : true;
+            var loaded = !_setAlphabet(lng) ? (!_setAlphabet(lng.split(/[\-_]/)[0]) ? _setAlphabet('en') : true) : true;
+            if (loaded && _lang !== 'en') {
+                for (var key in _staticHints) {
+                    var hint = _getLetterInUILanguage(_staticHints[key].toLowerCase());
+                    if (hint) {
+                        _staticHints[key] = hint.toUpperCase();
+                    }
+                }
+            }
+            return loaded;
         });
         Common.Utils.loadConfig('../../common/main/resources/alphabetletters/qwertyletters.json', function (langsJson) {
             _arrQwerty = langsJson[_lang];
@@ -649,7 +675,9 @@ Common.UI.HintManager = new(function() {
             $('.hint-div').remove();
         }
         if ($('iframe').length > 0) {
-            $('iframe').contents().find('.hint-div').remove();
+            try {
+                $('iframe').contents().find('.hint-div').remove();
+            } catch (e) {}
         }
     };
 
@@ -661,11 +689,16 @@ Common.UI.HintManager = new(function() {
         _isEditDiagram = mode.isEditDiagram || mode.isEditMailMerge || mode.isEditOle;
     };
 
+    var _getStaticHint = function (key) {
+        return _staticHints[key];
+    };
+
     return {
         init: _init,
         setMode: _setMode,
         clearHints: _clearHints,
         needCloseFileMenu: _needCloseFileMenu,
-        isHintVisible: _isHintVisible
+        isHintVisible: _isHintVisible,
+        getStaticHint: _getStaticHint
     }
 })();

apps/common/main/lib/controller/Plugins.js

@@ -162,6 +162,8 @@ define([
                 this.api.asc_registerCallback("asc_onPluginMouseMove", _.bind(this.onPluginMouseMove, this));
                 this.api.asc_registerCallback('asc_onPluginsReset', _.bind(this.resetPluginsList, this));
                 this.api.asc_registerCallback('asc_onPluginsInit', _.bind(this.onPluginsInit, this));
+                this.api.asc_registerCallback('asc_onPluginShowButton', _.bind(this.onPluginShowButton, this));
+                this.api.asc_registerCallback('asc_onPluginHideButton', _.bind(this.onPluginHideButton, this));
 
                 this.loadPlugins();
             }
@@ -381,6 +383,7 @@ define([
                         buttons: isCustomWindow ? undefined : newBtns,
                         toolcallback: _.bind(this.onToolClose, this),
                         help: !!help,
+                        loader: plugin.get_Loader(),
                         modal: isModal!==undefined ? isModal : true
                     });
                     me.pluginDlg.on({
@@ -399,6 +402,9 @@ define([
                         },
                         'help': function(){
                             help && window.open(help, '_blank');
+                        },
+                        'header:click': function(type){
+                            me.api.asc_pluginButtonClick(type);
                         }
                     });
 
@@ -458,6 +464,14 @@ define([
             this.parsePlugins(pluginsdata)
         },
 
+        onPluginShowButton: function(id) {
+            this.pluginDlg && this.pluginDlg.showButton(id);
+        },
+
+        onPluginHideButton: function(id) {
+            this.pluginDlg && this.pluginDlg.hideButton(id);
+        },
+
         runAutoStartPlugins: function() {
             if (this.autostart && this.autostart.length > 0) {
                 this.api.asc_pluginRun(this.autostart.shift(), 0, '');

apps/common/main/lib/controller/ReviewChanges.js

@@ -550,7 +550,7 @@ define([
                     if (item.value === 'all') {
                         this.api.asc_AcceptAllChanges();
                     } else {
-                        this.api.asc_AcceptChanges();
+                        this.api.asc_AcceptChangesBySelection(true); // accept and move to the next change
                     }
                 } else {
                     this.api.asc_AcceptChanges(menu);
@@ -565,7 +565,7 @@ define([
                     if (item.value === 'all') {
                         this.api.asc_RejectAllChanges();
                     } else {
-                        this.api.asc_RejectChanges();
+                        this.api.asc_RejectChangesBySelection(true); // reject and move to the next change
                     }
                 } else {
                     this.api.asc_RejectChanges(menu);

apps/common/main/lib/controller/Themes.js

@@ -302,7 +302,9 @@ define([
                 $(window).on('storage', function (e) {
                     if ( e.key == 'ui-theme' || e.key == 'ui-theme-id' ) {
                         if ( !!e.originalEvent.newValue ) {
-                            me.setTheme(e.originalEvent.newValue, true);
+                            if (Common.localStorage.getBool('ui-theme-use-system', false)) {
+                                me.setTheme('theme-system');
+                            } else me.setTheme(e.originalEvent.newValue, true);
                         }
                     } else
                     if ( e.key == 'content-theme' ) {
@@ -425,7 +427,26 @@ define([
                 var id = get_ui_theme_name(obj),
                     refresh_only = arguments[1];
 
+                if ( !refresh_only && is_theme_type_system(this.currentThemeId()) ) {
+                    // TODO: need refactoring. for bug 58801
+                    if ( get_system_default_theme().id == id ) {
+                        Common.localStorage.setBool('ui-theme-use-system', false);
+                        Common.localStorage.setItem('ui-theme-id', '');
+                        Common.localStorage.setItem('ui-theme-id', id);
+                        Common.NotificationCenter.trigger('uitheme:changed', id);
+                        return;
+                    }
+                }
+
                 if ( is_theme_type_system(id) ) {
+                    if ( get_system_default_theme().id == this.currentThemeId() ) {
+                        Common.localStorage.setBool('ui-theme-use-system', true);
+                        Common.localStorage.setItem('ui-theme-id', '');
+                        Common.localStorage.setItem('ui-theme-id', id);
+                        Common.NotificationCenter.trigger('uitheme:changed', id);
+                        return;
+                    }
+
                     Common.localStorage.setBool('ui-theme-use-system', true);
                     id = get_system_default_theme().id;
                 } else {

apps/common/main/lib/template/SearchPanel.template

@@ -14,19 +14,19 @@
                 </tr>
                 <tr>
                     <td class="padding-large">
-                        <label id="search-adv-results-number">
+                        <label id="search-adv-results-number" style="display: inline-block;">
                             <%= scope.textSearchResults %>
                         </label>
                         <div class="search-nav-btns">
-                            <div id="search-adv-back" tabindex="0"></div>
-                            <div id="search-adv-next" tabindex="0"></div>
+                            <div id="search-adv-back"></div>
+                            <div id="search-adv-next"></div>
                         </div>
                     </td>
                 </tr>
                 <tr class="edit-setting">
                     <td class="padding-large">
-                       <button type="button" class="btn btn-text-default" id="search-adv-replace" style="min-width: 62px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textReplace %></button>
-                       <button type="button" class="btn btn-text-default" id="search-adv-replace-all" style="min-width: 78px;" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textReplaceAll %></button>
+                       <button type="button" class="btn btn-text-default" id="search-adv-replace" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textReplace %></button>
+                       <button type="button" class="btn btn-text-default" id="search-adv-replace-all" data-hint="1" data-hint-direction="bottom" data-hint-offset="big"><%= scope.textReplaceAll %></button>
                     </td>
                 </tr>
                 <tr class="search-options-block">

apps/common/main/lib/util/Tip.js

@@ -112,10 +112,13 @@
                 if (!me.options.keepvisible && !me.options.hideonclick && me.tip().is(':visible'))
                     me.hide();
             }});
+            this.isDesktopApp = Common.Controllers.Desktop.isActive();
         },
 
         mousemove: function (e) {
-            this.targetXY = [e.clientX*Common.Utils.zoom(), e.clientY*Common.Utils.zoom()];
+            var x = e.clientX*Common.Utils.zoom(),
+                y = e.clientY*Common.Utils.zoom();
+            this.targetXY = [x, this.isDesktopApp ? Math.max(y, 14) : y];
         },
 
         leave: function(obj) {

apps/common/main/lib/util/define.js

@@ -794,6 +794,9 @@ define(function(){ 'use strict';
             textTurns: 'Turns',
             textShapes: 'Shapes',
             textLoops: 'Loops',
+            textPathCurve: 'Curve',
+            textPathLine: 'Line',
+            textPathScribble: 'Scribble',
 
             getEffectGroupData: function () {
                 return [
@@ -849,8 +852,8 @@ define(function(){ 'use strict';
                     {group: 'menu-effect-group-path',       value: AscFormat.MOTION_ARC_DOWN,                   iconCls: 'animation-motion-paths-arcs',             displayValue: this.textArcs,        familyEffect: 'patharcs'},
                     {group: 'menu-effect-group-path',       value: AscFormat.MOTION_TURN_DOWN,                  iconCls: 'animation-motion-paths-turns',            displayValue: this.textTurns,       familyEffect: 'pathturns'},
                     {group: 'menu-effect-group-path',       value: AscFormat.MOTION_CIRCLE,                     iconCls: 'animation-motion-paths-shapes',           displayValue: this.textShapes,      familyEffect: 'pathshapes'},
-                    {group: 'menu-effect-group-path',       value: AscFormat.MOTION_HORIZONTAL_FIGURE_8_FOUR,   iconCls: 'animation-motion-paths-loops',            displayValue: this.textLoops,       familyEffect: 'pathloops'}//,
-                    //{group: 'menu-effect-group-path',     value: AscFormat.MOTION_CUSTOM_PATH,                iconCls: 'animation-motion-paths-custom-path',      displayValue: this.textCustomPath}
+                    {group: 'menu-effect-group-path',       value: AscFormat.MOTION_HORIZONTAL_FIGURE_8_FOUR,   iconCls: 'animation-motion-paths-loops',            displayValue: this.textLoops,       familyEffect: 'pathloops'},
+                    {group: 'menu-effect-group-path',       value: AscFormat.MOTION_CUSTOM_PATH,                iconCls: 'animation-motion-paths-custom-path',      displayValue: this.textCustomPath}
                 ];
             },
 
@@ -1038,7 +1041,8 @@ define(function(){ 'use strict';
                     {group: 'menu-effect-group-path',       level: 'menu-effect-level-special',         value: AscFormat.MOTION_PEANUT,                     displayValue: this.textPeanut},
                     {group: 'menu-effect-group-path',       level: 'menu-effect-level-special',         value: AscFormat.MOTION_POINTY_STAR,                displayValue: this.textPointStar},
                     {group: 'menu-effect-group-path',       level: 'menu-effect-level-special',         value: AscFormat.MOTION_SWOOSH,                     displayValue: this.textSwoosh},
-                    {group: 'menu-effect-group-path',       level: 'menu-effect-level-special',         value: AscFormat.MOTION_VERTICAL_FIGURE_8,          displayValue: this.textVerticalFigure,      familyEffect: 'pathloops'}
+                    {group: 'menu-effect-group-path',       level: 'menu-effect-level-special',         value: AscFormat.MOTION_VERTICAL_FIGURE_8,          displayValue: this.textVerticalFigure,      familyEffect: 'pathloops'},
+                    {group: 'menu-effect-group-path',       level: 'menu-effect-level-special',         value: AscFormat.MOTION_CUSTOM_PATH,                displayValue: this.textCustomPath,  notsupported: true}
 
                 ];
             },
@@ -1277,11 +1281,21 @@ define(function(){ 'use strict';
                                return undefined;
                         }
                         break;
+                    case  'menu-effect-group-path':
+                        switch (type) {
+                            case AscFormat.MOTION_CUSTOM_PATH:
+                                return [
+                                    {value: AscFormat.MOTION_CUSTOM_PATH_CURVE,        caption: this.textPathCurve, isCustom: true},
+                                    {value: AscFormat.MOTION_CUSTOM_PATH_LINE,         caption: this.textPathLine, isCustom: true},
+                                    {value: AscFormat.MOTION_CUSTOM_PATH_SCRIBBLE,     caption: this.textPathScribble, isCustom: true}
+                                ];
+                        }
+                        break;
                     default:
                         return undefined;
                 }
             },
-            getSimilarEffectsArray: function (group, familyEffect) {
+            getSimilarEffectsArray: function (familyEffect) {
                 switch (familyEffect){
                     case 'shape':
                         return [

apps/common/main/lib/util/fix-ie-compat.js

@@ -31,4 +31,10 @@ if ( !window.fetch ) {
             return target;
         };
     }
+
+    if (typeof Object.getOwnPropertySymbols != 'function') {
+        Object.getOwnPropertySymbols = function(target) {
+            return [];
+        };
+    }
 }

apps/common/main/lib/util/htmlutils.js

@@ -62,8 +62,14 @@ if ( window.desktop ) {
         }
 
         if ( theme.id ) {
-            // params.uitheme = undefined;
-            localStorage.setItem("ui-theme-id", theme.id);
+            if ( theme.id == 'theme-system' ) {
+                localStorage.setItem("ui-theme-use-system", "1");
+                localStorage.removeItem("ui-theme-id");
+                delete params.uitheme;
+            } else {
+                localStorage.setItem("ui-theme-id", theme.id);
+            }
+
             localStorage.removeItem("ui-theme");
         }
     }
@@ -82,9 +88,11 @@ if ( !!params.uitheme && checkLocalStorage && !localStorage.getItem("ui-theme-id
 }
 
 var ui_theme_name = checkLocalStorage && localStorage.getItem("ui-theme-id") ? localStorage.getItem("ui-theme-id") : params.uitheme;
+var ui_theme_type;
 if ( !ui_theme_name ) {
     if ( window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches ) {
         ui_theme_name = 'theme-dark';
+        ui_theme_type = 'dark';
         checkLocalStorage && localStorage.removeItem("ui-theme");
     }
 }
@@ -94,7 +102,7 @@ if ( !!ui_theme_name ) {
 
 if ( checkLocalStorage ) {
     let current_theme = localStorage.getItem("ui-theme");
-    if ( !!current_theme && /type":\s*"dark/.test(current_theme) ) {
+    if ( !!current_theme && /type":\s*"dark/.test(current_theme) || ui_theme_type == 'dark' ) {
         document.body.classList.add("theme-type-dark");
 
         let content_theme = localStorage.getItem("content-theme");
@@ -102,4 +110,4 @@ if ( checkLocalStorage ) {
             document.body.classList.add("content-theme-dark");
         }
     }
-}
+}

apps/common/main/lib/util/utils.js

@@ -979,7 +979,7 @@ Common.Utils.warningDocumentIsLocked = function (opts) {
         callback: function(btn){
             if (btn == 'edit') {
                 if ( opts.disablefunc ) opts.disablefunc(false);
-                app.getController('Main').api.asc_setIsReadOnly(false);
+                app.getController('Main').api.asc_setLocalRestrictions(Asc.c_oAscLocalRestrictionType.None);
             }
         }
     });
@@ -997,23 +997,27 @@ jQuery.fn.extend({
         var _el = document.getElementById(id.substring(1));
         if ( !_el ) {
             parent = parent || this;
-            if ( parent instanceof jQuery ) {
+            if ( parent && parent.length > 0 ) {
                 parent.each(function (i, node) {
-                    _el = node.querySelectorAll(id);
-                    if ( _el.length == 0 ) {
-                        if ( ('#' + node.id) == id ) {
-                            _el = node;
+                    if (node.querySelectorAll) {
+                        _el = node.querySelectorAll(id);
+                        if ( _el.length == 0 ) {
+                            if ( ('#' + node.id) == id ) {
+                                _el = node;
+                                return false;
+                            }
+                        } else
+                        if ( _el.length ) {
+                            _el = _el[0];
                             return false;
                         }
-                    } else
-                    if ( _el.length ) {
-                        _el = _el[0];
-                        return false;
                     }
                 })
             } else {
-                _el = parent.querySelectorAll(id);
-                if ( _el && _el.length ) return _el[0];
+                if (parent && parent.querySelectorAll) {
+                    _el = parent.querySelectorAll(id);
+                    if ( _el && _el.length ) return _el[0];
+                }
             }
         }
 

apps/common/main/lib/view/Header.js

@@ -81,6 +81,7 @@ define([
                                 '<div class="hedset">' +
                                     '<div class="btn-slot" id="slot-hbtn-edit"></div>' +
                                     '<div class="btn-slot" id="slot-hbtn-print"></div>' +
+                                    '<div class="btn-slot" id="slot-hbtn-print-quick"></div>' +
                                     '<div class="btn-slot" id="slot-hbtn-download"></div>' +
                                 '</div>' +
                                 '<div class="hedset" data-layout-name="header-users">' +
@@ -128,6 +129,7 @@ define([
                                 '<div class="hedset">' +
                                     '<div class="btn-slot" id="slot-btn-dt-save" data-layout-name="header-save"></div>' +
                                     '<div class="btn-slot" id="slot-btn-dt-print"></div>' +
+                                    '<div class="btn-slot" id="slot-btn-dt-print-quick"></div>' +
                                     '<div class="btn-slot" id="slot-btn-dt-undo"></div>' +
                                     '<div class="btn-slot" id="slot-btn-dt-redo"></div>' +
                                 '</div>' +
@@ -332,6 +334,13 @@ define([
                 });
             }
 
+            if ( me.btnPrintQuick ) {
+                me.btnPrintQuick.updateHint(me.tipPrintQuick);
+                me.btnPrintQuick.on('click', function (e) {
+                    me.fireEvent('print-quick', me);
+                });
+            }
+
             if ( me.btnSave ) {
                 me.btnSave.updateHint(me.tipSave + Common.Utils.String.platformKey('Ctrl+S'));
                 me.btnSave.on('click', function (e) {
@@ -516,7 +525,7 @@ define([
                         disabled: disabled === true,
                         dataHint:'0',
                         dataHintDirection: hintDirection ? hintDirection : (config.isDesktopApp ? 'right' : 'left'),
-                        dataHintOffset: hintOffset ? hintOffset : (config.isDesktopApp ? '10, -10' : '10, 10'),
+                        dataHintOffset: hintOffset ? hintOffset : (config.isDesktopApp ? '10, -18' : '10, 10'),
                         dataHintTitle: hintTitle
                     })).render(slot);
                 }
@@ -543,7 +552,7 @@ define([
                     if ( !$labelDocName ) {
                         $labelDocName = $html.find('#rib-doc-name');
                         if ( me.documentCaption ) {
-                            me.setDocTitle(me.documentCaption);
+                            setTimeout(function() { me.setDocTitle(me.documentCaption); }, 50);
                         }
                     } else {
                         $html.find('#rib-doc-name').hide();
@@ -572,6 +581,9 @@ define([
                         if ( config.canPrint )
                             this.btnPrint = createTitleButton('toolbar__icon icon--inverse btn-print', $html.findById('#slot-hbtn-print'), undefined, 'bottom', 'big', 'P');
 
+                        if ( config.canQuickPrint )
+                            this.btnPrintQuick = createTitleButton('toolbar__icon icon--inverse btn-quick-print', $html.findById('#slot-hbtn-print-quick'), undefined, 'bottom', 'big', 'Q');
+
                         if ( config.canEdit && config.canRequestEditRights )
                             this.btnEdit = createTitleButton('toolbar__icon icon--inverse btn-edit', $html.findById('#slot-hbtn-edit'), undefined, 'bottom', 'big');
                     }
@@ -621,7 +633,7 @@ define([
 
                     !!$labelDocName && $labelDocName.hide().off();                  // hide document title if it was created in right box
                     $labelDocName = $html.find('#title-doc-name');
-                    me.setDocTitle( me.documentCaption );
+                    setTimeout(function() { me.setDocTitle(me.documentCaption); }, 50);
 
                     me.options.wopi && $labelDocName.attr('maxlength', me.options.wopi.FileNameMaxLength);
 
@@ -646,6 +658,8 @@ define([
                     if ( config.canPrint && config.isEdit ) {
                         me.btnPrint = createTitleButton('toolbar__icon icon--inverse btn-print', $html.findById('#slot-btn-dt-print'), true, undefined, undefined, 'P');
                     }
+                    if ( config.canQuickPrint && config.isEdit )
+                        me.btnPrintQuick = createTitleButton('toolbar__icon icon--inverse btn-quick-print', $html.findById('#slot-btn-dt-print-quick'), true, undefined, undefined, 'Q');
 
                     me.btnSave = createTitleButton('toolbar__icon icon--inverse btn-save', $html.findById('#slot-btn-dt-save'), true, undefined, undefined, 'S');
                     me.btnUndo = createTitleButton('toolbar__icon icon--inverse btn-undo', $html.findById('#slot-btn-dt-undo'), true, undefined, undefined, 'Z');
@@ -695,6 +709,7 @@ define([
                 if (idx>0)
                     this.fileExtention = this.documentCaption.substring(idx);
                 this.isModified && (value += '*');
+                this.readOnly && (value += ' (' + this.textReadOnly + ')');
                 if ( $labelDocName ) {
                     this.setDocTitle( value );
                 }
@@ -756,7 +771,7 @@ define([
                             'focus': onFocusDocName.bind(this),
                             'blur': function (e) {
                                 me.imgCrypted && me.imgCrypted.toggleClass('hidden', false);
-                                label[0].selectionStart = label[0].selectionEnd = 0;
+                                Common.Utils.isGecko && (label[0].selectionStart = label[0].selectionEnd = 0);
                                 if(!me.isSaveDocName) {
                                     me.withoutExt = false;
                                     me.setDocTitle(me.documentCaption);
@@ -791,12 +806,9 @@ define([
             },
 
             setDocTitle: function(name){
-                if(name)
-                    $labelDocName.val(name);
-                else
-                    name = $labelDocName.val();
-                var width = this.getTextWidth(name);
+                var width = this.getTextWidth(name || $labelDocName.val());
                 (width>=0) && $labelDocName.width(width);
+                name && (width>=0) && $labelDocName.val(name);
                 if (this._showImgCrypted && width>=0) {
                     this.imgCrypted.toggleClass('hidden', false);
                     this._showImgCrypted = false;
@@ -890,6 +902,11 @@ define([
                 return initials;
             },
 
+            setDocumentReadOnly: function (readonly) {
+                this.readOnly = readonly;
+                this.setDocumentCaption(this.documentCaption);
+            },
+
             textBack: 'Go to Documents',
             txtRename: 'Rename',
             txtAccessRights: 'Change access rights',
@@ -913,7 +930,9 @@ define([
             textAddFavorite: 'Mark as favorite',
             textHideNotes: 'Hide Notes',
             tipSearch: 'Search',
-            textShare: 'Share'
+            textShare: 'Share',
+            tipPrintQuick: 'Quick print',
+            textReadOnly: 'Read only'
         }
     }(), Common.Views.Header || {}))
 });

apps/common/main/lib/view/ListSettingsDialog.js

@@ -60,7 +60,7 @@ define([
     Common.Views.ListSettingsDialog = Common.UI.Window.extend(_.extend({
         options: {
             type: 0, // 0 - markers, 1 - numbers
-            width: 280,
+            width: 285,
             height: 261,
             style: 'min-width: 240px;',
             cls: 'modal-dlg',
@@ -87,9 +87,9 @@ define([
                                 '<td style="padding-right: 5px;padding-bottom: 8px;min-width: 50px;">',
                                     '<label class="text">' + this.txtType + '</label>',
                                 '</td>',
-                                '<td style="padding-right: 5px;padding-bottom: 8px;width: 100px;">',
-                                    '<div id="id-dlg-list-numbering-format" class="input-group-nr" style="width: 100px;"></div>',
-                                    '<div id="id-dlg-list-bullet-format" class="input-group-nr" style="width: 100px;"></div>',
+                                '<td style="padding-right: 5px;padding-bottom: 8px;width: 105px;">',
+                                    '<div id="id-dlg-list-numbering-format" class="input-group-nr" style="width: 105px;"></div>',
+                                    '<div id="id-dlg-list-bullet-format" class="input-group-nr" style="width: 105px;"></div>',
                                 '</td>',
                                 '<td style="padding-bottom: 8px;"></td>',
                             '</tr>',
@@ -97,8 +97,8 @@ define([
                                 '<td style="padding-right: 5px;padding-bottom: 8px;min-width: 50px;">',
                                     '<label class="text">' + this.txtImport + '</label>',
                                 '</td>',
-                                '<td style="padding-right: 5px;padding-bottom: 8px;width: 100px;">',
-                                    '<div id="id-dlg-list-image" style="width: 100px;"></div>',
+                                '<td style="padding-right: 5px;padding-bottom: 8px;width: 105px;">',
+                                    '<div id="id-dlg-list-image" style="width: 105px;"></div>',
                                 '</td>',
                                 '<td style="padding-bottom: 8px;"></td>',
                             '</tr>',
@@ -106,7 +106,7 @@ define([
                                 '<td style="padding-right: 5px;padding-bottom: 8px;min-width: 50px;">',
                                     '<label class="text">' + this.txtSize + '</label>',
                                 '</td>',
-                                '<td style="padding-right: 5px;padding-bottom: 8px;width: 100px;">',
+                                '<td style="padding-right: 5px;padding-bottom: 8px;width: 105px;">',
                                     '<div id="id-dlg-list-size"></div>',
                                 '</td>',
                                 '<td style="padding-bottom: 8px;">',
@@ -117,7 +117,7 @@ define([
                                 '<td style="padding-right: 5px;padding-bottom: 8px;min-width: 50px;">',
                                     '<label class="text" style="white-space: nowrap;">' + this.txtStart + '</label>',
                                 '</td>',
-                                '<td style="padding-right: 5px;padding-bottom: 8px;width: 100px;">',
+                                '<td style="padding-right: 5px;padding-bottom: 8px;width: 105px;">',
                                     '<div id="id-dlg-list-start"></div>',
                                 '</td>',
                                 '<td style="padding-bottom: 8px;"></td>',
@@ -126,7 +126,7 @@ define([
                                 '<td style="padding-right: 5px;padding-bottom: 8px;min-width: 50px;">',
                                     '<label class="text">' + this.txtColor + '</label>',
                                 '</td>',
-                                '<td style="padding-right: 5px;padding-bottom: 8px;width: 100px;">',
+                                '<td style="padding-right: 5px;padding-bottom: 8px;width: 105px;">',
                                     '<div id="id-dlg-list-color"></div>',
                                 '</td>',
                                 '<td style="padding-bottom: 8px;"></td>',
@@ -215,7 +215,7 @@ define([
             this.cmbBulletFormat = new Common.UI.ComboBoxCustom({
                 el          : $('#id-dlg-list-bullet-format'),
                 menuStyle   : 'min-width: 100%;max-height: 183px;',
-                style       : "width: 100px;",
+                style       : "width: 105px;",
                 editable    : false,
                 takeFocusOnClose: true,
                 template    : _.template(template.join('')),
@@ -239,7 +239,7 @@ define([
                         if (record.get('value')===_BulletTypes.symbol)
                             formcontrol[0].innerHTML = record.get('displayValue') + '<span style="font-family:' + (record.get('font') || 'Arial') + '">' + record.get('symbol') + '</span>';
                         else if (record.get('value')===_BulletTypes.image) {
-                            formcontrol[0].innerHTML = record.get('displayValue') + '<span id="id-dlg-list-bullet-combo-preview" style="width:12px; height: 12px; margin-left: 4px; margin-bottom: 1px;display: inline-block; vertical-align: middle;"></span>';
+                            formcontrol[0].innerHTML = record.get('displayValue') + '<span id="id-dlg-list-bullet-combo-preview" style="width:12px; height: 12px; margin-left: 2px; margin-bottom: 1px;display: inline-block; vertical-align: middle;"></span>';
                             var bullet = new Asc.asc_CBullet();
                             bullet.asc_fillBulletImage(me.imageProps.id);
                             bullet.drawSquareImage('id-dlg-list-bullet-combo-preview');
@@ -278,6 +278,9 @@ define([
                                     idx = store.indexOf(store.findWhere({value: _BulletTypes.newSymbol}));
                                 store.add({ displayValue: me.txtSymbol + ': ', value: _BulletTypes.symbol, symbol: props.symbol, font: props.font }, {at: idx});
                             }
+                            if (me.imageProps)
+                                me.imageProps.redraw = true;
+
                             combo.setData(store.models);
                             combo.selectRecord(combo.store.findWhere({value: _BulletTypes.symbol, symbol: props.symbol, font: props.font}));
                         },
@@ -316,7 +319,7 @@ define([
             this.spnSize = new Common.UI.MetricSpinner({
                 el          : $window.find('#id-dlg-list-size'),
                 step        : 1,
-                width       : 100,
+                width       : 105,
                 value       : 100,
                 defaultUnit : '',
                 maxValue    : 400,
@@ -342,7 +345,7 @@ define([
             this.spnStart = new Common.UI.MetricSpinner({
                 el          : $window.find('#id-dlg-list-start'),
                 step        : 1,
-                width       : 100,
+                width       : 105,
                 value       : 1,
                 defaultUnit : '',
                 maxValue    : 32767,
@@ -360,7 +363,7 @@ define([
                 caption: this.textSelect,
                 style: 'width: 100%;',
                 menu: new Common.UI.Menu({
-                    style: 'min-width: 100px;',
+                    style: 'min-width: 105px;',
                     maxHeight: 200,
                     additionalAlign: this.menuAddAlign,
                     items: [

apps/common/main/lib/view/PluginDlg.js

@@ -77,6 +77,7 @@ define([
             _options.tpl = _.template(this.template)(_options);
 
             this.url = options.url || '';
+            this.loader = (options.loader!==undefined) ? options.loader : true;
             this.frameId = options.frameId || 'plugin_iframe';
             Common.UI.Window.prototype.initialize.call(this, _options);
         },
@@ -90,6 +91,8 @@ define([
             if (!this.options.header) this._headerFooterHeight -= 34;
             this._headerFooterHeight += ((parseInt(this.$window.css('border-top-width')) + parseInt(this.$window.css('border-bottom-width'))));
 
+            this.$window.find('.header').prepend($('<div class="tools left hidden"></div>'));
+
             var iframe = document.createElement("iframe");
             iframe.id           = this.frameId;
             iframe.name         = 'pluginFrameEditor';
@@ -102,13 +105,15 @@ define([
             iframe.onload       = _.bind(this._onLoad,this);
 
             var me = this;
-            setTimeout(function(){
-                if (me.isLoaded) return;
-                me.loadMask = new Common.UI.LoadMask({owner: $('#id-plugin-placeholder')});
-                me.loadMask.setTitle(me.textLoading);
-                me.loadMask.show();
-                if (me.isLoaded) me.loadMask.hide();
-            }, 500);
+            if (this.loader) {
+                setTimeout(function(){
+                    if (me.isLoaded) return;
+                    me.loadMask = new Common.UI.LoadMask({owner: $('#id-plugin-placeholder')});
+                    me.loadMask.setTitle(me.textLoading);
+                    me.loadMask.show();
+                    if (me.isLoaded) me.loadMask.hide();
+                }, 500);
+            }
 
             iframe.src = this.url;
             $('#id-plugin-placeholder').append(iframe);
@@ -180,6 +185,32 @@ define([
             }
         },
 
+        showButton: function(id) {
+            var header = this.$window.find('.header .tools.left');
+            if (id=='back') {
+                var btn = header.find('#id-plugindlg-' + id);
+                if (btn.length<1) {
+                    btn = $('<div id="id-plugindlg-' + id + '" class="tool help" style="font-size:20px;">←</div>');
+                    btn.on('click', _.bind(function() {
+                        this.fireEvent('header:click',id);
+                    }, this));
+                    header.prepend(btn);
+                }
+                btn.show();
+                header.removeClass('hidden');
+            }
+        },
+
+        hideButton: function(id) {
+            var header = this.$window.find('.header .tools.left');
+            if (id=='back') {
+                var btn = header.find('#id-plugindlg-' + id);
+                if (btn.length>0) {
+                    btn.hide();
+                }
+            }
+        },
+
         textLoading : 'Loading'
     }, Common.Views.PluginDlg || {}));
 });

apps/common/main/lib/view/SearchBar.js

@@ -63,8 +63,8 @@ define([
                 '<div class="box">',
                     '<input type="text" id="search-bar-text" class="input-field form-control" maxlength="255" placeholder="'+this.textFind+'" autocomplete="off">',
                     '<div class="tools">',
-                        '<div id="search-bar-back" tabindex="0"></div>',
-                        '<div id="search-bar-next" tabindex="0"></div>',
+                        '<div id="search-bar-back"></div>',
+                        '<div id="search-bar-next"></div>',
                         this.options.showOpenPanel ? '<div id="search-bar-open-panel"></div>' : '',
                         '<div id="search-bar-close"></div>',
                     '</div>',
@@ -74,11 +74,6 @@ define([
             this.options.tpl = _.template(this.template)(this.options);
             this.iconType = this.options.iconType;
 
-            this.wrapEvents = {
-                keydown: _.bind(this.onKeydown, this),
-                mousedown: _.bind(this.onMousedown, this),
-            };
-
             Common.UI.Window.prototype.initialize.call(this, this.options);
 
             Common.NotificationCenter.on('layout:changed', _.bind(this.onLayoutChanged, this));
@@ -102,7 +97,7 @@ define([
                 iconCls: this.iconType === 'svg' ? 'svg-icon search-arrow-up' : 'toolbar__icon btn-arrow-up',
                 hint: this.tipPreviousResult
             });
-            this.btnBack.on('click', _.bind(this.onBtnNextClick, this, this.btnBack, 'back'));
+            this.btnBack.on('click', _.bind(this.onBtnNextClick, this, 'back'));
 
             this.btnNext = new Common.UI.Button({
                 parentEl: $('#search-bar-next'),
@@ -110,7 +105,7 @@ define([
                 iconCls: this.iconType === 'svg' ? 'svg-icon search-arrow-down' : 'toolbar__icon btn-arrow-down',
                 hint: this.tipNextResult
             });
-            this.btnNext.on('click', _.bind(this.onBtnNextClick, this, this.btnNext, 'next'));
+            this.btnNext.on('click', _.bind(this.onBtnNextClick, this, 'next'));
 
             if (this.options.showOpenPanel) {
                 this.btnOpenPanel = new Common.UI.Button({
@@ -150,6 +145,7 @@ define([
                 this.fireEvent('search:input', [text]);
             } else {
                 this.inputSearch.val('');
+                window.SSE && this.fireEvent('search:input', ['', true]);
             }
 
             this.focus();
@@ -180,38 +176,8 @@ define([
             this.$window.css({left: left, top: top});
         },
 
-        onBtnNextClick: function(btn, action) {
+        onBtnNextClick: function(action) {
             this.fireEvent('search:'+action, [this.inputSearch.val(), false]);
-
-            if (!this.listenKeydown) {
-                this.listenKeydown = true;
-                $(document).on('keydown', this.wrapEvents.keydown);
-                $(document).on('mousedown', this.wrapEvents.mousedown);
-                $('#editor_sdk').on('click', this.wrapEvents.mousedown);
-            }
-            setTimeout(_.bind(function () {
-                btn.$el.focus();
-            }, this), 10);
-        },
-
-        onKeydown: function (e) {
-            var elFocus = this.getChild().find(':focus'),
-                action = elFocus.prop('id') === 'search-bar-next' ? 'next' : 'back';
-            elFocus.find('button')[e.keyCode === Common.UI.Keys.RETURN ? 'addClass' : 'removeClass']('focused');
-            if (e.keyCode === Common.UI.Keys.RETURN) {
-                this.fireEvent('search:keydown-next', [action, this.inputSearch.val(), e]);
-            } else {
-                this.onMousedown();
-            }
-        },
-
-        onMousedown: function () {
-            this.fireEvent('search:enable-key');
-            this.getChild().find('.focused').removeClass('focused');
-            $(document).off('keydown', this.wrapEvents.keydown);
-            $(document).off('mousedown', this.wrapEvents.mousedown);
-            $('#editor_sdk').off('click', this.wrapEvents.mousedown);
-            this.listenKeydown = false;
         },
 
         onOpenPanel: function () {

apps/common/main/lib/view/SearchPanel.js

@@ -53,11 +53,6 @@ define([
 
             this.mode = false;
 
-            this.wrapEvents = {
-                keydown: _.bind(this.onKeydown, this),
-                mousedown: _.bind(this.onMousedown, this),
-            };
-
             window.SSE && (this.extendedOptions = Common.localStorage.getBool('sse-search-options-extended', true));
         },
 
@@ -110,7 +105,7 @@ define([
                     dataHint: '1',
                     dataHintDirection: 'bottom'
                 });
-                this.btnBack.on('click', _.bind(this.onBtnNextClick, this, this.btnBack, 'back'));
+                this.btnBack.on('click', _.bind(this.onBtnNextClick, this, 'back'));
 
                 this.btnNext = new Common.UI.Button({
                     parentEl: $('#search-adv-next'),
@@ -120,7 +115,7 @@ define([
                     dataHint: '1',
                     dataHintDirection: 'bottom'
                 });
-                this.btnNext.on('click', _.bind(this.onBtnNextClick, this, this.btnNext, 'next'));
+                this.btnNext.on('click', _.bind(this.onBtnNextClick, this, 'next'));
 
                 this.btnReplace = new Common.UI.Button({
                     el: $('#search-adv-replace')
@@ -215,6 +210,7 @@ define([
                     }).on('keyup:after', function(input, e) {
                         me.fireEvent('search:options', ['range', input.getValue(), e.keyCode !== Common.UI.Keys.RETURN]);
                     });
+                    this.inputSelectRange.$el.hide();
 
                     this.cmbSearch = new Common.UI.ComboBox({
                         el: $('#search-adv-cmb-search'),
@@ -290,8 +286,7 @@ define([
                     });
                 }
                 Common.NotificationCenter.on('window:resize', function() {
-                    me.$resultsContainer.outerHeight($('#search-box').outerHeight() - $('#search-header').outerHeight() - $('#search-adv-settings').outerHeight());
-                    me.$resultsContainer.scroller.update({alwaysVisibleY: true});
+                    me.updateResultsContainerHeight();
                 });
             }
 
@@ -304,8 +299,7 @@ define([
             Common.UI.BaseView.prototype.show.call(this,arguments);
             this.fireEvent('show', this );
 
-            this.$resultsContainer.outerHeight($('#search-box').outerHeight() - $('#search-header').outerHeight() - $('#search-adv-settings').outerHeight());
-            this.$resultsContainer.scroller.update({alwaysVisibleY: true});
+            this.updateResultsContainerHeight();
         },
 
         hide: function () {
@@ -333,6 +327,13 @@ define([
         ChangeSettings: function(props) {
         },
 
+        updateResultsContainerHeight: function () {
+            if (this.$resultsContainer) {
+                this.$resultsContainer.outerHeight($('#search-box').outerHeight() - $('#search-header').outerHeight() - $('#search-adv-settings').outerHeight());
+                this.$resultsContainer.scroller.update({alwaysVisibleY: true});
+            }
+        },
+
         updateResultsNumber: function (current, count) {
             var text;
             if (count > 300) {
@@ -340,9 +341,19 @@ define([
             } else {
                 text = current === 'no-results' ? this.textNoSearchResults :
                     (current === 'stop' ? this.textSearchHasStopped :
-                    (!count ? this.textNoMatches : Common.Utils.String.format(this.textSearchResults, current + 1, count)));
+                    (current === 'content-changed' ? (this.textContentChanged + ' ' + Common.Utils.String.format(this.textSearchAgain, '<a class="search-again">','</a>')) :
+                    (!count ? this.textNoMatches : Common.Utils.String.format(this.textSearchResults, current + 1, count))));
             }
-            this.$reaultsNumber.text(text);
+            if (current === 'content-changed') {
+                var me = this;
+                this.$reaultsNumber.html(text);
+                this.$reaultsNumber.find('.search-again').on('click', function () {
+                    me.fireEvent('search:next', [me.inputText.getValue(), true]);
+                });
+            } else {
+                this.$reaultsNumber.text(text);
+            }
+            this.updateResultsContainerHeight();
             !window.SSE && this.disableReplaceButtons(!count);
         },
 
@@ -351,38 +362,8 @@ define([
             this.fireEvent('hide', this );
         },
 
-        onBtnNextClick: function (btn, action) {
+        onBtnNextClick: function (action) {
             this.fireEvent('search:'+action, [this.inputText.getValue(), true]);
-
-            if (!this.listenKeydown) {
-                this.listenKeydown = true;
-                $(document).on('keydown', this.wrapEvents.keydown);
-                $(document).on('mousedown', this.wrapEvents.mousedown);
-                $('#editor_sdk').on('click', this.wrapEvents.mousedown);
-            }
-            setTimeout(_.bind(function () {
-                btn.$el.focus();
-            }, this), 10);
-        },
-
-        onKeydown: function (e) {
-            var elFocus = $(':focus'),
-                action = elFocus.prop('id') === 'search-adv-next' ? 'next' : 'back';
-            elFocus.find('button')[e.keyCode === Common.UI.Keys.RETURN ? 'addClass' : 'removeClass']('focused');
-            if (e.keyCode === Common.UI.Keys.RETURN) {
-                this.fireEvent('search:keydown-next', [action, this.inputText.getValue(), e]);
-            } else {
-                this.onMousedown();
-            }
-        },
-
-        onMousedown: function () {
-            this.fireEvent('search:enable-key');
-            this.$el.find('.focused').removeClass('focused');
-            $(document).off('keydown', this.wrapEvents.keydown);
-            $(document).off('mousedown', this.wrapEvents.mousedown);
-            $('#editor_sdk').off('click', this.wrapEvents.mousedown);
-            this.listenKeydown = false;
         },
 
         onReplaceClick: function (action) {
@@ -402,8 +383,7 @@ define([
             this.$searchOptionsBlock[this.extendedOptions ? 'removeClass' : 'addClass']('no-expand');
             Common.localStorage.setBool('sse-search-options-extended', this.extendedOptions);
 
-            this.$resultsContainer.outerHeight($('#search-box').outerHeight() - $('#search-header').outerHeight() - $('#search-adv-settings').outerHeight());
-            this.$resultsContainer.scroller.update({alwaysVisibleY: true});
+            this.updateResultsContainerHeight();
         },
 
         setFindText: function (val) {
@@ -457,7 +437,9 @@ define([
         textCell: 'Cell',
         textValue: 'Value',
         textFormula: 'Formula',
-        textSearchHasStopped: 'Search has stopped'
+        textSearchHasStopped: 'Search has stopped',
+        textContentChanged: 'Document changed.',
+        textSearchAgain: '{0}Perform new search{1} for accurate results.'
 
     }, Common.Views.SearchPanel || {}));
 });

apps/common/main/resources/help/download.html

@@ -1,6 +1,10 @@
 <html>
 <head>
     <style>
+        body {
+            font-family: Arial,Helvetica,"Helvetica Neue",sans-serif;
+            color: #444;
+        }
         .centered {
             text-align: center;
             display: flex;

apps/common/main/resources/img/doc-formats/blank.svg

@@ -1,5 +1,3 @@
 <svg fill="none" height="96" viewBox="0 0 96 96" width="96" xmlns="http://www.w3.org/2000/svg">
-
     <path d="M94 9.5C94.8284 9.5 95.5 10.1716 95.5 11L95.5 85C95.5 85.8284 94.8284 86.5 94 86.5L2 86.5C1.17157 86.5 0.499997 85.8284 0.499997 85L0.5 11C0.5 10.1716 1.17158 9.5 2 9.5L94 9.5Z" fill="white" stroke="#BFBFBF"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/csv.svg

@@ -1,5 +1,4 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#646464"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M43.6868 106.822C43.0032 106.822 42.4739 107.08 42.0989 107.596C41.7239 108.107 41.5364 108.822 41.5364 109.74C41.5364 111.65 42.2532 112.605 43.6868 112.605C44.2883 112.605 45.0168 112.455 45.8723 112.154V113.678C45.1692 113.971 44.384 114.117 43.5168 114.117C42.2708 114.117 41.3176 113.74 40.6575 112.986C39.9973 112.229 39.6672 111.143 39.6672 109.729C39.6672 108.838 39.8293 108.059 40.1536 107.391C40.4778 106.719 40.9426 106.205 41.5481 105.85C42.1575 105.49 42.8704 105.311 43.6868 105.311C44.5188 105.311 45.3547 105.512 46.1946 105.914L45.6086 107.391C45.2883 107.238 44.9661 107.105 44.6418 106.992C44.3176 106.879 43.9993 106.822 43.6868 106.822ZM52.7571 111.621C52.7571 112.395 52.4778 113.004 51.9192 113.449C51.3645 113.895 50.5911 114.117 49.5989 114.117C48.6848 114.117 47.8762 113.945 47.1731 113.602V111.914C47.7512 112.172 48.2395 112.354 48.6379 112.459C49.0403 112.564 49.4075 112.617 49.7395 112.617C50.1379 112.617 50.4426 112.541 50.6536 112.389C50.8684 112.236 50.9758 112.01 50.9758 111.709C50.9758 111.541 50.929 111.393 50.8352 111.264C50.7415 111.131 50.6028 111.004 50.4192 110.883C50.2395 110.762 49.8704 110.568 49.3118 110.303C48.7883 110.057 48.3958 109.82 48.134 109.594C47.8723 109.367 47.6633 109.104 47.5071 108.803C47.3508 108.502 47.2727 108.15 47.2727 107.748C47.2727 106.99 47.5286 106.395 48.0403 105.961C48.5559 105.527 49.2668 105.311 50.1731 105.311C50.6184 105.311 51.0422 105.363 51.4446 105.469C51.8508 105.574 52.2747 105.723 52.7161 105.914L52.1301 107.326C51.6731 107.139 51.2942 107.008 50.9934 106.934C50.6965 106.859 50.4036 106.822 50.1145 106.822C49.7708 106.822 49.5071 106.902 49.3235 107.062C49.1399 107.223 49.0481 107.432 49.0481 107.689C49.0481 107.85 49.0852 107.99 49.1594 108.111C49.2336 108.229 49.3508 108.344 49.511 108.457C49.675 108.566 50.0598 108.766 50.6653 109.055C51.4661 109.438 52.0149 109.822 52.3118 110.209C52.6086 110.592 52.7571 111.062 52.7571 111.621ZM59.1965 105.434H61.0305L58.1184 114H56.1379L53.2317 105.434H55.0657L56.677 110.531C56.7668 110.832 56.8586 111.184 56.9524 111.586C57.05 111.984 57.1106 112.262 57.134 112.418C57.177 112.059 57.3235 111.43 57.5735 110.531L59.1965 105.434Z" fill="white"/>
@@ -30,5 +29,4 @@
 <path d="M80 48H63V50H80V48Z" fill="white"/>
 <path d="M80 41H63V43H80V41Z" fill="white"/>
 <path d="M80 34H63V36H80V34Z" fill="white"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/docx.svg

@@ -1,8 +1,6 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
-    <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#214479"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
+<path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#214479"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M41.6406 109.635C41.6406 111.045 41.2383 112.125 40.4336 112.875C39.6328 113.625 38.4746 114 36.959 114H34.5332V105.434H37.2227C38.6211 105.434 39.707 105.803 40.4805 106.541C41.2539 107.279 41.6406 108.311 41.6406 109.635ZM39.7539 109.682C39.7539 107.842 38.9414 106.922 37.3164 106.922H36.3496V112.5H37.1289C38.8789 112.5 39.7539 111.561 39.7539 109.682ZM51.1914 109.705C51.1914 111.123 50.8398 112.213 50.1367 112.975C49.4336 113.736 48.4258 114.117 47.1133 114.117C45.8008 114.117 44.793 113.736 44.0898 112.975C43.3867 112.213 43.0352 111.119 43.0352 109.693C43.0352 108.268 43.3867 107.18 44.0898 106.43C44.7969 105.676 45.8086 105.299 47.125 105.299C48.4414 105.299 49.4473 105.678 50.1426 106.436C50.8418 107.193 51.1914 108.283 51.1914 109.705ZM44.9395 109.705C44.9395 110.662 45.1211 111.383 45.4844 111.867C45.8477 112.352 46.3906 112.594 47.1133 112.594C48.5625 112.594 49.2871 111.631 49.2871 109.705C49.2871 107.775 48.5664 106.811 47.125 106.811C46.4023 106.811 45.8574 107.055 45.4902 107.543C45.123 108.027 44.9395 108.748 44.9395 109.705ZM56.6055 106.822C55.9219 106.822 55.3926 107.08 55.0176 107.596C54.6426 108.107 54.4551 108.822 54.4551 109.74C54.4551 111.65 55.1719 112.605 56.6055 112.605C57.207 112.605 57.9355 112.455 58.791 112.154V113.678C58.0879 113.971 57.3027 114.117 56.4355 114.117C55.1895 114.117 54.2363 113.74 53.5762 112.986C52.916 112.229 52.5859 111.143 52.5859 109.729C52.5859 108.838 52.748 108.059 53.0723 107.391C53.3965 106.719 53.8613 106.205 54.4668 105.85C55.0762 105.49 55.7891 105.311 56.6055 105.311C57.4375 105.311 58.2734 105.512 59.1133 105.914L58.5273 107.391C58.207 107.238 57.8848 107.105 57.5605 106.992C57.2363 106.879 56.918 106.822 56.6055 106.822ZM67.5449 114H65.4707L63.4785 110.76L61.4863 114H59.541L62.3828 109.582L59.7227 105.434H61.7266L63.5723 108.516L65.3828 105.434H67.3398L64.6504 109.682L67.5449 114Z" fill="white"/>
 <path d="M67.8 48L61.5 75L54.5 48H51.5H48.5L41.5 75L35.2 48H29.4L37.9 82H44.3L51.5 54.1L58.7 82H65.1L73.6 48H67.8Z" fill="white"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/docxf.svg

@@ -1,7 +1,5 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
-
-<g>
-    <path id="Vector" d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#27ABA3"/>
+<svg width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g>    <path id="Vector" d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#27ABA3"/>
     <path id="Vector_2" opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
     <g id="DOCXF">
         <path d="M38.3176 109.635C38.3176 111.045 37.9153 112.125 37.1106 112.875C36.3098 113.625 35.1516 114 33.636 114H31.2102V105.434H33.8997C35.2981 105.434 36.384 105.803 37.1575 106.541C37.9309 107.279 38.3176 108.311 38.3176 109.635ZM36.4309 109.682C36.4309 107.842 35.6184 106.922 33.9934 106.922H33.0266V112.5H33.8059C35.5559 112.5 36.4309 111.561 36.4309 109.682Z" fill="white"/>
@@ -13,5 +11,4 @@
     <path id="Rectangle 381 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M22 58H78V44H22V58ZM20 42V60H80V42H20Z" fill="white"/>
     <path id="Rectangle 387 (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M22 82H78V68H22V82ZM20 66V84H80V66H20Z" fill="white"/>
 </g>
-
 </svg>

apps/common/main/resources/img/doc-formats/dotx.svg

@@ -1,10 +1,8 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#214479"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M41.1855 109.635C41.1855 111.045 40.7832 112.125 39.9785 112.875C39.1777 113.625 38.0195 114 36.5039 114H34.0781V105.434H36.7676C38.166 105.434 39.252 105.803 40.0254 106.541C40.7988 107.279 41.1855 108.311 41.1855 109.635ZM39.2988 109.682C39.2988 107.842 38.4863 106.922 36.8613 106.922H35.8945V112.5H36.6738C38.4238 112.5 39.2988 111.561 39.2988 109.682ZM50.7363 109.705C50.7363 111.123 50.3848 112.213 49.6816 112.975C48.9785 113.736 47.9707 114.117 46.6582 114.117C45.3457 114.117 44.3379 113.736 43.6348 112.975C42.9316 112.213 42.5801 111.119 42.5801 109.693C42.5801 108.268 42.9316 107.18 43.6348 106.43C44.3418 105.676 45.3535 105.299 46.6699 105.299C47.9863 105.299 48.9922 105.678 49.6875 106.436C50.3867 107.193 50.7363 108.283 50.7363 109.705ZM44.4844 109.705C44.4844 110.662 44.666 111.383 45.0293 111.867C45.3926 112.352 45.9355 112.594 46.6582 112.594C48.1074 112.594 48.832 111.631 48.832 109.705C48.832 107.775 48.1113 106.811 46.6699 106.811C45.9473 106.811 45.4023 107.055 45.0352 107.543C44.668 108.027 44.4844 108.748 44.4844 109.705ZM55.8164 114H54V106.945H51.6738V105.434H58.1426V106.945H55.8164V114ZM66.3867 114H64.3125L62.3203 110.76L60.3281 114H58.3828L61.2246 109.582L58.5645 105.434H60.5684L62.4141 108.516L64.2246 105.434H66.1816L63.4922 109.682L66.3867 114Z" fill="white"/>
 <path d="M67.8 48L61.5 75L54.5 48H51.5H48.5L41.5 75L35.2 48H29.4L37.9 82H44.3L51.5 54.1L58.7 82H65.1L73.6 48H67.8Z" fill="white"/>
 <rect x="15" y="15" width="16" height="14" rx="2" fill="white"/>
 <path d="M23.0898 26H21.6895V18.6348H19.1699V17.4336H25.6094V18.6348H23.0898V26Z" fill="#214479"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/epub.svg

@@ -1,10 +1,8 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
-
+<svg width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#5892B6"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M40.3217 114H35.3881V105.434H40.3217V106.922H37.2045V108.803H40.1049V110.291H37.2045V112.5H40.3217V114ZM43.9311 109.465H44.5287C45.0873 109.465 45.5053 109.355 45.7827 109.137C46.06 108.914 46.1987 108.592 46.1987 108.17C46.1987 107.744 46.0815 107.43 45.8471 107.227C45.6166 107.023 45.2534 106.922 44.7573 106.922H43.9311V109.465ZM48.0327 108.105C48.0327 109.027 47.7436 109.732 47.1655 110.221C46.5912 110.709 45.7729 110.953 44.7104 110.953H43.9311V114H42.1147V105.434H44.851C45.8901 105.434 46.6791 105.658 47.2182 106.107C47.7612 106.553 48.0327 107.219 48.0327 108.105ZM56.6225 105.434V110.977C56.6225 111.609 56.4799 112.164 56.1948 112.641C55.9135 113.117 55.5053 113.482 54.9702 113.736C54.435 113.99 53.8022 114.117 53.0717 114.117C51.9702 114.117 51.1147 113.836 50.5053 113.273C49.8959 112.707 49.5912 111.934 49.5912 110.953V105.434H51.4018V110.678C51.4018 111.338 51.5346 111.822 51.8002 112.131C52.0659 112.439 52.5053 112.594 53.1186 112.594C53.7123 112.594 54.142 112.439 54.4077 112.131C54.6772 111.818 54.812 111.33 54.812 110.666V105.434H56.6225ZM58.7202 105.434H61.3862C62.601 105.434 63.4819 105.607 64.0287 105.955C64.5795 106.299 64.8549 106.848 64.8549 107.602C64.8549 108.113 64.7338 108.533 64.4916 108.861C64.2534 109.189 63.935 109.387 63.5366 109.453V109.512C64.0795 109.633 64.4702 109.859 64.7084 110.191C64.9506 110.523 65.0717 110.965 65.0717 111.516C65.0717 112.297 64.7885 112.906 64.2221 113.344C63.6596 113.781 62.894 114 61.9252 114H58.7202V105.434ZM60.5366 108.826H61.5912C62.0834 108.826 62.4389 108.75 62.6577 108.598C62.8803 108.445 62.9916 108.193 62.9916 107.842C62.9916 107.514 62.8705 107.279 62.6284 107.139C62.3901 106.994 62.0112 106.922 61.4916 106.922H60.5366V108.826ZM60.5366 110.268V112.5H61.7202C62.2202 112.5 62.5893 112.404 62.8276 112.213C63.0659 112.021 63.185 111.729 63.185 111.334C63.185 110.623 62.6772 110.268 61.6616 110.268H60.5366Z" fill="white"/>
 <path d="M49 84V49C49 49 40 43 25 42V75C25 75 42 76 49 84Z" fill="white"/>
 <path d="M75 75V42C60 43 51 49 51 49V84C58 76 75 75 75 75Z" fill="white"/>
 <path d="M77 47V79C77 79 62 79 50 87.3C38 79 23 79 23 79V47H20V82C20 82 33 80 50 88C67 80 80 82 80 82V47H77Z" fill="white"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/fb2.svg

@@ -1,10 +1,8 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
-
+<svg width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#B07408"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M41.8652 114H40.0781V105.434H44.9883V106.922H41.8652V109.131H44.7715V110.613H41.8652V114ZM46.6641 105.434H49.3301C50.5449 105.434 51.4258 105.607 51.9727 105.955C52.5234 106.299 52.7988 106.848 52.7988 107.602C52.7988 108.113 52.6777 108.533 52.4355 108.861C52.1973 109.189 51.8789 109.387 51.4805 109.453V109.512C52.0234 109.633 52.4141 109.859 52.6523 110.191C52.8945 110.523 53.0156 110.965 53.0156 111.516C53.0156 112.297 52.7324 112.906 52.166 113.344C51.6035 113.781 50.8379 114 49.8691 114H46.6641V105.434ZM48.4805 108.826H49.5352C50.0273 108.826 50.3828 108.75 50.6016 108.598C50.8242 108.445 50.9355 108.193 50.9355 107.842C50.9355 107.514 50.8145 107.279 50.5723 107.139C50.334 106.994 49.9551 106.922 49.4355 106.922H48.4805V108.826ZM48.4805 110.268V112.5H49.6641C50.1641 112.5 50.5332 112.404 50.7715 112.213C51.0098 112.021 51.1289 111.729 51.1289 111.334C51.1289 110.623 50.6211 110.268 49.6055 110.268H48.4805ZM60.1172 114H54.1289V112.74L56.2793 110.566C56.916 109.914 57.332 109.463 57.5273 109.213C57.7227 108.959 57.8633 108.725 57.9492 108.51C58.0352 108.295 58.0781 108.072 58.0781 107.842C58.0781 107.498 57.9824 107.242 57.791 107.074C57.6035 106.906 57.3516 106.822 57.0352 106.822C56.7031 106.822 56.3809 106.898 56.0684 107.051C55.7559 107.203 55.4297 107.42 55.0898 107.701L54.1055 106.535C54.5273 106.176 54.877 105.922 55.1543 105.773C55.4316 105.625 55.7344 105.512 56.0625 105.434C56.3906 105.352 56.7578 105.311 57.1641 105.311C57.6992 105.311 58.1719 105.408 58.582 105.604C58.9922 105.799 59.3105 106.072 59.5371 106.424C59.7637 106.775 59.877 107.178 59.877 107.631C59.877 108.025 59.8066 108.396 59.666 108.744C59.5293 109.088 59.3145 109.441 59.0215 109.805C58.7324 110.168 58.2207 110.686 57.4863 111.357L56.3848 112.395V112.477H60.1172V114Z" fill="white"/>
 <path d="M49 84V49C49 49 40 43 25 42V75C25 75 42 76 49 84Z" fill="white"/>
 <path d="M75 75V42C60 43 51 49 51 49V84C58 76 75 75 75 75Z" fill="white"/>
 <path d="M77 47V79C77 79 62 79 50 87.3C38 79 23 79 23 79V47H20V82C20 82 33 80 50 88C67 80 80 82 80 82V47H77Z" fill="white"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/html.svg

@@ -1,10 +1,8 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
-
+<svg width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#7C9A34"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M40.9877 114H39.1771V110.303H35.7845V114H33.9681V105.434H35.7845V108.791H39.1771V105.434H40.9877V114ZM46.4603 114H44.6439V106.945H42.3177V105.434H48.7865V106.945H46.4603V114ZM53.7318 114L51.6693 107.279H51.6166C51.6908 108.646 51.7279 109.559 51.7279 110.016V114H50.1049V105.434H52.5775L54.6049 111.984H54.64L56.7904 105.434H59.2631V114H57.5697V109.945C57.5697 109.754 57.5717 109.533 57.5756 109.283C57.5834 109.033 57.6107 108.369 57.6576 107.291H57.6049L55.3959 114H53.7318ZM61.4252 114V105.434H63.2416V112.5H66.7162V114H61.4252Z" fill="white"/>
 <path d="M62 53V57.8L75.5 62.5L62 67.2V72L80 64.2V60.8L62 53Z" fill="white"/>
 <path d="M40 75H45.5L59.5 50H54L40 75Z" fill="white"/>
 <path d="M19 64.2L37 72V67.2L23.5 62.5L37 57.8V53L19 60.8V64.2Z" fill="white"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/jpg.svg

@@ -1,5 +1,4 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
-
+<svg width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g>
 <path d="M95 22V118C95 118.796 94.6839 119.559 94.1213 120.121C93.5587 120.684 92.7956 121 92 121H8C7.20435 121 6.44129 120.684 5.87868 120.121C5.31607 119.559 5 118.796 5 118V7C5 6.20435 5.31607 5.44129 5.87868 4.87868C6.44129 4.31607 7.20435 4 8 4H77L95 22Z" fill="#7371D8"/>
 <g>
@@ -10,5 +9,4 @@
 <path d="M56 51.869L73.183 79H27.7869L39.5 59.912L44.274 67.6919L45.113 69.059L45.9712 67.7039L56 51.869ZM36 51.5C36 53.9853 33.9853 56 31.5 56C29.0147 56 27 53.9853 27 51.5C27 49.0147 29.0147 47 31.5 47C33.9853 47 36 49.0147 36 51.5Z" fill="white" stroke="white" stroke-width="2"/>
 <path opacity="0.2" d="M95 22H80C79.2044 22 78.4413 21.6839 77.8787 21.1213C77.3161 20.5587 77 19.7956 77 19V4L95 22Z" fill="black"/>
 </g>
-
 </svg>

apps/common/main/resources/img/doc-formats/odp.svg

@@ -1,9 +1,7 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#DD9426"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M45.8735 109.705C45.8735 111.123 45.522 112.213 44.8188 112.975C44.1157 113.736 43.1079 114.117 41.7954 114.117C40.4829 114.117 39.4751 113.736 38.772 112.975C38.0688 112.213 37.7173 111.119 37.7173 109.693C37.7173 108.268 38.0688 107.18 38.772 106.43C39.479 105.676 40.4907 105.299 41.8071 105.299C43.1235 105.299 44.1294 105.678 44.8247 106.436C45.5239 107.193 45.8735 108.283 45.8735 109.705ZM39.6216 109.705C39.6216 110.662 39.8032 111.383 40.1665 111.867C40.5298 112.352 41.0728 112.594 41.7954 112.594C43.2446 112.594 43.9692 111.631 43.9692 109.705C43.9692 107.775 43.2485 106.811 41.8071 106.811C41.0845 106.811 40.5396 107.055 40.1724 107.543C39.8052 108.027 39.6216 108.748 39.6216 109.705ZM54.7563 109.635C54.7563 111.045 54.354 112.125 53.5493 112.875C52.7485 113.625 51.5903 114 50.0747 114H47.6489V105.434H50.3384C51.7368 105.434 52.8228 105.803 53.5962 106.541C54.3696 107.279 54.7563 108.311 54.7563 109.635ZM52.8696 109.682C52.8696 107.842 52.0571 106.922 50.4321 106.922H49.4653V112.5H50.2446C51.9946 112.5 52.8696 111.561 52.8696 109.682ZM58.3481 109.465H58.9458C59.5044 109.465 59.9224 109.355 60.1997 109.137C60.4771 108.914 60.6157 108.592 60.6157 108.17C60.6157 107.744 60.4985 107.43 60.2642 107.227C60.0337 107.023 59.6704 106.922 59.1743 106.922H58.3481V109.465ZM62.4497 108.105C62.4497 109.027 62.1606 109.732 61.5825 110.221C61.0083 110.709 60.1899 110.953 59.1274 110.953H58.3481V114H56.5317V105.434H59.2681C60.3071 105.434 61.0962 105.658 61.6353 106.107C62.1782 106.553 62.4497 107.219 62.4497 108.105Z" fill="white"/>
 <path d="M78 52.74L77.71 52.59C75.5095 51.5323 73.0841 51.0277 70.6443 51.1201C68.2046 51.2125 65.8242 51.899 63.71 53.12C61.5369 51.8865 59.089 51.2182 56.5906 51.1763C54.0922 51.1344 51.6232 51.7202 49.41 52.88H49.33C49.2989 52.9033 49.2737 52.9335 49.2564 52.9682C49.239 53.0029 49.23 53.0412 49.23 53.08C49.23 53.149 49.2574 53.2151 49.3061 53.2639C49.3549 53.3126 49.421 53.34 49.49 53.34H49.55C50.9144 53.0837 52.3084 53.0231 53.69 53.16C57.69 53.53 61.12 54.76 63.55 57.52C63.68 57.65 63.79 57.64 63.92 57.52C67 54 71.68 52.6 76.72 53.07C77 53.07 77.28 53.13 77.55 53.18H77.88C77.9144 53.1847 77.9494 53.1815 77.9823 53.1708C78.0153 53.16 78.0455 53.142 78.0705 53.1179C78.0955 53.0939 78.1147 53.0645 78.1268 53.0319C78.1388 52.9994 78.1433 52.9645 78.14 52.93C78.1341 52.8893 78.1182 52.8506 78.0938 52.8174C78.0694 52.7843 78.0372 52.7577 78 52.74Z" fill="white"/>
 <path d="M72.16 65.21C68.1013 63.5273 63.6822 62.9007 59.3156 63.3886C54.9491 63.8765 50.7773 65.463 47.19 68C43.1649 66.2095 38.7509 65.4712 34.3622 65.8543C29.9735 66.2373 25.7541 67.7293 22.1 70.19H22.05C22.0071 70.2275 21.9725 70.2736 21.9484 70.3252C21.9243 70.3769 21.9112 70.433 21.91 70.49C21.91 70.5917 21.9497 70.6894 22.0207 70.7623C22.0917 70.8352 22.1883 70.8774 22.29 70.88H22.37C24.7999 70.1511 27.3232 69.7806 29.86 69.78C36.79 69.78 42.96 71.42 47.6 75.78C47.6698 75.8391 47.7586 75.8711 47.85 75.87C47.9075 75.8716 47.9645 75.8597 48.0166 75.8354C48.0686 75.8111 48.1143 75.775 48.15 75.73L48.37 75.42C53.09 68.97 60.87 65.79 69.53 65.79C70.15 65.79 70.76 65.79 71.37 65.85H71.92C72.0227 65.8475 72.1204 65.8056 72.193 65.733C72.2656 65.6604 72.3075 65.5626 72.31 65.46C72.3027 65.4105 72.2857 65.3629 72.26 65.32C72.2342 65.2771 72.2003 65.2397 72.16 65.21Z" fill="white"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/ods.svg

@@ -1,9 +1,7 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#237453"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M46.3335 109.705C46.3335 111.123 45.9819 112.213 45.2788 112.975C44.5757 113.736 43.5679 114.117 42.2554 114.117C40.9429 114.117 39.9351 113.736 39.2319 112.975C38.5288 112.213 38.1772 111.119 38.1772 109.693C38.1772 108.268 38.5288 107.18 39.2319 106.43C39.939 105.676 40.9507 105.299 42.2671 105.299C43.5835 105.299 44.5894 105.678 45.2847 106.436C45.9839 107.193 46.3335 108.283 46.3335 109.705ZM40.0815 109.705C40.0815 110.662 40.2632 111.383 40.6265 111.867C40.9897 112.352 41.5327 112.594 42.2554 112.594C43.7046 112.594 44.4292 111.631 44.4292 109.705C44.4292 107.775 43.7085 106.811 42.2671 106.811C41.5444 106.811 40.9995 107.055 40.6323 107.543C40.2651 108.027 40.0815 108.748 40.0815 109.705ZM55.2163 109.635C55.2163 111.045 54.814 112.125 54.0093 112.875C53.2085 113.625 52.0503 114 50.5347 114H48.1089V105.434H50.7983C52.1968 105.434 53.2827 105.803 54.0562 106.541C54.8296 107.279 55.2163 108.311 55.2163 109.635ZM53.3296 109.682C53.3296 107.842 52.5171 106.922 50.8921 106.922H49.9253V112.5H50.7046C52.4546 112.5 53.3296 111.561 53.3296 109.682ZM62.0483 111.621C62.0483 112.395 61.769 113.004 61.2104 113.449C60.6558 113.895 59.8823 114.117 58.8901 114.117C57.9761 114.117 57.1675 113.945 56.4644 113.602V111.914C57.0425 112.172 57.5308 112.354 57.9292 112.459C58.3315 112.564 58.6987 112.617 59.0308 112.617C59.4292 112.617 59.7339 112.541 59.9448 112.389C60.1597 112.236 60.2671 112.01 60.2671 111.709C60.2671 111.541 60.2202 111.393 60.1265 111.264C60.0327 111.131 59.894 111.004 59.7104 110.883C59.5308 110.762 59.1616 110.568 58.603 110.303C58.0796 110.057 57.687 109.82 57.4253 109.594C57.1636 109.367 56.9546 109.104 56.7983 108.803C56.6421 108.502 56.564 108.15 56.564 107.748C56.564 106.99 56.8198 106.395 57.3315 105.961C57.8472 105.527 58.5581 105.311 59.4644 105.311C59.9097 105.311 60.3335 105.363 60.7358 105.469C61.1421 105.574 61.5659 105.723 62.0073 105.914L61.4214 107.326C60.9644 107.139 60.5854 107.008 60.2847 106.934C59.9878 106.859 59.6948 106.822 59.4058 106.822C59.062 106.822 58.7983 106.902 58.6147 107.062C58.4312 107.223 58.3394 107.432 58.3394 107.689C58.3394 107.85 58.3765 107.99 58.4507 108.111C58.5249 108.229 58.6421 108.344 58.8022 108.457C58.9663 108.566 59.3511 108.766 59.9565 109.055C60.7573 109.438 61.3062 109.822 61.603 110.209C61.8999 110.592 62.0483 111.062 62.0483 111.621Z" fill="white"/>
 <path d="M78 52.74L77.71 52.59C75.5095 51.5323 73.0841 51.0277 70.6443 51.1201C68.2046 51.2125 65.8242 51.899 63.71 53.12C61.5369 51.8865 59.089 51.2182 56.5906 51.1763C54.0922 51.1344 51.6232 51.7202 49.41 52.88H49.33C49.2989 52.9033 49.2737 52.9335 49.2564 52.9682C49.239 53.0029 49.23 53.0412 49.23 53.08C49.23 53.149 49.2574 53.2151 49.3061 53.2639C49.3549 53.3126 49.421 53.34 49.49 53.34H49.55C50.9144 53.0837 52.3084 53.0231 53.69 53.16C57.69 53.53 61.12 54.76 63.55 57.52C63.68 57.65 63.79 57.64 63.92 57.52C67 54 71.68 52.6 76.72 53.07C77 53.07 77.28 53.13 77.55 53.18H77.88C77.9144 53.1847 77.9494 53.1815 77.9823 53.1708C78.0153 53.16 78.0455 53.142 78.0705 53.1179C78.0955 53.0939 78.1147 53.0645 78.1268 53.0319C78.1388 52.9994 78.1433 52.9645 78.14 52.93C78.1341 52.8893 78.1182 52.8506 78.0938 52.8174C78.0694 52.7843 78.0372 52.7577 78 52.74Z" fill="white"/>
 <path d="M72.16 65.21C68.1013 63.5273 63.6822 62.9007 59.3156 63.3886C54.9491 63.8765 50.7773 65.463 47.19 68C43.1649 66.2095 38.7509 65.4712 34.3622 65.8543C29.9735 66.2373 25.7541 67.7293 22.1 70.19H22.05C22.0071 70.2275 21.9725 70.2736 21.9484 70.3252C21.9243 70.3769 21.9112 70.433 21.91 70.49C21.91 70.5917 21.9497 70.6894 22.0207 70.7623C22.0917 70.8352 22.1883 70.8774 22.29 70.88H22.37C24.7999 70.1511 27.3232 69.7806 29.86 69.78C36.79 69.78 42.96 71.42 47.6 75.78C47.6698 75.8391 47.7586 75.8711 47.85 75.87C47.9075 75.8716 47.9645 75.8597 48.0166 75.8354C48.0686 75.8111 48.1143 75.775 48.15 75.73L48.37 75.42C53.09 68.97 60.87 65.79 69.53 65.79C70.15 65.79 70.76 65.79 71.37 65.85H71.92C72.0227 65.8475 72.1204 65.8056 72.193 65.733C72.2656 65.6604 72.3075 65.5626 72.31 65.46C72.3027 65.4105 72.2857 65.3629 72.26 65.32C72.2342 65.2771 72.2003 65.2397 72.16 65.21Z" fill="white"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/odt.svg

@@ -1,9 +1,7 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#3C6D88"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M46.1636 109.705C46.1636 111.123 45.812 112.213 45.1089 112.975C44.4058 113.736 43.3979 114.117 42.0854 114.117C40.7729 114.117 39.7651 113.736 39.062 112.975C38.3589 112.213 38.0073 111.119 38.0073 109.693C38.0073 108.268 38.3589 107.18 39.062 106.43C39.769 105.676 40.7808 105.299 42.0972 105.299C43.4136 105.299 44.4194 105.678 45.1147 106.436C45.814 107.193 46.1636 108.283 46.1636 109.705ZM39.9116 109.705C39.9116 110.662 40.0933 111.383 40.4565 111.867C40.8198 112.352 41.3628 112.594 42.0854 112.594C43.5347 112.594 44.2593 111.631 44.2593 109.705C44.2593 107.775 43.5386 106.811 42.0972 106.811C41.3745 106.811 40.8296 107.055 40.4624 107.543C40.0952 108.027 39.9116 108.748 39.9116 109.705ZM55.0464 109.635C55.0464 111.045 54.644 112.125 53.8394 112.875C53.0386 113.625 51.8804 114 50.3647 114H47.939V105.434H50.6284C52.0269 105.434 53.1128 105.803 53.8862 106.541C54.6597 107.279 55.0464 108.311 55.0464 109.635ZM53.1597 109.682C53.1597 107.842 52.3472 106.922 50.7222 106.922H49.7554V112.5H50.5347C52.2847 112.5 53.1597 111.561 53.1597 109.682ZM60.1265 114H58.3101V106.945H55.9839V105.434H62.4526V106.945H60.1265V114Z" fill="white"/>
 <path d="M78 52.74L77.71 52.59C75.5095 51.5323 73.0841 51.0277 70.6443 51.1201C68.2046 51.2125 65.8242 51.899 63.71 53.12C61.5369 51.8865 59.089 51.2182 56.5906 51.1763C54.0922 51.1344 51.6232 51.7202 49.41 52.88H49.33C49.2989 52.9033 49.2737 52.9335 49.2564 52.9682C49.239 53.0029 49.23 53.0412 49.23 53.08C49.23 53.149 49.2574 53.2151 49.3061 53.2639C49.3549 53.3126 49.421 53.34 49.49 53.34H49.55C50.9144 53.0837 52.3084 53.0231 53.69 53.16C57.69 53.53 61.12 54.76 63.55 57.52C63.68 57.65 63.79 57.64 63.92 57.52C67 54 71.68 52.6 76.72 53.07C77 53.07 77.28 53.13 77.55 53.18H77.88C77.9144 53.1847 77.9494 53.1815 77.9823 53.1708C78.0153 53.16 78.0455 53.142 78.0705 53.1179C78.0955 53.0939 78.1147 53.0645 78.1268 53.0319C78.1388 52.9994 78.1433 52.9645 78.14 52.93C78.1341 52.8893 78.1182 52.8506 78.0938 52.8174C78.0694 52.7843 78.0372 52.7577 78 52.74Z" fill="white"/>
 <path d="M72.1599 65.21C68.1011 63.5273 63.6821 62.9007 59.3155 63.3886C54.9489 63.8765 50.7772 65.463 47.1899 68C43.1648 66.2095 38.7507 65.4712 34.362 65.8543C29.9734 66.2373 25.754 67.7293 22.0999 70.19H22.0499C22.007 70.2275 21.9724 70.2736 21.9483 70.3252C21.9242 70.3769 21.9111 70.433 21.9099 70.49C21.9099 70.5917 21.9496 70.6894 22.0206 70.7623C22.0916 70.8352 22.1882 70.8774 22.2899 70.88H22.3699C24.7998 70.1511 27.323 69.7806 29.8599 69.78C36.7899 69.78 42.9599 71.42 47.5999 75.78C47.6697 75.8391 47.7585 75.8711 47.8499 75.87C47.9074 75.8716 47.9644 75.8597 48.0164 75.8354C48.0685 75.8111 48.1142 75.775 48.1499 75.73L48.3699 75.42C53.0899 68.97 60.8699 65.79 69.5299 65.79C70.1499 65.79 70.7599 65.79 71.3699 65.85H71.9199C72.0225 65.8475 72.1203 65.8056 72.1929 65.733C72.2655 65.6604 72.3074 65.5626 72.3099 65.46C72.3026 65.4105 72.2856 65.3629 72.2598 65.32C72.2341 65.2771 72.2001 65.2397 72.1599 65.21Z" fill="white"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/oform.svg

@@ -1,5 +1,4 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
-
+<svg width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#2CA498"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M36.8535 109.705C36.8535 111.123 36.502 112.213 35.7988 112.975C35.0957 113.736 34.0879 114.117 32.7754 114.117C31.4629 114.117 30.4551 113.736 29.752 112.975C29.0488 112.213 28.6973 111.119 28.6973 109.693C28.6973 108.268 29.0488 107.18 29.752 106.43C30.459 105.676 31.4707 105.299 32.7871 105.299C34.1035 105.299 35.1094 105.678 35.8047 106.436C36.5039 107.193 36.8535 108.283 36.8535 109.705ZM30.6016 109.705C30.6016 110.662 30.7832 111.383 31.1465 111.867C31.5098 112.352 32.0527 112.594 32.7754 112.594C34.2246 112.594 34.9492 111.631 34.9492 109.705C34.9492 107.775 34.2285 106.811 32.7871 106.811C32.0645 106.811 31.5195 107.055 31.1523 107.543C30.7852 108.027 30.6016 108.748 30.6016 109.705Z" fill="white"/>
@@ -14,5 +13,4 @@
 <rect x="29" y="74" width="5" height="2" fill="white"/>
 <rect x="36" y="74" width="5" height="2" fill="white"/>
 <rect width="22" height="2" transform="matrix(-4.37114e-08 1 1 4.37114e-08 34 52)" fill="white"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/otp.svg

@@ -1,5 +1,4 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#DD9426"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M45.8735 109.705C45.8735 111.123 45.522 112.213 44.8188 112.975C44.1157 113.736 43.1079 114.117 41.7954 114.117C40.4829 114.117 39.4751 113.736 38.772 112.975C38.0688 112.213 37.7173 111.119 37.7173 109.693C37.7173 108.268 38.0688 107.18 38.772 106.43C39.479 105.676 40.4907 105.299 41.8071 105.299C43.1235 105.299 44.1294 105.678 44.8247 106.436C45.5239 107.193 45.8735 108.283 45.8735 109.705ZM39.6216 109.705C39.6216 110.662 39.8032 111.383 40.1665 111.867C40.5298 112.352 41.0728 112.594 41.7954 112.594C43.2446 112.594 43.9692 111.631 43.9692 109.705C43.9692 107.775 43.2485 106.811 41.8071 106.811C41.0845 106.811 40.5396 107.055 40.1724 107.543C39.8052 108.027 39.6216 108.748 39.6216 109.705ZM50.9536 114H49.1372V106.945H46.811V105.434H53.2798V106.945H50.9536V114ZM56.4146 109.465H57.0122C57.5708 109.465 57.9888 109.355 58.2661 109.137C58.5435 108.914 58.6821 108.592 58.6821 108.17C58.6821 107.744 58.5649 107.43 58.3306 107.227C58.1001 107.023 57.7368 106.922 57.2407 106.922H56.4146V109.465ZM60.5161 108.105C60.5161 109.027 60.2271 109.732 59.6489 110.221C59.0747 110.709 58.2563 110.953 57.1938 110.953H56.4146V114H54.5981V105.434H57.3345C58.3735 105.434 59.1626 105.658 59.7017 106.107C60.2446 106.553 60.5161 107.219 60.5161 108.105Z" fill="white"/>
@@ -7,5 +6,4 @@
 <path d="M72.1602 65.21C68.1014 63.5273 63.6824 62.9007 59.3158 63.3886C54.9492 63.8765 50.7775 65.463 47.1902 68C43.165 66.2096 38.751 65.4712 34.3623 65.8543C29.9736 66.2374 25.7542 67.7293 22.1002 70.19H22.0502C22.0072 70.2276 21.9726 70.2736 21.9485 70.3253C21.9244 70.3769 21.9114 70.433 21.9102 70.49C21.9101 70.5918 21.9498 70.6895 22.0208 70.7623C22.0918 70.8352 22.1885 70.8774 22.2902 70.88H22.3702C24.8001 70.1512 27.3233 69.7806 29.8602 69.78C36.7902 69.78 42.9602 71.42 47.6002 75.78C47.6699 75.8391 47.7587 75.8711 47.8502 75.87C47.9076 75.8716 47.9646 75.8598 48.0167 75.8355C48.0688 75.8112 48.1145 75.7751 48.1502 75.73L48.3702 75.42C53.0902 68.97 60.8702 65.79 69.5302 65.79C70.1502 65.79 70.7602 65.79 71.3702 65.85H71.9202C72.0228 65.8475 72.1205 65.8056 72.1931 65.733C72.2657 65.6604 72.3076 65.5627 72.3102 65.46C72.3028 65.4105 72.2858 65.363 72.2601 65.3201C72.2343 65.2772 72.2004 65.2398 72.1602 65.21Z" fill="white"/>
 <rect x="15" y="15" width="16" height="14" rx="2" fill="white"/>
 <path d="M23.0898 26H21.6895V18.6348H19.1699V17.4336H25.6094V18.6348H23.0898V26Z" fill="#DD9426"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/ots.svg

@@ -1,5 +1,4 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#237453"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M46.3335 109.705C46.3335 111.123 45.9819 112.213 45.2788 112.975C44.5757 113.736 43.5679 114.117 42.2554 114.117C40.9429 114.117 39.9351 113.736 39.2319 112.975C38.5288 112.213 38.1772 111.119 38.1772 109.693C38.1772 108.268 38.5288 107.18 39.2319 106.43C39.939 105.676 40.9507 105.299 42.2671 105.299C43.5835 105.299 44.5894 105.678 45.2847 106.436C45.9839 107.193 46.3335 108.283 46.3335 109.705ZM40.0815 109.705C40.0815 110.662 40.2632 111.383 40.6265 111.867C40.9897 112.352 41.5327 112.594 42.2554 112.594C43.7046 112.594 44.4292 111.631 44.4292 109.705C44.4292 107.775 43.7085 106.811 42.2671 106.811C41.5444 106.811 40.9995 107.055 40.6323 107.543C40.2651 108.027 40.0815 108.748 40.0815 109.705ZM51.4136 114H49.5972V106.945H47.271V105.434H53.7397V106.945H51.4136V114ZM60.1147 111.621C60.1147 112.395 59.8354 113.004 59.2769 113.449C58.7222 113.895 57.9487 114.117 56.9565 114.117C56.0425 114.117 55.2339 113.945 54.5308 113.602V111.914C55.1089 112.172 55.5972 112.354 55.9956 112.459C56.3979 112.564 56.7651 112.617 57.0972 112.617C57.4956 112.617 57.8003 112.541 58.0112 112.389C58.2261 112.236 58.3335 112.01 58.3335 111.709C58.3335 111.541 58.2866 111.393 58.1929 111.264C58.0991 111.131 57.9604 111.004 57.7769 110.883C57.5972 110.762 57.228 110.568 56.6694 110.303C56.146 110.057 55.7534 109.82 55.4917 109.594C55.23 109.367 55.021 109.104 54.8647 108.803C54.7085 108.502 54.6304 108.15 54.6304 107.748C54.6304 106.99 54.8862 106.395 55.3979 105.961C55.9136 105.527 56.6245 105.311 57.5308 105.311C57.9761 105.311 58.3999 105.363 58.8022 105.469C59.2085 105.574 59.6323 105.723 60.0737 105.914L59.4878 107.326C59.0308 107.139 58.6519 107.008 58.3511 106.934C58.0542 106.859 57.7612 106.822 57.4722 106.822C57.1284 106.822 56.8647 106.902 56.6812 107.062C56.4976 107.223 56.4058 107.432 56.4058 107.689C56.4058 107.85 56.4429 107.99 56.5171 108.111C56.5913 108.229 56.7085 108.344 56.8687 108.457C57.0327 108.566 57.4175 108.766 58.0229 109.055C58.8237 109.438 59.3726 109.822 59.6694 110.209C59.9663 110.592 60.1147 111.062 60.1147 111.621Z" fill="white"/>
@@ -7,5 +6,4 @@
 <path d="M72.16 65.21C68.1013 63.5273 63.6822 62.9007 59.3156 63.3886C54.9491 63.8765 50.7773 65.463 47.19 68C43.1649 66.2095 38.7509 65.4712 34.3622 65.8543C29.9735 66.2373 25.7541 67.7293 22.1 70.19H22.05C22.0071 70.2275 21.9725 70.2736 21.9484 70.3252C21.9243 70.3769 21.9112 70.433 21.91 70.49C21.91 70.5917 21.9497 70.6894 22.0207 70.7623C22.0917 70.8352 22.1883 70.8774 22.29 70.88H22.37C24.7999 70.1511 27.3232 69.7806 29.86 69.78C36.79 69.78 42.96 71.42 47.6 75.78C47.6698 75.8391 47.7586 75.8711 47.85 75.87C47.9075 75.8716 47.9645 75.8597 48.0166 75.8354C48.0686 75.8111 48.1143 75.775 48.15 75.73L48.37 75.42C53.09 68.97 60.87 65.79 69.53 65.79C70.15 65.79 70.76 65.79 71.37 65.85H71.92C72.0227 65.8475 72.1204 65.8056 72.193 65.733C72.2656 65.6604 72.3075 65.5626 72.31 65.46C72.3027 65.4105 72.2857 65.3629 72.26 65.32C72.2342 65.2771 72.2003 65.2397 72.16 65.21Z" fill="white"/>
 <rect x="15" y="15" width="16" height="14" rx="2" fill="white"/>
 <path d="M23.0898 26H21.6895V18.6348H19.1699V17.4336H25.6094V18.6348H23.0898V26Z" fill="#237453"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/ott.svg

@@ -1,5 +1,4 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#3C6D88"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M46.1636 109.705C46.1636 111.123 45.812 112.213 45.1089 112.975C44.4058 113.736 43.3979 114.117 42.0854 114.117C40.7729 114.117 39.7651 113.736 39.062 112.975C38.3589 112.213 38.0073 111.119 38.0073 109.693C38.0073 108.268 38.3589 107.18 39.062 106.43C39.769 105.676 40.7808 105.299 42.0972 105.299C43.4136 105.299 44.4194 105.678 45.1147 106.436C45.814 107.193 46.1636 108.283 46.1636 109.705ZM39.9116 109.705C39.9116 110.662 40.0933 111.383 40.4565 111.867C40.8198 112.352 41.3628 112.594 42.0854 112.594C43.5347 112.594 44.2593 111.631 44.2593 109.705C44.2593 107.775 43.5386 106.811 42.0972 106.811C41.3745 106.811 40.8296 107.055 40.4624 107.543C40.0952 108.027 39.9116 108.748 39.9116 109.705ZM51.2437 114H49.4272V106.945H47.1011V105.434H53.5698V106.945H51.2437V114ZM58.1929 114H56.3765V106.945H54.0503V105.434H60.519V106.945H58.1929V114Z" fill="white"/>
@@ -7,5 +6,4 @@
 <path d="M72.1602 65.21C68.1014 63.5273 63.6824 62.9007 59.3158 63.3886C54.9492 63.8765 50.7775 65.463 47.1902 68C43.165 66.2095 38.751 65.4712 34.3623 65.8543C29.9736 66.2373 25.7542 67.7293 22.1002 70.19H22.0502C22.0072 70.2275 21.9726 70.2736 21.9485 70.3252C21.9244 70.3769 21.9114 70.433 21.9102 70.49C21.9101 70.5917 21.9498 70.6894 22.0208 70.7623C22.0918 70.8352 22.1885 70.8774 22.2902 70.88H22.3702C24.8001 70.1511 27.3233 69.7806 29.8602 69.78C36.7902 69.78 42.9602 71.42 47.6002 75.78C47.6699 75.8391 47.7587 75.8711 47.8502 75.87C47.9076 75.8716 47.9646 75.8597 48.0167 75.8354C48.0688 75.8111 48.1145 75.775 48.1502 75.73L48.3702 75.42C53.0902 68.97 60.8702 65.79 69.5302 65.79C70.1502 65.79 70.7602 65.79 71.3702 65.85H71.9202C72.0228 65.8475 72.1205 65.8056 72.1931 65.733C72.2657 65.6604 72.3076 65.5626 72.3102 65.46C72.3028 65.4105 72.2858 65.3629 72.2601 65.32C72.2343 65.2771 72.2004 65.2397 72.1602 65.21Z" fill="white"/>
 <rect x="15" y="15" width="16" height="14" rx="2" fill="white"/>
 <path d="M23.0898 26H21.6895V18.6348H19.1699V17.4336H25.6094V18.6348H23.0898V26Z" fill="#3C6D88"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/pdf.svg

@@ -1,8 +1,6 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#BA4C3F"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M41.3945 109.465H41.9922C42.5508 109.465 42.9688 109.355 43.2461 109.137C43.5234 108.914 43.6621 108.592 43.6621 108.17C43.6621 107.744 43.5449 107.43 43.3105 107.227C43.0801 107.023 42.7168 106.922 42.2207 106.922H41.3945V109.465ZM45.4961 108.105C45.4961 109.027 45.207 109.732 44.6289 110.221C44.0547 110.709 43.2363 110.953 42.1738 110.953H41.3945V114H39.5781V105.434H42.3145C43.3535 105.434 44.1426 105.658 44.6816 106.107C45.2246 106.553 45.4961 107.219 45.4961 108.105ZM54.2207 109.635C54.2207 111.045 53.8184 112.125 53.0137 112.875C52.2129 113.625 51.0547 114 49.5391 114H47.1133V105.434H49.8027C51.2012 105.434 52.2871 105.803 53.0605 106.541C53.834 107.279 54.2207 108.311 54.2207 109.635ZM52.334 109.682C52.334 107.842 51.5215 106.922 49.8965 106.922H48.9297V112.5H49.709C51.459 112.5 52.334 111.561 52.334 109.682ZM57.7832 114H55.9961V105.434H60.9062V106.922H57.7832V109.131H60.6895V110.613H57.7832V114Z" fill="white"/>
 <path d="M40.42 66.69C42 63.55 43.84 60 45.3 56.46L45.88 55.06C43.98 47.81 42.83 41.99 43.88 38.23C44.0939 37.7244 44.463 37.2999 44.9339 37.0177C45.4048 36.7355 45.9532 36.6102 46.5 36.66H47.38C49.04 36.66 49.82 38.75 49.91 39.57C49.9251 40.8132 49.7635 42.0523 49.43 43.25C49.5084 41.9746 49.3176 40.6969 48.87 39.5C48.16 38 47.5 37.1 46.91 37C46.7002 37.1686 46.5304 37.3816 46.4128 37.6236C46.2952 37.8657 46.2328 38.1309 46.23 38.4C46.0668 39.4553 45.9899 40.5222 46 41.59C46.0646 44.777 46.5522 47.9414 47.45 51C47.63 50.46 47.79 50 47.93 49.46C48.13 48.7 49.42 43.65 49.42 43.65C49.42 43.65 49.09 50.37 48.64 52.41C48.54 52.84 48.43 53.27 48.32 53.7C49.8434 58.0628 52.3675 62.0082 55.69 65.22C57.0163 66.3414 58.4616 67.3138 60 68.12C62.8629 67.6867 65.7544 67.4694 68.65 67.47C71.93 67.47 74.34 68 75.31 68.96C75.7339 69.4112 75.9791 70.0013 76 70.62C75.9819 70.9567 75.935 71.2913 75.86 71.62C75.86 71.44 75.86 70.62 73.26 69.74C71.19 69.08 67.26 69.1 62.65 69.59C68.04 72.23 73.29 73.59 74.95 72.75C75.3001 72.5168 75.605 72.222 75.85 71.88C75.7313 72.4478 75.5606 73.0035 75.34 73.54C75.013 73.9615 74.5617 74.2694 74.05 74.42C71.42 75.13 64.59 73.5 58.63 70.1C51.9034 71.1211 45.2713 72.6896 38.8 74.79C33 84.88 28.71 89.51 25.19 87.75L23.9 87.1C23.6628 86.9099 23.4889 86.6523 23.4014 86.3612C23.3139 86.0701 23.3169 85.7593 23.41 85.47C23.82 83.47 26.34 80.47 31.41 77.41C31.96 77.08 34.41 75.8 34.41 75.8C34.41 75.8 32.62 77.54 32.2 77.88C28.2 81.19 25.2 85.35 25.25 86.97V87.11C28.68 86.62 33.82 79.63 40.44 66.69H40.42ZM42.54 67.76C41.43 69.84 40.35 71.76 39.35 73.55C44.8642 71.3408 50.5959 69.7185 56.45 68.71C55.69 68.18 54.96 67.63 54.26 67.04C51.2254 64.4414 48.7547 61.2492 47 57.66C45.7253 61.1258 44.2151 64.5003 42.48 67.76" fill="white"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/pdfa.svg

@@ -1,10 +1,8 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#BA4C3F"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M34.8945 109.465H35.4922C36.0508 109.465 36.4688 109.355 36.7461 109.137C37.0234 108.914 37.1621 108.592 37.1621 108.17C37.1621 107.744 37.0449 107.43 36.8105 107.227C36.5801 107.023 36.2168 106.922 35.7207 106.922H34.8945V109.465ZM38.9961 108.105C38.9961 109.027 38.707 109.732 38.1289 110.221C37.5547 110.709 36.7363 110.953 35.6738 110.953H34.8945V114H33.0781V105.434H35.8145C36.8535 105.434 37.6426 105.658 38.1816 106.107C38.7246 106.553 38.9961 107.219 38.9961 108.105ZM47.7207 109.635C47.7207 111.045 47.3184 112.125 46.5137 112.875C45.7129 113.625 44.5547 114 43.0391 114H40.6133V105.434H43.3027C44.7012 105.434 45.7871 105.803 46.5605 106.541C47.334 107.279 47.7207 108.311 47.7207 109.635ZM45.834 109.682C45.834 107.842 45.0215 106.922 43.3965 106.922H42.4297V112.5H43.209C44.959 112.5 45.834 111.561 45.834 109.682ZM51.2832 114H49.4961V105.434H54.4062V106.922H51.2832V109.131H54.1895V110.613H51.2832V114ZM59.9023 105.434L56.709 114H55.0859L58.2793 105.434H59.9023ZM66.2832 114L65.6621 111.961H62.5391L61.918 114H59.9609L62.9844 105.398H65.2051L68.2402 114H66.2832ZM65.2285 110.438C64.6543 108.59 64.3301 107.545 64.2559 107.303C64.1855 107.061 64.1348 106.869 64.1035 106.729C63.9746 107.229 63.6055 108.465 62.9961 110.438H65.2285Z" fill="white"/>
 <path d="M40.42 66.69C42 63.55 43.84 60 45.3 56.46L45.88 55.06C43.98 47.81 42.83 41.99 43.88 38.23C44.0939 37.7244 44.463 37.2999 44.9339 37.0177C45.4048 36.7355 45.9532 36.6102 46.5 36.66H47.38C49.04 36.66 49.82 38.75 49.91 39.57C49.9251 40.8132 49.7635 42.0523 49.43 43.25C49.5084 41.9745 49.3176 40.6969 48.87 39.5C48.16 38 47.5 37.1 46.91 37C46.7002 37.1685 46.5304 37.3815 46.4128 37.6236C46.2952 37.8657 46.2328 38.1309 46.23 38.4C46.0668 39.4553 45.9899 40.5222 46 41.59C46.0646 44.777 46.5522 47.9413 47.45 51C47.63 50.46 47.79 50 47.93 49.46C48.13 48.7 49.42 43.65 49.42 43.65C49.42 43.65 49.09 50.37 48.64 52.41C48.54 52.84 48.43 53.27 48.32 53.7C49.8434 58.0628 52.3675 62.0082 55.69 65.22C57.0163 66.3413 58.4616 67.3138 60 68.12C62.8629 67.6867 65.7544 67.4694 68.65 67.47C71.93 67.47 74.34 68 75.31 68.96C75.7339 69.4112 75.9791 70.0012 76 70.62C75.9819 70.9567 75.935 71.2913 75.86 71.62C75.86 71.44 75.86 70.62 73.26 69.74C71.19 69.08 67.26 69.1 62.65 69.59C68.04 72.23 73.29 73.59 74.95 72.75C75.3001 72.5168 75.605 72.222 75.85 71.88C75.7313 72.4478 75.5606 73.0035 75.34 73.54C75.013 73.9615 74.5617 74.2694 74.05 74.42C71.42 75.13 64.59 73.5 58.63 70.1C51.9034 71.121 45.2713 72.6896 38.8 74.79C33 84.88 28.71 89.51 25.19 87.75L23.9 87.1C23.6628 86.9099 23.4889 86.6523 23.4014 86.3612C23.3139 86.0701 23.3169 85.7593 23.41 85.47C23.82 83.47 26.34 80.47 31.41 77.41C31.96 77.08 34.41 75.8 34.41 75.8C34.41 75.8 32.62 77.54 32.2 77.88C28.2 81.19 25.2 85.35 25.25 86.97V87.11C28.68 86.62 33.82 79.63 40.44 66.69H40.42ZM42.54 67.76C41.43 69.84 40.35 71.76 39.35 73.55C44.8642 71.3408 50.5959 69.7185 56.45 68.71C55.69 68.18 54.96 67.63 54.26 67.04C51.2254 64.4414 48.7547 61.2492 47 57.66C45.7253 61.1257 44.2151 64.5003 42.48 67.76" fill="white"/>
 <rect x="15" y="15" width="16" height="14" rx="2" fill="white"/>
 <path d="M25.4453 26L24.5898 23.6211H21.3145L20.4766 26H19L22.2051 17.3984H23.7285L26.9336 26H25.4453ZM24.2207 22.4141L23.418 20.082C23.3594 19.9258 23.2773 19.6797 23.1719 19.3438C23.0703 19.0078 23 18.7617 22.9609 18.6055C22.8555 19.0859 22.7012 19.6113 22.498 20.1816L21.7246 22.4141H24.2207Z" fill="#BA4C3F"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/png.svg

@@ -1,5 +1,4 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
-
+<svg width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g>
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#D871D6"/>
 <g>
@@ -10,5 +9,4 @@
 <path d="M56 51.869L73.183 79H27.7869L39.5 59.912L44.274 67.6919L45.113 69.059L45.9712 67.7039L56 51.869ZM36 51.5C36 53.9853 33.9853 56 31.5 56C29.0147 56 27 53.9853 27 51.5C27 49.0147 29.0147 47 31.5 47C33.9853 47 36 49.0147 36 51.5Z" fill="white" stroke="white" stroke-width="2"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 </g>
-
 </svg>

apps/common/main/resources/img/doc-formats/potx.svg

@@ -1,5 +1,4 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#DD682B"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M37.8845 109.465H38.4822C39.0408 109.465 39.4587 109.355 39.7361 109.137C40.0134 108.914 40.1521 108.592 40.1521 108.17C40.1521 107.744 40.0349 107.43 39.8005 107.227C39.5701 107.023 39.2068 106.922 38.7107 106.922H37.8845V109.465ZM41.9861 108.105C41.9861 109.027 41.697 109.732 41.1189 110.221C40.5447 110.709 39.7263 110.953 38.6638 110.953H37.8845V114H36.0681V105.434H38.8044C39.8435 105.434 40.6326 105.658 41.1716 106.107C41.7146 106.553 41.9861 107.219 41.9861 108.105ZM51.3787 109.705C51.3787 111.123 51.0271 112.213 50.324 112.975C49.6208 113.736 48.613 114.117 47.3005 114.117C45.988 114.117 44.9802 113.736 44.2771 112.975C43.574 112.213 43.2224 111.119 43.2224 109.693C43.2224 108.268 43.574 107.18 44.2771 106.43C44.9841 105.676 45.9958 105.299 47.3123 105.299C48.6287 105.299 49.6345 105.678 50.3298 106.436C51.0291 107.193 51.3787 108.283 51.3787 109.705ZM45.1267 109.705C45.1267 110.662 45.3083 111.383 45.6716 111.867C46.0349 112.352 46.5779 112.594 47.3005 112.594C48.7498 112.594 49.4744 111.631 49.4744 109.705C49.4744 107.775 48.7537 106.811 47.3123 106.811C46.5896 106.811 46.0447 107.055 45.6775 107.543C45.3103 108.027 45.1267 108.748 45.1267 109.705ZM56.4587 114H54.6423V106.945H52.3162V105.434H58.7849V106.945H56.4587V114ZM67.0291 114H64.9548L62.9626 110.76L60.9705 114H59.0251L61.8669 109.582L59.2068 105.434H61.2107L63.0564 108.516L64.8669 105.434H66.824L64.1345 109.682L67.0291 114Z" fill="white"/>
@@ -10,5 +9,4 @@
 <path d="M75 77H25V79H75V77Z" fill="white"/>
 <rect x="15" y="15" width="16" height="14" rx="2" fill="white"/>
 <path d="M23.0898 26H21.6895V18.6348H19.1699V17.4336H25.6094V18.6348H23.0898V26Z" fill="#DD682B"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/ppsx.svg

@@ -1,5 +1,4 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
-
+<svg width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g>
 <path id="Vector" d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#E87616"/>
 <path id="Vector_2" opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
@@ -15,5 +14,4 @@
 <path id="Vector_6" d="M75 83H25V85H75V83Z" fill="white"/>
 <path id="Vector_7" d="M75 77H25V79H75V77Z" fill="white"/>
 </g>
-
 </svg>

apps/common/main/resources/img/doc-formats/pptm.svg

@@ -1,5 +1,4 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
-
+<svg width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#DD682B"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M37.2146 109.465H37.8123C38.3708 109.465 38.7888 109.355 39.0662 109.137C39.3435 108.914 39.4822 108.592 39.4822 108.17C39.4822 107.744 39.365 107.43 39.1306 107.227C38.9001 107.023 38.5369 106.922 38.0408 106.922H37.2146V109.465ZM41.3162 108.105C41.3162 109.027 41.0271 109.732 40.449 110.221C39.8748 110.709 39.0564 110.953 37.9939 110.953H37.2146V114H35.3982V105.434H38.1345C39.1736 105.434 39.9626 105.658 40.5017 106.107C41.0447 106.553 41.3162 107.219 41.3162 108.105ZM44.7498 109.465H45.3474C45.906 109.465 46.324 109.355 46.6013 109.137C46.8787 108.914 47.0173 108.592 47.0173 108.17C47.0173 107.744 46.9001 107.43 46.6658 107.227C46.4353 107.023 46.072 106.922 45.5759 106.922H44.7498V109.465ZM48.8513 108.105C48.8513 109.027 48.5623 109.732 47.9841 110.221C47.4099 110.709 46.5916 110.953 45.5291 110.953H44.7498V114H42.9333V105.434H45.6697C46.7087 105.434 47.4978 105.658 48.0369 106.107C48.5798 106.553 48.8513 107.219 48.8513 108.105ZM53.7732 114H51.9568V106.945H49.6306V105.434H56.0994V106.945H53.7732V114ZM61.0447 114L58.9822 107.279H58.9294C59.0037 108.646 59.0408 109.559 59.0408 110.016V114H57.4177V105.434H59.8904L61.9177 111.984H61.9529L64.1033 105.434H66.5759V114H64.8826V109.945C64.8826 109.754 64.8845 109.533 64.8884 109.283C64.8962 109.033 64.9236 108.369 64.9705 107.291H64.9177L62.7087 114H61.0447Z" fill="white"/>
@@ -10,5 +9,4 @@
 <path d="M75 77H25V79H75V77Z" fill="white"/>
 <path d="M15 17C15 15.8954 15.8954 15 17 15H29C30.1046 15 31 15.8954 31 17V26C31 27.1046 30.1046 28 29 28H17C15.8954 28 15 27.1046 15 26V17Z" fill="white"/>
 <path d="M22.2969 26L19.8125 18.8457H19.7656C19.832 19.9082 19.8652 20.9043 19.8652 21.834V26H18.5938V17.4336H20.5684L22.9473 24.248H22.9824L25.4316 17.4336H27.4121V26H26.0645V21.7637C26.0645 21.3379 26.0742 20.7832 26.0938 20.0996C26.1172 19.416 26.1367 19.002 26.1523 18.8574H26.1055L23.5332 26H22.2969Z" fill="#DD682B"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/pptx.svg

@@ -1,5 +1,4 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#DD682B"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M37.8845 109.465H38.4822C39.0408 109.465 39.4587 109.355 39.7361 109.137C40.0134 108.914 40.1521 108.592 40.1521 108.17C40.1521 107.744 40.0349 107.43 39.8005 107.227C39.5701 107.023 39.2068 106.922 38.7107 106.922H37.8845V109.465ZM41.9861 108.105C41.9861 109.027 41.697 109.732 41.1189 110.221C40.5447 110.709 39.7263 110.953 38.6638 110.953H37.8845V114H36.0681V105.434H38.8044C39.8435 105.434 40.6326 105.658 41.1716 106.107C41.7146 106.553 41.9861 107.219 41.9861 108.105ZM45.4197 109.465H46.0173C46.5759 109.465 46.9939 109.355 47.2712 109.137C47.5486 108.914 47.6873 108.592 47.6873 108.17C47.6873 107.744 47.5701 107.43 47.3357 107.227C47.1052 107.023 46.7419 106.922 46.2458 106.922H45.4197V109.465ZM49.5212 108.105C49.5212 109.027 49.2322 109.732 48.6541 110.221C48.0798 110.709 47.2615 110.953 46.199 110.953H45.4197V114H43.6033V105.434H46.3396C47.3787 105.434 48.1677 105.658 48.7068 106.107C49.2498 106.553 49.5212 107.219 49.5212 108.105ZM54.4431 114H52.6267V106.945H50.3005V105.434H56.7693V106.945H54.4431V114ZM65.0134 114H62.9392L60.947 110.76L58.9548 114H57.0095L59.8513 109.582L57.1912 105.434H59.1951L61.0408 108.516L62.8513 105.434H64.8083L62.1189 109.682L65.0134 114Z" fill="white"/>
@@ -8,5 +7,4 @@
 <path d="M75 89H25V91H75V89Z" fill="white"/>
 <path d="M75 83H25V85H75V83Z" fill="white"/>
 <path d="M75 77H25V79H75V77Z" fill="white"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/rtf.svg

@@ -1,5 +1,4 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 120.7 93.7 122 92 122H8C6.3 122 5 120.7 5 119V8C5 6.3 6.3 5 8 5H77L95 23Z" fill="#635E9B"/>
 <path opacity="0.2" d="M95 23H80C78.3 23 77 21.7 77 20V5L95 23Z" fill="black"/>
 <path d="M75 39H50V41H75V39Z" fill="white"/>
@@ -13,5 +12,4 @@
 <path d="M75 87H26V89H75V87Z" fill="white"/>
 <path d="M46 39H26V59H46V39Z" fill="white"/>
 <path d="M41.8945 109.236H42.4805C43.0547 109.236 43.4785 109.141 43.752 108.949C44.0254 108.758 44.1621 108.457 44.1621 108.047C44.1621 107.641 44.0215 107.352 43.7402 107.18C43.4629 107.008 43.0312 106.922 42.4453 106.922H41.8945V109.236ZM41.8945 110.713V114H40.0781V105.434H42.5742C43.7383 105.434 44.5996 105.646 45.1582 106.072C45.7168 106.494 45.9961 107.137 45.9961 108C45.9961 108.504 45.8574 108.953 45.5801 109.348C45.3027 109.738 44.9102 110.045 44.4023 110.268C45.6914 112.193 46.5312 113.438 46.9219 114H44.9062L42.8613 110.713H41.8945ZM51.3047 114H49.4883V106.945H47.1621V105.434H53.6309V106.945H51.3047V114ZM56.7363 114H54.9492V105.434H59.8594V106.922H56.7363V109.131H59.6426V110.613H56.7363V114Z" fill="white"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/txt.svg

@@ -1,5 +1,4 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#7C7C7D"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M43.4329 114H41.6165V106.945H39.2903V105.434H45.759V106.945H43.4329V114ZM54.0032 114H51.929L49.9368 110.76L47.9446 114H45.9993L48.8411 109.582L46.1809 105.434H48.1848L50.0305 108.516L51.8411 105.434H53.7981L51.1086 109.682L54.0032 114ZM58.386 114H56.5696V106.945H54.2434V105.434H60.7122V106.945H58.386V114Z" fill="white"/>
@@ -12,5 +11,4 @@
 <path d="M74 74H25V76H74V74Z" fill="white"/>
 <path d="M74 80H25V82H74V80Z" fill="white"/>
 <path d="M74 86H25V88H74V86Z" fill="white"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/xlsm.svg

@@ -1,10 +1,8 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
-
+<svg width="100" height="127" viewBox="0 0 100 127" fill="none" xmlns="http://www.w3.org/2000/svg">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#1F7244"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M42.4446 114H40.3704L38.3782 110.76L36.386 114H34.4407L37.2825 109.582L34.6223 105.434H36.6262L38.4719 108.516L40.2825 105.434H42.2395L39.55 109.682L42.4446 114ZM43.5227 114V105.434H45.3391V112.5H48.8137V114H43.5227ZM55.3645 111.621C55.3645 112.395 55.0852 113.004 54.5266 113.449C53.9719 113.895 53.1985 114.117 52.2063 114.117C51.2922 114.117 50.4836 113.945 49.7805 113.602V111.914C50.3586 112.172 50.8469 112.354 51.2454 112.459C51.6477 112.564 52.0149 112.617 52.3469 112.617C52.7454 112.617 53.05 112.541 53.261 112.389C53.4758 112.236 53.5833 112.01 53.5833 111.709C53.5833 111.541 53.5364 111.393 53.4426 111.264C53.3489 111.131 53.2102 111.004 53.0266 110.883C52.8469 110.762 52.4778 110.568 51.9192 110.303C51.3958 110.057 51.0032 109.82 50.7415 109.594C50.4797 109.367 50.2708 109.104 50.1145 108.803C49.9583 108.502 49.8801 108.15 49.8801 107.748C49.8801 106.99 50.136 106.395 50.6477 105.961C51.1633 105.527 51.8743 105.311 52.7805 105.311C53.2258 105.311 53.6497 105.363 54.052 105.469C54.4583 105.574 54.8821 105.723 55.3235 105.914L54.7375 107.326C54.2805 107.139 53.9016 107.008 53.6008 106.934C53.304 106.859 53.011 106.822 52.7219 106.822C52.3782 106.822 52.1145 106.902 51.9309 107.062C51.7473 107.223 51.6555 107.432 51.6555 107.689C51.6555 107.85 51.6926 107.99 51.7668 108.111C51.8411 108.229 51.9583 108.344 52.1184 108.457C52.2825 108.566 52.6672 108.766 53.2727 109.055C54.0735 109.438 54.6223 109.822 54.9192 110.209C55.2161 110.592 55.3645 111.062 55.3645 111.621ZM60.5442 114L58.4817 107.279H58.429C58.5032 108.646 58.5403 109.559 58.5403 110.016V114H56.9172V105.434H59.3899L61.4172 111.984H61.4524L63.6028 105.434H66.0754V114H64.3821V109.945C64.3821 109.754 64.384 109.533 64.3879 109.283C64.3958 109.033 64.4231 108.369 64.47 107.291H64.4172L62.2083 114H60.5442Z" fill="white"/>
 <path d="M52.75 61.63L64 45H58.5L50 57.56L41.5 45H36L47.25 61.63L35.5 79H41L50 65.7L59 79H64.5L52.75 61.63Z" fill="white"/>
 <path d="M15 15C15 13.8954 15.8954 13 17 13H29C30.1046 13 31 13.8954 31 15V24C31 25.1046 30.1046 26 29 26H17C15.8954 26 15 25.1046 15 24V15Z" fill="white"/>
 <path d="M22.2969 24L19.8125 16.8457H19.7656C19.832 17.9082 19.8652 18.9043 19.8652 19.834V24H18.5938V15.4336H20.5684L22.9473 22.248H22.9824L25.4316 15.4336H27.4121V24H26.0645V19.7637C26.0645 19.3379 26.0742 18.7832 26.0938 18.0996C26.1172 17.416 26.1367 17.002 26.1523 16.8574H26.1055L23.5332 24H22.2969Z" fill="#1F7244"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/xlsx.svg

@@ -1,8 +1,6 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#1F7244"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M43.304 114H41.2297L39.2375 110.76L37.2454 114H35.3L38.1418 109.582L35.4817 105.434H37.4856L39.3313 108.516L41.1418 105.434H43.0989L40.4094 109.682L43.304 114ZM44.3821 114V105.434H46.1985V112.5H49.6731V114H44.3821ZM56.2239 111.621C56.2239 112.395 55.9446 113.004 55.386 113.449C54.8313 113.895 54.0579 114.117 53.0657 114.117C52.1516 114.117 51.343 113.945 50.6399 113.602V111.914C51.218 112.172 51.7063 112.354 52.1047 112.459C52.5071 112.564 52.8743 112.617 53.2063 112.617C53.6047 112.617 53.9094 112.541 54.1204 112.389C54.3352 112.236 54.4426 112.01 54.4426 111.709C54.4426 111.541 54.3958 111.393 54.302 111.264C54.2083 111.131 54.0696 111.004 53.886 110.883C53.7063 110.762 53.3372 110.568 52.7786 110.303C52.2551 110.057 51.8625 109.82 51.6008 109.594C51.3391 109.367 51.1301 109.104 50.9739 108.803C50.8176 108.502 50.7395 108.15 50.7395 107.748C50.7395 106.99 50.9954 106.395 51.5071 105.961C52.0227 105.527 52.7336 105.311 53.6399 105.311C54.0852 105.311 54.509 105.363 54.9114 105.469C55.3176 105.574 55.7415 105.723 56.1829 105.914L55.5969 107.326C55.1399 107.139 54.761 107.008 54.4602 106.934C54.1633 106.859 53.8704 106.822 53.5813 106.822C53.2375 106.822 52.9739 106.902 52.7903 107.062C52.6067 107.223 52.5149 107.432 52.5149 107.689C52.5149 107.85 52.552 107.99 52.6262 108.111C52.7004 108.229 52.8176 108.344 52.9778 108.457C53.1418 108.566 53.5266 108.766 54.1321 109.055C54.9329 109.438 55.4817 109.822 55.7786 110.209C56.0754 110.592 56.2239 111.062 56.2239 111.621ZM64.7024 114H62.6282L60.636 110.76L58.6438 114H56.6985L59.5403 109.582L56.8801 105.434H58.884L60.7297 108.516L62.5403 105.434H64.4973L61.8079 109.682L64.7024 114Z" fill="white"/>
 <path d="M52.75 61.63L64 45H58.5L50 57.56L41.5 45H36L47.25 61.63L35.5 79H41L50 65.7L59 79H64.5L52.75 61.63Z" fill="white"/>
-
 </svg>

apps/common/main/resources/img/doc-formats/xltx.svg

@@ -1,10 +1,8 @@
-<svg style="position: absolute; width: 0; height: 0; overflow: hidden;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
-
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 <path d="M95 23V119C95 119.796 94.6839 120.559 94.1213 121.121C93.5587 121.684 92.7956 122 92 122H8C7.20435 122 6.44129 121.684 5.87868 121.121C5.31607 120.559 5 119.796 5 119V8C5 7.20435 5.31607 6.44129 5.87868 5.87868C6.44129 5.31607 7.20435 5 8 5H77L95 23Z" fill="#1F7244"/>
 <path opacity="0.2" d="M95 23H80C79.2044 23 78.4413 22.6839 77.8787 22.1213C77.3161 21.5587 77 20.7956 77 20V5L95 23Z" fill="black"/>
 <path d="M43.304 114H41.2297L39.2375 110.76L37.2454 114H35.3L38.1418 109.582L35.4817 105.434H37.4856L39.3313 108.516L41.1418 105.434H43.0989L40.4094 109.682L43.304 114ZM44.3821 114V105.434H46.1985V112.5H49.6731V114H44.3821ZM54.4719 114H52.6555V106.945H50.3293V105.434H56.7981V106.945H54.4719V114ZM65.0422 114H62.968L60.9758 110.76L58.9836 114H57.0383L59.8801 109.582L57.22 105.434H59.2239L61.0696 108.516L62.8801 105.434H64.8372L62.1477 109.682L65.0422 114Z" fill="white"/>
 <path d="M52.75 61.63L64 45H58.5L50 57.56L41.5 45H36L47.25 61.63L35.5 79H41L50 65.7L59 79H64.5L52.75 61.63Z" fill="white"/>
 <rect x="15" y="15" width="16" height="14" rx="2" fill="white"/>
 <path d="M23.0898 26H21.6895V18.6348H19.1699V17.4336H25.6094V18.6348H23.0898V26Z" fill="#1F7244"/>
-
 </svg>

apps/common/main/resources/less/advanced-settings-window.less

@@ -52,4 +52,29 @@
             padding-right: 30px;
         }
     }
-}
+}
+
+.combo-arrow-style {
+    .form-control {
+        cursor: pointer;
+
+        .image {
+            width: 100%;
+            height: 100%;
+            display: block;
+            background-color: transparent;
+            margin: 0 0 0 -3px;
+        }
+    }
+}
+
+.img-arrows {
+    .background-ximage-v2('right-panels/Begin-EndStyle.png', 480px);
+    -webkit-filter: @img-border-type-filter;
+    filter: @img-border-type-filter;
+}
+
+.item-arrow {
+    width:44px;
+    height:20px;
+}

apps/common/main/resources/less/buttons.less

@@ -703,6 +703,7 @@
     &:active:not(.disabled),
     &.active:not(.disabled) {
         .caret {
+            border-color: @icon-normal-ie;
             border-color: @icon-normal;
         }
     }
@@ -1021,6 +1022,7 @@
     &.active:not(.disabled) {
         .caret {
             background-position: @arrow-small-offset-x @arrow-small-offset-y;
+            border-color: @icon-normal-ie;
             border-color: @icon-normal;
         }
     }

apps/common/main/resources/less/colors-table-dark-contrast.less

@@ -35,6 +35,7 @@
 
         --border-toolbar: #616161;
         --border-divider: #414141;
+        --border-toolbar-active-panel-top: var(--border-toolbar);
         --border-regular-control: #696969;
         --border-toolbar-button-hover: #616161;
         --border-preview-hover: #828282;

apps/common/main/resources/less/colors-table-dark.less

@@ -34,6 +34,7 @@
         --highlight-text-select: #96c8fd;
 
         --border-toolbar: #616161;
+        --border-toolbar-active-panel-top: var(--background-toolbar);
         --border-divider: #505050;
         --border-regular-control: #666;
         --border-toolbar-button-hover: #5a5a5a;
@@ -130,7 +131,7 @@
         --component-hover-icon-opacity: .8;
         --component-active-icon-opacity: 1;
         --component-active-hover-icon-opacity: 1;
-        --component-disabled-opacity: .6;
+        --component-disabled-opacity: .4;
 
         --header-component-normal-icon-opacity: .8;
         --header-component-hover-icon-opacity: .8;

apps/common/main/resources/less/colors-table.less

@@ -45,6 +45,7 @@
     --highlight-text-select: #3494fb;
 
     --border-toolbar: #cbcbcb;
+    --border-toolbar-active-panel-top: var(--background-toolbar);
     --border-divider: #dfdfdf;
     --border-regular-control: #c0c0c0;
     --border-toolbar-button-hover: #e0e0e0;
@@ -187,6 +188,7 @@
 @border-toolbar: var(--border-toolbar);
 @border-divider: var(--border-divider);
 @border-regular-control: var(--border-regular-control);
+@border-toolbar-active-panel-top: var(--border-toolbar-active-panel-top);
 @border-toolbar-button-hover: var(--border-toolbar-button-hover);
 @border-preview-hover: var(--border-preview-hover);
 @border-preview-select: var(--border-preview-select);

apps/common/main/resources/less/combo-dataview.less

@@ -51,6 +51,7 @@
 
             &.active, &:active {
                 .caret {
+                    border-color: @icon-normal-ie;
                     border-color: @icon-normal;
                 }
             }
@@ -68,6 +69,7 @@
     }
 
     &.disabled {
+        opacity: @component-disabled-opacity-ie;
         opacity: @component-disabled-opacity;
 
         .dataview.inner {
@@ -385,6 +387,7 @@
 
     .item, .menu-picker-container .dataview .group-items-container .item {
         padding: 0px;
+        margin: 2px;
         margin: @combo-dataview-item-margins;
         .box-shadow(none);
 

apps/common/main/resources/less/combobox.less

@@ -109,6 +109,7 @@
         .btn {
             &:active {
                 .caret {
+                    border-color: @icon-normal-ie;
                     border-color: @icon-normal;
                 }
             }

apps/common/main/resources/less/header.less

@@ -116,8 +116,8 @@
         line-height: 24px;
 
         &:hover:not(:disabled),&:focus {
-            box-shadow: 0 0 0 1px @highlight-header-button-hover-ie;
-            box-shadow: 0 0 0 1px @highlight-header-button-hover;
+            box-shadow: 0 0 0 @scaled-one-px-value-ie @highlight-header-button-hover-ie;
+            box-shadow: 0 0 0 @scaled-one-px-value @highlight-header-button-hover;
             border-radius: 1px;
             cursor: text;
         }
@@ -289,6 +289,7 @@
         width: 16px;
         text-align: center;
         overflow: hidden;
+        pointer-events: none;
     }
 
     &:not(:disabled) {
@@ -466,6 +467,7 @@
     color: @text-toolbar-header-ie;
     color: @text-toolbar-header;
     position: relative;
+    z-index: 1;
 
     .btn-slot {
         display: inline-block;
@@ -513,10 +515,11 @@
         background-color: transparent;
         border: 0 none;
         cursor: default;
+        .user-select(text);
 
         &:hover:not(:disabled),&:focus{
-            box-shadow: 0 0 0 1px @highlight-header-button-hover-ie;
-            box-shadow: 0 0 0 1px @highlight-header-button-hover;
+            box-shadow: 0 0 0 @scaled-one-px-value-ie @highlight-header-button-hover-ie;
+            box-shadow: 0 0 0 @scaled-one-px-value @highlight-header-button-hover;
             border-radius: 1px;
             cursor: text;
         }

apps/common/main/resources/less/searchdialog.less

@@ -98,11 +98,6 @@
                 &:first-of-type {
                     margin-left: 7px;
                 }
-                .focused:not(.disabled) {
-                    .border-radius(@border-radius-small);
-                    box-shadow: inset 0 0 0 @scaled-one-px-value-ie @border-control-focus-ie;
-                    box-shadow: inset 0 0 0 @scaled-one-px-value @border-control-focus;
-                }
             }
         }
     }
@@ -118,11 +113,6 @@
         display: table-row;
     }
 
-    .btn-text-default {
-        display: inline-block;
-        width: auto;
-    }
-
     #search-header {
         position: absolute;
         height: 45px;
@@ -165,28 +155,40 @@
         }
 
         #search-adv-results-number {
-            display: inline-block;
             padding-top: 2px;
             width: calc(100% - 48px);
             color: @text-secondary-ie;
             color: @text-secondary;
+
+            .search-again {
+                color: @text-secondary;
+                cursor: pointer;
+                text-decoration: underline;
+            }
         }
 
         .search-nav-btns {
             display: inline-block;
             float: right;
-            #search-adv-back {
+            div {
                 display: inline-block;
+            }
+            #search-adv-back {
                 margin-right: 4px;
             }
-            #search-adv-next {
-                display: inline-block;
-            }
-            .focused:not(.disabled) {
-                .border-radius(@border-radius-small);
-                box-shadow: inset 0 0 0 @scaled-one-px-value-ie @border-control-focus-ie;
-                box-shadow: inset 0 0 0 @scaled-one-px-value @border-control-focus;
-            }
+        }
+
+        .btn-text-default {
+            display: inline-block;
+            width: auto;
+        }
+
+        #search-adv-replace {
+            min-width: 62px;
+        }
+
+        #search-adv-replace-all {
+            min-width: 78px;
         }
     }
 

apps/common/main/resources/less/toolbar.less

@@ -40,6 +40,8 @@
         .extra {
             background-color: @header-background-color-ie;
             background-color: @header-background-color;
+
+            box-shadow: inset 0 @minus-px 0 0 @border-toolbar-active-panel-top;
         }
 
     //&::after {
@@ -62,6 +64,8 @@
         display: flex;
         flex-shrink: 1;
 
+        box-shadow: inset 0 @minus-px 0 0 @border-toolbar-active-panel-top;
+
         > ul {
             padding: 4px 0 0;
             margin: 0;
@@ -75,15 +79,19 @@
             display: inline-flex;
             align-items: center;
             height: 100%;
-
+            position: relative;
             &:hover {
                 background-color: @highlight-header-button-hover-ie;
                 background-color: @highlight-header-button-hover;
+
+                box-shadow: inset 0 @minus-px 0 0 @border-toolbar-active-panel-top;
             }
 
             &.active {
                 background-color: @background-toolbar-ie;
                 background-color: @background-toolbar;
+
+                box-shadow: inset @minus-px 0px 0 0 @border-toolbar-active-panel-top, inset @scaled-one-px-value @scaled-one-px-value 0 0 @border-toolbar-active-panel-top;
             }
 
 
@@ -112,6 +120,29 @@
             }
         }
 
+        &:not(.style-off-tabs *) {
+            &.short {
+                li {
+                    &:after {
+                        content: '';
+                        position: absolute;
+                        background: @border-toolbar-active-panel-top;
+                        height: @scaled-one-px-value;
+                        bottom: 0;
+                        left: 1px;
+                        right: 1px;
+                        z-index: 2;
+                    }
+
+                    &.active {
+                        &:after {
+                            background: @background-toolbar;
+                        }
+                    }
+                }
+            }
+        }
+
         .scroll {
             line-height: @height-tabs;
             min-width: 20px;
@@ -133,7 +164,7 @@
 
             &.left{
                 box-shadow: 5px 0 20px 5px @header-background-color-ie;
-                box-shadow: 5px 0 20px 5px @header-background-color;
+                box-shadow: 18px calc(38px - @scaled-one-px-value) 0 10px @border-toolbar-active-panel-top, 5px 0 20px 5px @header-background-color;
 
                 &:after {
                     transform: rotate(135deg);
@@ -142,7 +173,7 @@
             }
             &.right{
                 box-shadow: -5px 0 20px 5px @header-background-color-ie;
-                box-shadow: -5px 0 20px 5px @header-background-color;
+                box-shadow: -10px calc(38px - @scaled-one-px-value) 0 10px @border-toolbar-active-panel-top, -5px 0 20px 5px @header-background-color;
 
                 &:after {
                     transform: rotate(-45deg);
@@ -419,7 +450,10 @@
 
                 &.active {
                     background-color: transparent;
-
+                    box-shadow: none;
+                    //> a {
+                    //    padding: 0 12px;
+                    //}
                     &:after {
                         opacity: 1;
                         bottom: 0;
@@ -428,13 +462,19 @@
 
                 &:hover:not(.active) {
                     background-color: rgba(0, 0, 0, .05);
+                    box-shadow: none;
+
+                    .theme-type-dark & {
+                        background-color: rgba(255, 255, 255, .05);
+                    }
+
+                    //background-color: @highlight-button-hover-ie;
                     //background-color: @highlight-button-hover;
                 }
 
                 > a {
                     color: @text-normal-ie;
                     color: @text-normal;
-
                     &::after {
                         display:block;
                         content:attr(data-title);
@@ -561,8 +601,8 @@
             color: @text-normal-ie;
             color: @text-normal;
             &:hover:not(:disabled),&:focus {
-                box-shadow: 0 0 0 1px @highlight-button-hover-ie;
-                box-shadow: 0 0 0 1px @highlight-button-hover;
+                box-shadow: 0 0 0 @scaled-one-px-value-ie @highlight-button-hover-ie;
+                box-shadow: 0 0 0 @scaled-one-px-value @highlight-button-hover;
             }
         }
 
@@ -710,7 +750,7 @@
         .background-ximage-all('toolbar/math.png', 1500px, @commonimage: true);
         opacity: @component-normal-icon-opacity;
 
-        .theme-dark & {
+        .theme-type-dark & {
             -webkit-filter: @img-equition-filter;
             filter: @img-equition-filter;
         }

apps/common/main/resources/less/window.less

@@ -18,7 +18,7 @@
     background-color: rgb(0,0,0);
     z-index: @zindex-modal - 1;
 
-    .theme-dark & {
+    .theme-type-dark & {
         opacity: 0.6;
     }
 }
@@ -46,8 +46,8 @@
         &:before, &:after {
             content: ' ';
             position: absolute;
-            left: 7px;
-            left: calc(7px / @pixel-ratio-factor);
+            left: 8px;
+            left: calc(8px / @pixel-ratio-factor);
             top: @scaled-one-px-value-ie;
             top: @scaled-one-px-value;
             height: 14px;
@@ -116,6 +116,12 @@
             position: absolute;
             right: 0;
             padding-right: 6px;
+
+            &.left {
+                left: 0;
+                right: auto;
+                padding-left: 6px;
+            }
         }
 
         .tool.help {

apps/common/mobile/lib/component/ThemeColorPalette.jsx

@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
 const ThemeColors = ({ themeColors, onColorClick, curColor, isTypeColors, isTypeCustomColors }) => {
     return (
         <div className='palette'>
-            {themeColors.map((row, rowIndex) => {
+            {themeColors?.length && themeColors.map((row, rowIndex) => {
                 return(
                     <div key={`tc-row-${rowIndex}`} className='row'>
                         {row.map((effect, index) => {
@@ -27,7 +27,7 @@ const ThemeColors = ({ themeColors, onColorClick, curColor, isTypeColors, isType
 const StandartColors = ({ options, standartColors, onColorClick, curColor }) => {
     return (
         <div className='palette'>
-            {standartColors.map((color, index) => {
+            {standartColors?.length && standartColors.map((color, index) => {
                 return(
                     index === 0 && options.transparent ?
                         <a key={`sc-${index}`}
@@ -48,6 +48,7 @@ const StandartColors = ({ options, standartColors, onColorClick, curColor }) =>
 const CustomColors = ({ options, customColors, isTypeColors, onColorClick, curColor }) => {
     const colors = customColors.length > 0 ? customColors : [];
     const emptyItems = [];
+
     if (colors.length < options.customcolors) {
         for (let i = colors.length; i < options.customcolors; i++) {
             emptyItems.push(<a className='empty-color'
@@ -61,7 +62,7 @@ const CustomColors = ({ options, customColors, isTypeColors, onColorClick, curCo
     
     return (
         <div className='palette'>
-            {colors && colors.length > 0 && colors.map((color, index) => {
+            {colors?.length && colors.map((color, index) => {
                 return(
                     <a key={`dc-${index}`}
                        className={curColor && curColor === color && index === indexCurColor && !isTypeColors ? 'active' : ''}
@@ -92,17 +93,22 @@ const ThemeColorPalette = props => {
     const themeColors = [];
     const effectColors = Common.Utils.ThemeColor.getEffectColors();
     let row = -1;
-    effectColors.forEach((effect, index) => {
-        if (0 == index % options.themecolors) {
-            themeColors.push([]);
-            row++;
-        }
-        themeColors[row].push(effect);
-    });
+
+    if(effectColors?.length) {
+        effectColors.forEach((effect, index) => {
+            if (0 == index % options.themecolors) {
+                themeColors.push([]);
+                row++;
+            }
+            themeColors[row].push(effect);
+        });
+    }
+
     const standartColors = Common.Utils.ThemeColor.getStandartColors();
-    let isTypeColors = standartColors.some( value => value === curColor );
+    let isTypeColors = standartColors?.length && standartColors.some( value => value === curColor );
     // custom color
     let customColors = props.customColors;
+
     if (customColors.length < 1) {
         customColors = localStorage.getItem('mobile-custom-colors');
         customColors = customColors ? customColors.toLowerCase().split(',') : [];
@@ -142,14 +148,18 @@ const CustomColorPicker = props => {
     };
 
     let currentColor = props.currentColor;
+
     if (props.autoColor) {
         currentColor = rgb2hex(props.autoColor);
     }
+
     if (currentColor === 'transparent' || !currentColor) {
         currentColor = 'ffffff';
     }
+
     const countDynamicColors = props.countdynamiccolors || 10;
     const [stateColor, setColor] = useState(`#${currentColor}`);
+
     useEffect(() => {
         if (document.getElementsByClassName('color-picker-wheel').length < 1) {
             const colorPicker = f7.colorPicker.create({
@@ -165,6 +175,7 @@ const CustomColorPicker = props => {
             });
         }
     });
+
     const addNewColor = (color) => {
         let colors = localStorage.getItem('mobile-custom-colors');
         colors = colors ? colors.split(',') : [];
@@ -173,7 +184,8 @@ const CustomColorPicker = props => {
         localStorage.setItem('mobile-custom-colors', colors.join().toLowerCase());
         props.onAddNewColor && props.onAddNewColor(colors, newColor);
     };
-    return(
+
+    return (
         <div id='color-picker'>
             <div className='color-picker-container'></div>
             <div className='right-block'>

apps/common/mobile/lib/controller/Themes.js

@@ -12,6 +12,51 @@ class ThemesController {
                 id: 'theme-light',
                 type: 'light'
             }};
+
+        this.name_colors = [
+            "canvas-background",
+            "canvas-content-background",
+            "canvas-page-border",
+
+            "canvas-ruler-background",
+            "canvas-ruler-border",
+            "canvas-ruler-margins-background",
+            "canvas-ruler-mark",
+            "canvas-ruler-handle-border",
+            "canvas-ruler-handle-border-disabled",
+
+            "canvas-high-contrast",
+            "canvas-high-contrast-disabled",
+
+            "canvas-cell-border",
+            "canvas-cell-title-border",
+            "canvas-cell-title-border-hover",
+            "canvas-cell-title-border-selected",
+            "canvas-cell-title-hover",
+            "canvas-cell-title-selected",
+
+            "canvas-dark-cell-title",
+            "canvas-dark-cell-title-hover",
+            "canvas-dark-cell-title-selected",
+            "canvas-dark-cell-title-border",
+            "canvas-dark-cell-title-border-hover",
+            "canvas-dark-cell-title-border-selected",
+            "canvas-dark-content-background",
+            "canvas-dark-page-border",
+
+            "canvas-scroll-thumb",
+            "canvas-scroll-thumb-hover",
+            "canvas-scroll-thumb-pressed",
+            "canvas-scroll-thumb-border",
+            "canvas-scroll-thumb-border-hover",
+            "canvas-scroll-thumb-border-pressed",
+            "canvas-scroll-arrow",
+            "canvas-scroll-arrow-hover",
+            "canvas-scroll-arrow-pressed",
+            "canvas-scroll-thumb-target",
+            "canvas-scroll-thumb-target-hover",
+            "canvas-scroll-thumb-target-pressed",
+        ];
     }
 
     init() {
@@ -41,6 +86,16 @@ class ThemesController {
         return !!obj ? JSON.parse(obj).type === 'dark' : false;
     }
 
+    get_current_theme_colors(colors) {
+        let out_object = {};
+        const style = getComputedStyle(document.body);
+        colors.forEach((item, index) => {
+            out_object[item] = style.getPropertyValue('--' + item).trim()
+        })
+
+        return out_object;
+    }
+
     switchDarkTheme(dark) {
         const theme = typeof dark == 'object' ? dark : this.themes_map[dark ? 'dark' : 'light'];
         const refresh_only = !!arguments[1];
@@ -53,7 +108,11 @@ class ThemesController {
         $body.addClass(`theme-type-${theme.type}`);
 
         const on_engine_created = api => {
-            api.asc_setSkin(theme.id);
+            let obj = this.get_current_theme_colors(this.name_colors);
+            obj.type = theme.type;
+            obj.name = theme.id;
+
+            api.asc_setSkin(obj);
         };
 
         const api = Common.EditorApi ? Common.EditorApi.get() : undefined;

apps/common/mobile/lib/view/collaboration/Collaboration.jsx

@@ -89,6 +89,8 @@ const PageCollaboration = inject('storeAppOptions', 'users')(observer(props => {
     const { t } = useTranslation();
     const _t = t('Common.Collaboration', {returnObjects: true});
     const appOptions = props.storeAppOptions;
+    const isViewer = appOptions.isViewer;
+
     return (
         <View style={props.style} stackPages={true} routes={routes} url={props.page && `/${props.page}/`}>
             <Page name="collab__main">
@@ -112,7 +114,7 @@ const PageCollaboration = inject('storeAppOptions', 'users')(observer(props => {
                             <Icon slot="media" icon="icon-insert-comment"></Icon>
                         </ListItem>
                     }
-                    {window.editorType === 'de' && (appOptions.canReview || appOptions.canViewReview) &&
+                    {(window.editorType === 'de' && (appOptions.canReview || appOptions.canViewReview) && !isViewer) &&
                         <ListItem link={'/review/'} title={_t.textReview}>
                             <Icon slot="media" icon="icon-review"></Icon>
                         </ListItem>

apps/common/mobile/lib/view/collaboration/Comments.jsx

@@ -636,7 +636,7 @@ const ViewComments = inject("storeComments", "storeAppOptions", "storeReview")(o
     const _t = t('Common.Collaboration', {returnObjects: true});
     const isAndroid = Device.android;
     const displayMode = storeReview.displayMode;
-
+    const isViewer = storeAppOptions.isViewer;
     const viewMode = !storeAppOptions.canComments;
     const comments = storeComments.groupCollectionFilter || storeComments.collectionComments;
     const isEdit = storeAppOptions.isEdit || storeAppOptions.isRestrictedEdit;
@@ -677,8 +677,8 @@ const ViewComments = inject("storeComments", "storeAppOptions", "storeReview")(o
                                     </div>
                                     {isEdit && !viewMode &&
                                         <div className='right'>
-                                            {(comment.editable && displayMode === 'markup' && !wsProps?.Objects) && <div className='comment-resolve' onClick={() => {onResolveComment(comment);}}><Icon icon={comment.resolved ? 'icon-resolve-comment check' : 'icon-resolve-comment'} /></div> }
-                                            {(displayMode === 'markup' && !wsProps?.Objects) &&
+                                            {(comment.editable && displayMode === 'markup' && !wsProps?.Objects && !isViewer) && <div className='comment-resolve' onClick={() => {onResolveComment(comment);}}><Icon icon={comment.resolved ? 'icon-resolve-comment check' : 'icon-resolve-comment'} /></div> }
+                                            {(displayMode === 'markup' && !wsProps?.Objects && !isViewer) &&
                                                 <div className='comment-menu'
                                                     onClick={() => {setComment(comment); openActionComment(true);}}>
                                                     <Icon icon='icon-menu-comment'/>
@@ -708,7 +708,7 @@ const ViewComments = inject("storeComments", "storeAppOptions", "storeReview")(o
                                                                             <div className='reply-date'>{reply.date}</div>
                                                                         </div>
                                                                     </div>
-                                                                    {isEdit && !viewMode && reply.editable &&
+                                                                    {isEdit && !viewMode && reply.editable && !isViewer &&
                                                                         <div className='right'>
                                                                             <div className='reply-menu'
                                                                                  onClick={() => {setComment(comment); setReply(reply); openActionReply(true);}}
@@ -747,7 +747,7 @@ const CommentList = inject("storeComments", "storeAppOptions", "storeReview")(ob
     const _t = t('Common.Collaboration', {returnObjects: true});
     const isAndroid = Device.android;
     const displayMode = storeReview.displayMode;
-
+    const isViewer = storeAppOptions.isViewer;
     const viewMode = !storeAppOptions.canComments;
     const isEdit = storeAppOptions.isEdit || storeAppOptions.isRestrictedEdit;
     const comments = storeComments.showComments;
@@ -786,8 +786,8 @@ const CommentList = inject("storeComments", "storeAppOptions", "storeReview")(ob
     return (
         <Fragment>
             <Toolbar position='bottom'>
-                {isEdit && !viewMode && 
-                    <Link className={`btn-add-reply${wsProps?.Objects ? ' disabled' : ''}`} href='#' onClick={() => {onCommentMenuClick('addReply', comment);}}>{_t.textAddReply}</Link>
+                {isEdit && !viewMode &&
+                    <Link className={`btn-add-reply${wsProps?.Objects || isViewer ? ' disabled' : ''}`} href='#' onClick={() => {onCommentMenuClick('addReply', comment);}}>{_t.textAddReply}</Link>
                 }
                 <div className='comment-navigation row'>
                     <Link href='#' onClick={onViewPrevComment}><Icon slot='media' icon='icon-prev'/></Link>
@@ -808,8 +808,8 @@ const CommentList = inject("storeComments", "storeAppOptions", "storeReview")(ob
                                 </div>
                                 {isEdit && !viewMode &&
                                 <div className='right'>
-                                    {(comment.editable && displayMode === 'markup' && !wsProps?.Objects) && <div className='comment-resolve' onClick={() => {onResolveComment(comment);}}><Icon icon={comment.resolved ? 'icon-resolve-comment check' : 'icon-resolve-comment'}/></div>}
-                                    {(displayMode === 'markup' && !wsProps?.Objects) &&
+                                    {(comment.editable && displayMode === 'markup' && !wsProps?.Objects && !isViewer) && <div className='comment-resolve' onClick={() => {onResolveComment(comment);}}><Icon icon={comment.resolved ? 'icon-resolve-comment check' : 'icon-resolve-comment'}/></div>}
+                                    {(displayMode === 'markup' && !wsProps?.Objects && !isViewer) &&
                                         <div className='comment-menu'
                                             onClick={() => {openActionComment(true);}}>
                                             <Icon icon='icon-menu-comment'/>
@@ -822,43 +822,43 @@ const CommentList = inject("storeComments", "storeAppOptions", "storeReview")(ob
                                 {comment.quote && <div className='comment-quote'>{sliceQuote(comment.quote)}</div>}
                                 <div className='comment-text'><pre>{pickLink(comment.comment)}</pre></div>
                                 {comment.replies.length > 0 &&
-                                <ul className='reply-list'>
-                                    {comment.replies.map((reply, indexReply) => {
-                                        return (
-                                            <li key={`reply-${indexReply}`}
-                                                className='reply-item'
-                                            >
-                                                <div className='item-content'>
-                                                    <div className='item-inner'>
-                                                        <div className='item-title'>
-                                                            <div slot='header' className='reply-header'>
-                                                                <div className='left'>
-                                                                    {isAndroid && <div className='initials' style={{backgroundColor: `${reply.userColor ? reply.userColor : '#cfcfcf'}`}}>{reply.userInitials}</div>}
-                                                                    <div>
-                                                                        <div className='user-name'>{reply.parsedName}</div>
-                                                                        <div className='reply-date'>{reply.date}</div>
+                                    <ul className='reply-list'>
+                                        {comment.replies.map((reply, indexReply) => {
+                                            return (
+                                                <li key={`reply-${indexReply}`}
+                                                    className='reply-item'
+                                                >
+                                                    <div className='item-content'>
+                                                        <div className='item-inner'>
+                                                            <div className='item-title'>
+                                                                <div slot='header' className='reply-header'>
+                                                                    <div className='left'>
+                                                                        {isAndroid && <div className='initials' style={{backgroundColor: `${reply.userColor ? reply.userColor : '#cfcfcf'}`}}>{reply.userInitials}</div>}
+                                                                        <div>
+                                                                            <div className='user-name'>{reply.parsedName}</div>
+                                                                            <div className='reply-date'>{reply.date}</div>
+                                                                        </div>
                                                                     </div>
+                                                                    {isEdit && !viewMode && reply.editable && !isViewer &&
+                                                                        <div className='right'>
+                                                                            <div className='reply-menu'
+                                                                                onClick={() => {setReply(reply); openActionReply(true);}}
+                                                                            >
+                                                                                <Icon icon='icon-menu-comment'/>
+                                                                            </div>
+                                                                        </div>
+                                                                    }
                                                                 </div>
-                                                                {isEdit && !viewMode && reply.editable &&
-                                                                <div className='right'>
-                                                                    <div className='reply-menu'
-                                                                        onClick={() => {setReply(reply); openActionReply(true);}}
-                                                                    >
-                                                                        <Icon icon='icon-menu-comment'/>
-                                                                    </div>
+                                                                <div slot='footer'>
+                                                                    <div className='reply-text'><pre>{pickLink(reply.reply)}</pre></div>
                                                                 </div>
-                                                                }
-                                                            </div>
-                                                            <div slot='footer'>
-                                                                <div className='reply-text'><pre>{pickLink(reply.reply)}</pre></div>
                                                             </div>
                                                         </div>
                                                     </div>
-                                                </div>
-                                            </li>
-                                        )
-                                    })}
-                                </ul>
+                                                </li>
+                                            )
+                                        })}
+                                    </ul>
                                 }
                             </div>
                         </ListItem>

apps/common/mobile/resources/css/skeleton.css

@@ -92,6 +92,10 @@ body.theme-type-dark {
     animation: flickerAnimation 2s infinite ease-in-out;
 }
 
+.framework7-initializing .page-content {
+    display: none;
+}
+
 @keyframes flickerAnimation {
     0%   { opacity:0.1; }
     50%  { opacity:1; }