diff --git a/browser/Makefile.am b/browser/Makefile.am
index 288db29cec690..887752fcc98ec 100644
--- a/browser/Makefile.am
+++ b/browser/Makefile.am
@@ -236,13 +236,13 @@ COOL_JS_LST =\
 	src/app/GraphicSelectionMiddleware.ts \
 	src/app/SearchService.ts \
 	src/app/Util.ts \
+	src/app/LOUtil.ts \
 	src/Leaflet.js \
 	src/errormessages.js \
 	src/unocommands.js \
 	src/UNO/Key.js \
 	src/core/Log.js \
 	src/core/Util.js \
-	src/core/LOUtil.js \
 	src/core/geometry.ts \
 	src/core/Rectangle.ts \
 	src/core/Class.js \
diff --git a/browser/src/app/LOUtil.ts b/browser/src/app/LOUtil.ts
new file mode 100644
index 0000000000000..3253002f5ee3e
--- /dev/null
+++ b/browser/src/app/LOUtil.ts
@@ -0,0 +1,456 @@
+/* -*- js-indent-level: 8 -*- */
+/*
+ * Copyright the Collabora Online contributors.
+ *
+ * SPDX-License-Identifier: MPL-2.0
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.
+ */
+
+interface DOMObjectLike {
+	[index: string]: any;
+	children: DOMObjectLike[];
+}
+
+interface RectangleLike {
+	top: number;
+	left: number;
+	bottom: number;
+	right: number;
+}
+
+// LOUtil contains various LO related utility functions used
+// throughout the code.
+
+class LOUtil {
+	// Based on core.git's colordata.hxx: COL_AUTHOR1_DARK...COL_AUTHOR9_DARK
+	// consisting of arrays of RGB values
+	// Maybe move the color logic to separate file when it becomes complex
+	public static darkColors = [
+		[198, 146, 0],
+		[6, 70, 162],
+		[87, 157, 28],
+		[105, 43, 157],
+		[197, 0, 11],
+		[0, 128, 128],
+		[140, 132, 0],
+		[53, 85, 107],
+		[209, 118, 0],
+	];
+
+	public static onRemoveHTMLElement(
+		element: Element,
+		onDetachCallback: () => void,
+	) {
+		const observer = new MutationObserver(function () {
+			function isDetached(el: Element) {
+				return !el.closest('html');
+			}
+
+			if (isDetached(element)) {
+				onDetachCallback();
+				observer.disconnect();
+			}
+		});
+
+		observer.observe(document, {
+			childList: true,
+			subtree: true,
+		});
+	}
+
+	public static startSpinner(
+		spinnerCanvas: HTMLCanvasElement,
+		spinnerSpeed: number,
+	): NodeJS.Timer {
+		spinnerCanvas.width = 50;
+		spinnerCanvas.height = 50;
+
+		const context = spinnerCanvas.getContext('2d');
+		context.lineWidth = 8;
+		context.strokeStyle = 'grey';
+		const x = spinnerCanvas.width / 2;
+		const y = spinnerCanvas.height / 2;
+		const radius = y - context.lineWidth / 2;
+		const spinnerInterval = setInterval(function () {
+			context.clearRect(0, 0, x * 2, y * 2);
+			// Move to center
+			context.translate(x, y);
+			context.rotate((spinnerSpeed * Math.PI) / 180);
+			context.translate(-x, -y);
+			context.beginPath();
+			context.arc(x, y, radius, 0, Math.PI * 1.3);
+			context.stroke();
+		}, 30);
+
+		return spinnerInterval;
+	}
+
+	public static getViewIdColor(viewId: number): number {
+		const color = LOUtil.darkColors[(viewId + 1) % LOUtil.darkColors.length];
+		return color[2] | (color[1] << 8) | (color[0] << 16);
+	}
+
+	public static rgbToHex(color: number) {
+		return '#' + ('000000' + color.toString(16)).slice(-6);
+	}
+
+	public static stringToBounds(bounds: string) {
+		const numbers = bounds.match(/\d+/g);
+		const topLeft = cool.Point.toPoint(
+			parseInt(numbers[0]),
+			parseInt(numbers[1]),
+		);
+		const bottomRight = topLeft.add(
+			L.point(parseInt(numbers[2]), parseInt(numbers[3])),
+		);
+		return cool.Bounds.toBounds(topLeft, bottomRight);
+	}
+
+	public static stringToRectangles(strRect: string) {
+		const matches = strRect.match(/\d+/g);
+		const rectangles: cool.Point[][] = [];
+		if (matches !== null) {
+			for (let itMatch = 0; itMatch < matches.length; itMatch += 4) {
+				const topLeft = cool.Point.toPoint(
+					parseInt(matches[itMatch]),
+					parseInt(matches[itMatch + 1]),
+				);
+				const size = cool.Point.toPoint(
+					parseInt(matches[itMatch + 2]),
+					parseInt(matches[itMatch + 3]),
+				);
+				const topRight = topLeft.add(L.point(size.x, 0));
+				const bottomLeft = topLeft.add(L.point(0, size.y));
+				const bottomRight = topLeft.add(size);
+				rectangles.push([bottomLeft, bottomRight, topLeft, topRight]);
+			}
+		}
+		return rectangles;
+	}
+
+	// Some items will only be present in dark mode so we will not check errors
+	// for those in other mode.
+	public static onlydarkModeItems: string[] = ['invertbackground'];
+
+	// Common images used in all modes, so the default one will be used.
+	public static commonItems: string[] = ['serverauditok', 'serverauditerror'];
+
+	// Helper function to strip '.svg' suffix and 'lc_' prefix.
+	public static stripName(name: string): string {
+		// Remove the '.svg' suffix.
+		var strippedName = name.replace(/\.svg$/, '');
+
+		// Remove the 'lc_' prefix if it exists.
+		if (strippedName.startsWith('lc_')) {
+			strippedName = strippedName.substring(3);
+		}
+
+		return strippedName;
+	}
+
+	public static isDarkModeItem(name: string): boolean {
+		const strippedName = LOUtil.stripName(name);
+
+		// Check if the stripped name is in the onlydarkModeItems array.
+		return LOUtil.onlydarkModeItems.includes(strippedName);
+	}
+
+	public static isCommonForAllMode(name: string): boolean {
+		const strippedName = LOUtil.stripName(name);
+
+		// Check if the stripped name is in the commonItems array.
+		return LOUtil.commonItems.includes(strippedName);
+	}
+
+	/// unwind things to get a good absolute URL.
+	public static getURL(path: string): string {
+		if (path === '') return '';
+		const customWindow = window as any;
+		if (customWindow.host === '' && customWindow.serviceRoot === '')
+			return path; // mobile app
+
+		let url = window.makeHttpUrl('/browser/' + customWindow.versionPath);
+		if (path.substr(0, 1) !== '/') url += '/';
+
+		url += path;
+		return url;
+	}
+
+	public static setImage(img: HTMLImageElement, name: string, map: any): void {
+		const setupIcon = function () {
+			img.src = LOUtil.getImageURL(name);
+			LOUtil.checkIfImageExists(img);
+		};
+		setupIcon();
+
+		map.on('themechanged', setupIcon);
+	}
+
+	public static setUserImage(
+		img: HTMLImageElement,
+		map: any,
+		viewId: number,
+	): void {
+		// set avatar image if it exist in user extract info.
+		const defaultImage = LOUtil.getImageURL('user.svg');
+		const viewInfo = map._viewInfo[viewId];
+		if (
+			viewInfo !== undefined &&
+			viewInfo.userextrainfo !== undefined &&
+			viewInfo.userextrainfo.avatar !== undefined
+		) {
+			// set user avatar.
+			img.src = viewInfo.userextrainfo.avatar;
+			// Track if error event is already bound to this image.
+			img.addEventListener(
+				'error',
+				function () {
+					img.src = defaultImage;
+					LOUtil.checkIfImageExists(img, true);
+				},
+				{ once: true },
+			);
+			return;
+		}
+		img.src = defaultImage;
+		LOUtil.checkIfImageExists(img, true);
+	}
+
+	public static getImageURL(imgName: string) {
+		let defaultImageURL = LOUtil.getURL('images/' + imgName);
+
+		// Check if the image name is in the commonItems list and return the normal image path
+		if (LOUtil.isCommonForAllMode(imgName)) {
+			return defaultImageURL;
+		}
+
+		if ((window as any).prefs.getBoolean('darkTheme')) {
+			return LOUtil.getURL('images/dark/' + imgName);
+		}
+
+		const dummyEmptyImg =
+			'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
+		defaultImageURL = LOUtil.isDarkModeItem(imgName)
+			? dummyEmptyImg
+			: defaultImageURL;
+		return defaultImageURL;
+	}
+
+	public static checkIfImageExists(
+		imageElement: HTMLImageElement,
+		imageIsLayoutCritical?: boolean,
+	): void {
+		imageElement.addEventListener('error', function (e: any) {
+			if (e.loUtilProcessed) {
+				return;
+			}
+
+			if (
+				imageElement.src &&
+				imageElement.src.includes('/images/branding/dark/')
+			) {
+				imageElement.src = imageElement.src.replace(
+					'/images/branding/dark/',
+					'/images/dark/',
+				);
+				e.loUtilProcessed = true;
+				return;
+			}
+			if (
+				imageElement.src &&
+				(imageElement.src.includes('/images/dark/') ||
+					imageElement.src.includes('/images/branding/'))
+			) {
+				imageElement.src = imageElement.src.replace(
+					'/images/dark/',
+					'/images/',
+				);
+				imageElement.src = imageElement.src.replace(
+					'/images/branding/',
+					'/images/',
+				);
+				e.loUtilProcessed = true;
+				return;
+			}
+
+			if (imageIsLayoutCritical) {
+				imageElement.src =
+					'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
+				// We cannot set visibility: hidden because that would hide
+				// other attributes of the image, e.g. its border.
+				e.loUtilProcessed = true;
+				return;
+			}
+
+			imageElement.style.display = 'none';
+			e.loUtilProcessed = true;
+		});
+	}
+
+	/// oldFileName = Example.odt, suffix = new
+	/// returns: Example_new.odt
+	public static generateNewFileName(
+		oldFileName: string,
+		suffix: string,
+	): string {
+		const idx = oldFileName.lastIndexOf('.');
+		return oldFileName.substring(0, idx) + suffix + oldFileName.substring(idx);
+	}
+
+	public static commandWithoutIcon: string[] = [
+		'InsertPageHeader',
+		'InsertPageFooter',
+		'FLD_COL_NUMBER',
+		'MTR_FLD_COL_SPACING',
+		'rows',
+		'cols',
+		'None',
+	];
+
+	public static existsIconForCommand(
+		command: string,
+		docType: string,
+	): boolean {
+		const commandName = command.startsWith('.uno:')
+			? command.substring('.uno:'.length)
+			: command;
+		const res = !LOUtil.commandWithoutIcon.find(function (el: string) {
+			return el.startsWith(commandName);
+		});
+		if (commandName.indexOf('?') !== -1) {
+			if (
+				commandName.indexOf('SpellCheckIgnore') !== -1 ||
+				commandName.indexOf('SpellCheckIgnoreAll') !== -1
+			)
+				return true;
+
+			if (
+				(docType === 'spreadsheet' || docType === 'presentation') &&
+				commandName.indexOf('LanguageStatus') !== -1
+			)
+				return true;
+
+			if (
+				commandName ===
+					'LanguageStatus?Language:string=Current_LANGUAGE_NONE' ||
+				commandName ===
+					'LanguageStatus?Language:string=Current_RESET_LANGUAGES' ||
+				commandName ===
+					'LanguageStatus?Language:string=Paragraph_LANGUAGE_NONE' ||
+				commandName ===
+					'LanguageStatus?Language:string=Paragraph_RESET_LANGUAGES'
+			)
+				return true;
+
+			return false;
+		}
+		return res;
+	}
+
+	/// Searching in JSON trees for data with a given field.
+	public static findItemWithAttributeRecursive(
+		node: DOMObjectLike,
+		idName: string,
+		idValue: any,
+	): DOMObjectLike | null {
+		let found: DOMObjectLike | null = null;
+		if (node[idName] === idValue) return node;
+		if (node.children) {
+			for (var i = 0; !found && i < node.children.length; i++)
+				found = LOUtil.findItemWithAttributeRecursive(
+					node.children[i],
+					idName,
+					idValue,
+				);
+		}
+		return found;
+	}
+
+	/// Searching in JSON trees for an identifier and return the index in parent.
+	public static findIndexInParentByAttribute(
+		node: DOMObjectLike,
+		idName: string,
+		idValue: any,
+	): number {
+		if (node.children) {
+			for (var i = 0; i < node.children.length; i++)
+				if (node.children[i][idName] === idValue) return i;
+		}
+		return -1;
+	}
+
+	public static _doRectanglesIntersect(
+		rectangle1: number[],
+		rectangle2: number[],
+	): boolean {
+		// Format: (x, y, w, h).
+		// Don't use equality in comparison, that's not an intersection.
+		if (
+			Math.abs(
+				rectangle1[0] +
+					rectangle1[2] * 0.5 -
+					(rectangle2[0] + rectangle2[2] * 0.5),
+			) <
+			rectangle1[2] + rectangle2[2]
+		) {
+			if (
+				Math.abs(
+					rectangle1[1] +
+						rectangle1[3] * 0.5 -
+						(rectangle2[1] + rectangle2[3] * 0.5),
+				) <
+				rectangle1[3] + rectangle2[3]
+			)
+				return true;
+			else return false;
+		} else return false;
+	}
+
+	// Returns the intersecting area of 2 rectangles. Rectangle format: (x, y, w, h). Return format is the same or null.
+	public static _getIntersectionRectangle(
+		rectangle1: number[],
+		rectangle2: number[],
+	): number[] | null {
+		if (this._doRectanglesIntersect(rectangle1, rectangle2)) {
+			var x = rectangle1[0] > rectangle2[0] ? rectangle1[0] : rectangle2[0];
+			var y = rectangle1[1] > rectangle2[1] ? rectangle1[1] : rectangle2[1];
+			var w =
+				rectangle1[0] + rectangle1[2] < rectangle2[0] + rectangle2[2]
+					? rectangle1[0] + rectangle1[2] - x
+					: rectangle2[0] + rectangle2[2] - x;
+			var h =
+				rectangle1[1] + rectangle1[3] < rectangle2[1] + rectangle2[3]
+					? rectangle1[1] + rectangle1[3] - y
+					: rectangle2[1] + rectangle2[3] - y;
+
+			return [x, y, w, h];
+		} else return null;
+	}
+
+	public static getFileExtension(map: any): string {
+		const filename: string = map['wopi'].BaseFileName;
+		return filename.substring(filename.lastIndexOf('.') + 1);
+	}
+
+	public static isFileODF(map: any): boolean {
+		var ext = LOUtil.getFileExtension(map);
+		return ext === 'odt' || ext === 'ods' || ext === 'odp' || ext == 'odg';
+	}
+
+	public static containsDOMRect(
+		viewRect: RectangleLike,
+		rect: RectangleLike,
+	): boolean {
+		return (
+			rect.top >= viewRect.top &&
+			rect.right <= viewRect.right &&
+			rect.bottom <= viewRect.bottom &&
+			rect.left >= viewRect.left
+		);
+	}
+}
+
+L.LOUtil = LOUtil;
diff --git a/browser/src/core/LOUtil.js b/browser/src/core/LOUtil.js
deleted file mode 100644
index 4eca63b765586..0000000000000
--- a/browser/src/core/LOUtil.js
+++ /dev/null
@@ -1,328 +0,0 @@
-/* -*- js-indent-level: 8 -*- */
-/*
- * L.LOUtil contains various LO related utility functions used throughout the code
- */
-
-L.LOUtil = {
-	// Based on core.git's colordata.hxx: COL_AUTHOR1_DARK...COL_AUTHOR9_DARK
-	// consisting of arrays of RGB values
-	// Maybe move the color logic to separate file when it becomes complex
-	darkColors: [
-		[198, 146, 0],
-		[6,  70, 162],
-		[87, 157,  28],
-		[105,  43, 157],
-		[197,   0,  11],
-		[0, 128, 128],
-		[140, 132,  0],
-		[53,  85, 107],
-		[209, 118,   0]
-	],
-
-	// https://stackoverflow.com/a/32726412
-	onRemoveHTMLElement: function(element, onDetachCallback) {
-		var observer = new MutationObserver(function () {
-			function isDetached(el) {
-				return !el.closest('html');
-			}
-
-			if (isDetached(element)) {
-				onDetachCallback();
-				observer.disconnect();
-			}
-		});
-
-		observer.observe(document, {
-			 childList: true,
-			 subtree: true
-		});
-	},
-
-	startSpinner: function (spinnerCanvas, spinnerSpeed) {
-		var spinnerInterval;
-		spinnerCanvas.width = 50;
-		spinnerCanvas.height = 50;
-
-		var context = spinnerCanvas.getContext('2d');
-		context.lineWidth = 8;
-		context.strokeStyle = 'grey';
-		var x = spinnerCanvas.width / 2;
-		var y = spinnerCanvas.height / 2;
-		var radius = y - context.lineWidth / 2;
-		spinnerInterval = setInterval(function() {
-			context.clearRect(0, 0, x * 2, y * 2);
-			// Move to center
-			context.translate(x, y);
-			context.rotate(spinnerSpeed * Math.PI / 180);
-			context.translate(-x, -y);
-			context.beginPath();
-			context.arc(x, y, radius, 0, Math.PI * 1.3);
-			context.stroke();
-		}, 30);
-
-		return spinnerInterval;
-	},
-
-	getViewIdColor: function(viewId) {
-		var color = this.darkColors[(viewId + 1) % this.darkColors.length];
-		return (color[2] | (color[1] << 8) | (color[0] << 16));
-	},
-
-	rgbToHex: function(color) {
-		return '#' + ('000000' + color.toString(16)).slice(-6);
-	},
-
-	stringToBounds: function(bounds) {
-		var numbers = bounds.match(/\d+/g);
-		var topLeft = L.point(parseInt(numbers[0]), parseInt(numbers[1]));
-		var bottomRight = topLeft.add(L.point(parseInt(numbers[2]), parseInt(numbers[3])));
-		return L.bounds(topLeft, bottomRight);
-	},
-
-	stringToRectangles: function(strRect) {
-		var matches = strRect.match(/\d+/g);
-		var rectangles = [];
-		if (matches !== null) {
-			for (var itMatch = 0; itMatch < matches.length; itMatch += 4) {
-				var topLeft = L.point(parseInt(matches[itMatch]), parseInt(matches[itMatch + 1]));
-				var size = L.point(parseInt(matches[itMatch + 2]), parseInt(matches[itMatch + 3]));
-				var topRight = topLeft.add(L.point(size.x, 0));
-				var bottomLeft = topLeft.add(L.point(0, size.y));
-				var bottomRight = topLeft.add(size);
-				rectangles.push([bottomLeft, bottomRight, topLeft, topRight]);
-			}
-		}
-		return rectangles;
-	},
-
-	// Some items will only present in dark mode so we will not check errors for those in other mode
-	onlydarkModeItems : ['invertbackground'],
-
-	// Common images used in all modes, so the default one will be used.
-	commonItems: ['serverauditok', 'serverauditerror'],
-
-	// Helper function to strip '.svg' suffix and 'lc_' prefix
-	stripName: function(name) {
-		// Remove the '.svg' suffix
-		var strippedName = name.replace(/\.svg$/, '');
-
-		// Remove the 'lc_' prefix if it exists
-		if (strippedName.startsWith('lc_')) {
-			strippedName = strippedName.substring(3);
-		}
-
-		return strippedName;
-	},
-
-	isDarkModeItem: function(name) {
-		var strippedName = this.stripName(name);
-		
-		// Check if the stripped name is in the onlydarkModeItems array
-		return this.onlydarkModeItems.includes(strippedName);
-	},
-
-	isCommonForAllMode: function(name) {
-		var strippedName = this.stripName(name);
-
-		// Check if the stripped name is in the commonItems array
-		return this.commonItems.includes(strippedName);
-	},
-
-	/// unwind things to get a good absolute URL
-	getURL: function(path) {
-		if (path === '')
-			return '';
-		if (window.host === '' && window.serviceRoot === '')
-			return path; // mobile app
-
-		var url = window.makeHttpUrl('/browser/' + window.versionPath);
-		if (path.substr(0,1) !== '/')
-			url += '/';
-		url += path;
-		return url;
-	},
-	setImage: function(img, name, map) {
-		var setupIcon = function () {
-			img.src = this.getImageURL(name);
-			this.checkIfImageExists(img);
-		}.bind(this);
-		setupIcon();
-
-		map.on('themechanged', setupIcon, this);
-	},
-	setUserImage: function(img, map, viewId) {
-		// set avatar image if it exist in user extract info
-		var defaultImage = L.LOUtil.getImageURL('user.svg');
-		var viewInfo = map._viewInfo[viewId];
-		if (
-			viewInfo !== undefined
-			&& viewInfo.userextrainfo !== undefined
-			&& viewInfo.userextrainfo.avatar !== undefined
-		) {
-			// set user avatar
-			img.src = viewInfo.userextrainfo.avatar;
-			// Track if error event is already bound to this image
-			img.addEventListener('error', function () {
-				img.src = defaultImage;
-				this.checkIfImageExists(img, true);
-			}.bind(this), {once:true});
-			return;
-		}
-		img.src = defaultImage;
-		this.checkIfImageExists(img, true);
-	},
-
-	getImageURL: function(imgName) {
-		var defaultImageURL = this.getURL('images/' + imgName);
-	
-		// Check if the image name is in the commonItems list and return the normal image path
-		if (this.isCommonForAllMode(imgName)) {
-			return defaultImageURL;
-		}
-	
-		if (window.prefs.getBoolean('darkTheme')) {
-			return this.getURL('images/dark/' + imgName);
-		}
-	
-		var dummyEmptyImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
-		defaultImageURL = this.isDarkModeItem(imgName) ? dummyEmptyImg : defaultImageURL;
-		return defaultImageURL;
-	},
-
-	checkIfImageExists: function (imageElement, imageIsLayoutCritical) {
-		imageElement.addEventListener('error', function (e) {
-			if (e.loUtilProcessed) {
-				return;
-			}
-
-			if (imageElement.src && imageElement.src.includes('/images/branding/dark/')) {
-				imageElement.src = imageElement.src.replace('/images/branding/dark/', '/images/dark/');
-				e.loUtilProcessed = true;
-				return;
-			}
-			if (imageElement.src && (imageElement.src.includes('/images/dark/') || imageElement.src.includes('/images/branding/'))) {
-				imageElement.src = imageElement.src.replace('/images/dark/', '/images/');
-				imageElement.src = imageElement.src.replace('/images/branding/', '/images/');
-				e.loUtilProcessed = true;
-				return;
-			}
-
-			if (imageIsLayoutCritical) {
-                imageElement.src = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
-                // We cannot set visibility: hidden because that would hide other attributes of the image, e.g. its border
-				e.loUtilProcessed = true;
-                return;
-			}
-
-			imageElement.style.display = 'none';
-			e.loUtilProcessed = true;
-		});
-	},
-	/// oldFileName = Example.odt, suffix = new
-	/// returns: Example_new.odt
-	generateNewFileName: function(oldFileName, suffix) {
-		var idx = oldFileName.lastIndexOf('.');
-		return oldFileName.substring(0, idx) + suffix + oldFileName.substring(idx);
-	},
-
-	commandWithoutIcon: [
-		'InsertPageHeader',
-		'InsertPageFooter',
-		'FLD_COL_NUMBER',
-		'MTR_FLD_COL_SPACING',
-		'rows',
-		'cols',
-		'None'
-	],
-
-	existsIconForCommand: function(command, docType) {
-		var commandName = command.startsWith('.uno:') ? command.substring('.uno:'.length) : command;
-		var res = !this.commandWithoutIcon.find(function (el) {
-			return el.startsWith(commandName);
-		});
-		if (commandName.indexOf('?')!== -1) {
-			if (commandName.indexOf('SpellCheckIgnore') !== -1 || commandName.indexOf('SpellCheckIgnoreAll') !== -1)
-				return true;
-
-			if ((docType === 'spreadsheet' || docType === 'presentation') &&
-				commandName.indexOf('LanguageStatus') !== -1)
-				return true;
-
-			if (commandName === 'LanguageStatus?Language:string=Current_LANGUAGE_NONE' ||
-				commandName === 'LanguageStatus?Language:string=Current_RESET_LANGUAGES' ||
-				commandName === 'LanguageStatus?Language:string=Paragraph_LANGUAGE_NONE' ||
-				commandName === 'LanguageStatus?Language:string=Paragraph_RESET_LANGUAGES')
-				return true;
-
-			return false;
-		}
-		return res;
-	},
-
-	/// Searching in JSON trees for data with a given field
-	findItemWithAttributeRecursive: function(node, idName, idValue) {
-		var found = null;
-		if (node[idName] === idValue)
-			return node;
-		if (node.children)
-		{
-			for (var i = 0; !found && i < node.children.length; i++)
-				found = L.LOUtil.findItemWithAttributeRecursive(node.children[i], idName, idValue);
-		}
-		return found;
-	},
-
-	/// Searching in JSON trees for an identifier and return the index in parent
-	findIndexInParentByAttribute: function(node, idName, idValue) {
-		if (node.children)
-		{
-			for (var i = 0; i < node.children.length; i++)
-				if (node.children[i][idName] === idValue)
-					return i;
-		}
-		return -1;
-	},
-
-	_doRectanglesIntersect: function (rectangle1, rectangle2) { // Format: (x, y, w, h).
-		// Don't use equality in comparison, that's not an intersection.
-		if (Math.abs((rectangle1[0] + rectangle1[2] * 0.5) - (rectangle2[0] + rectangle2[2] * 0.5)) < rectangle1[2] + rectangle2[2]) {
-			if (Math.abs((rectangle1[1] + rectangle1[3] * 0.5) - (rectangle2[1] + rectangle2[3] * 0.5)) < rectangle1[3] + rectangle2[3])
-				return true;
-			else
-				return false;
-		}
-		else
-			return false;
-	},
-
-	// Returns the intersecting area of 2 rectangles. Rectangle format: (x, y, w, h). Return format is the same or null.
-	_getIntersectionRectangle: function (rectangle1, rectangle2) {
-		if (this._doRectanglesIntersect(rectangle1, rectangle2)) {
-			var x = (rectangle1[0] > rectangle2[0] ? rectangle1[0]: rectangle2[0]);
-			var y = (rectangle1[1] > rectangle2[1] ? rectangle1[1]: rectangle2[1]);
-			var w = (rectangle1[0] + rectangle1[2] < rectangle2[0] + rectangle2[2] ? rectangle1[0] + rectangle1[2] - x: rectangle2[0] + rectangle2[2] - x);
-			var h = (rectangle1[1] + rectangle1[3] < rectangle2[1] + rectangle2[3] ? rectangle1[1] + rectangle1[3] - y: rectangle2[1] + rectangle2[3] - y);
-
-			return [x, y, w, h];
-		}
-		else
-			return null;
-	},
-
-	getFileExtension: function (map) {
-		var filename = map['wopi'].BaseFileName;
-		return filename.substring(filename.lastIndexOf('.') + 1);
-	},
-
-	isFileODF: function (map) {
-		var ext = this.getFileExtension(map);
-		return ext === 'odt' || ext === 'ods' || ext === 'odp' || ext == 'odg';
-	},
-
-	containsDOMRect: function (viewRect, rect) {
-		return (rect.top >= viewRect.top &&
-			rect.right <= viewRect.right &&
-			rect.bottom <= viewRect.bottom &&
-			rect.left >= viewRect.left)
-	}
-};