@bagelink/vue 1.6.47 → 1.6.51

package/src/utils/calendar/time.ts

@@ -57,7 +57,7 @@ export default class Time {
 			const dayEnd = Time.getHourFromTimePoints(this.DAY_END)
 			const dayStart = Time.getHourFromTimePoints(this.DAY_START)
 
-			if (dayEnd > dayStart) {return dayEnd - dayStart}
+			if (dayEnd > dayStart) { return dayEnd - dayStart }
 
 			return this.HOURS_PER_DAY - dayStart + dayEnd
 		})()
@@ -65,9 +65,9 @@ export default class Time {
 	}
 
 	get dayMode() {
-		if (0 === this.DAY_START && 2400 === this.DAY_END) {return DAY_MODE.REGULAR}
+		if (this.DAY_START === 0 && this.DAY_END === 2400) { return DAY_MODE.REGULAR }
 
-		if (this.DAY_START >= this.DAY_END) {return DAY_MODE.FLEXIBLE}
+		if (this.DAY_START >= this.DAY_END) { return DAY_MODE.FLEXIBLE }
 
 		return DAY_MODE.SHORTENED
 	}
@@ -86,13 +86,13 @@ export default class Time {
 	getCalendarWeekDateObjects(date: Date): calendarWeekType {
 		// If week starts on Sunday, we can get the first date of the week, by simply counting selectedDate.getDate() - selectedDate.getDay()
 		let subtractedDaysToGetFirstDate
-		if ('sunday' === this.FIRST_DAY_OF_WEEK) {
+		if (this.FIRST_DAY_OF_WEEK === 'sunday') {
 			subtractedDaysToGetFirstDate = date.getDay()
 		}
 		// However, if week starts on Monday, we need to make sure Mondays are represented as 0, instead of Sundays
 		else {
 			subtractedDaysToGetFirstDate
-        = 0 === date.getDay() ? 6 : date.getDay() - 1
+        = date.getDay() === 0 ? 6 : date.getDay() - 1
 		}
 
 		const dateOfFirstDayOfWeek = date.getDate() - subtractedDaysToGetFirstDate // First date of week is the date of the month - the day of the week
@@ -163,7 +163,7 @@ export default class Time {
 		const yearList: calendarYearMonths = []
 		let month = 0
 
-		while (11 >= month) {
+		while (month <= 11) {
 			yearList.push(new Date(year, month, 1))
 			month++
 		}
@@ -176,10 +176,10 @@ export default class Time {
 		let hour = '0'
 		let minutes = '0'
 
-		if (4 === time.length) {
+		if (time.length === 4) {
 			hour = time[0] + time[1]
 			minutes = time[2] + time[3]
-		} else if (3 === time.length) {
+		} else if (time.length === 3) {
 			hour = time[0]
 			minutes = time[1] + time[2]
 		}
@@ -209,7 +209,7 @@ export default class Time {
 			hour: '2-digit',
 		})
 
-		if ('0' === hourLocaleString[0]) {return hourLocaleString.substring(1)}
+		if (hourLocaleString[0] === '0') { return hourLocaleString.substring(1) }
 
 		return hourLocaleString
 	}
@@ -247,18 +247,18 @@ export default class Time {
 		const y = date.getFullYear()
 		const m = date.getMonth() + 1
 		const d = date.getDate()
-		const fullDate = `${y}-${ 10 <= m ? m : `0${m}`}-${ 10 <= d ? d : `0${d}`}`
+		const fullDate = `${y}-${m >= 10 ? m : `0${m}`}-${d >= 10 ? d : `0${d}`}`
 
 		if (!timeIsStartOrEndOfDay) {
 			const hour = date.getHours()
 			const minutes = date.getMinutes()
 
-			return `${fullDate} ${ 10 <= hour ? hour : `0${hour}`}:${
-				 10 <= minutes ? minutes : `0${minutes}`
+			return `${fullDate} ${hour >= 10 ? hour : `0${hour}`}:${
+				minutes >= 10 ? minutes : `0${minutes}`
 			}`
 		}
 
-		const fullTime = 'start' === timeIsStartOrEndOfDay ? '00:00' : '23:59'
+		const fullTime = timeIsStartOrEndOfDay === 'start' ? '00:00' : '23:59'
 
 		return `${fullDate} ${fullTime}`
 	}
@@ -331,7 +331,7 @@ export default class Time {
 			const monthIsSame = month === weekDay.getMonth()
 			const yearIsSame = fullYear === weekDay.getFullYear()
 
-			if (dateIsSame && monthIsSame && yearIsSame) {return true}
+			if (dateIsSame && monthIsSame && yearIsSame) { return true }
 		}
 
 		return false
@@ -342,7 +342,7 @@ export default class Time {
 		const mm = (date.getMonth() + 1)
 		const dd = date.getDate()
 
-		return `${yyyy}-${ 10 <= mm ? mm : `0${mm}`}-${ 10 <= dd ? dd : `0${dd}`}`
+		return `${yyyy}-${mm >= 10 ? mm : `0${mm}`}-${dd >= 10 ? dd : `0${dd}`}`
 	}
 
 	addMinutesToDateTimeString(minutes: number, dateTimeString: string) {
@@ -387,7 +387,7 @@ export default class Time {
 		const oneMinutePercentage = 100 / 60
 		const minutePoints = oneMinutePercentage * minutes
 
-		if (10 > minutePoints) {return `0${minutePoints}`}
+		if (minutePoints < 10) { return `0${minutePoints}` }
 
 		return minutePoints.toString()
 	}
@@ -430,8 +430,8 @@ export default class Time {
 		clickOffsetY: number,
 		weekHeight: number,
 	): string {
-		if (0 >= weekHeight) {throw new Error('weekHeight cannot be a negative number')}
-		if (0 > clickOffsetY) {throw new Error('clickOffsetY cannot be a negative number')}
+		if (weekHeight <= 0) { throw new Error('weekHeight cannot be a negative number') }
+		if (clickOffsetY < 0) { throw new Error('clickOffsetY cannot be a negative number') }
 
 		const dayStartHour = this.DAY_START / 100
 		const hourHeight = weekHeight / this.HOURS_PER_DAY
@@ -454,7 +454,7 @@ export default class Time {
 	}
 
 	setSegmentOfDateTimeString(dateTimeString: string, segments: { hour: number }) {
-		if (0 > segments.hour || 23 < segments.hour) {throw new Error('Invalid hour')}
+		if (segments.hour < 0 || segments.hour > 23) { throw new Error('Invalid hour') }
 		const newHour = this.doubleDigit(segments.hour)
 		dateTimeString = dateTimeString.replace(/\d{2}:/, `${newHour}:`)
 
@@ -469,21 +469,21 @@ export default class Time {
 	}
 
 	static getTimePointsFromHour(boundary: number) {
-		if (0 > boundary || 24 < boundary || 0 !== boundary % 1) {
+		if (boundary < 0 || boundary > 24 || boundary % 1 !== 0) {
 			throw new Error('Invalid day boundary')
 		}
 
-		if (0 === boundary) {return boundary}
+		if (boundary === 0) { return boundary }
 
 		return boundary * 100
 	}
 
 	static getHourFromTimePoints(timePoints: number) {
-		if (0 > timePoints || 2400 < timePoints || 0 !== timePoints % 100) {
+		if (timePoints < 0 || timePoints > 2400 || timePoints % 100 !== 0) {
 			throw new Error('Invalid time points')
 		}
 
-		if (0 === timePoints) {return timePoints}
+		if (timePoints === 0) { return timePoints }
 
 		return timePoints / 100
 	}
@@ -559,9 +559,9 @@ export default class Time {
 	}
 
 	doubleDigit(number: number) {
-		if (0 > number || 60 < number) {throw new Error('Invalid number. This is not a valid hour or minute')}
+		if (number < 0 || number > 60) { throw new Error('Invalid number. This is not a valid hour or minute') }
 
-		return 10 > number ? `0${number}` : String(number)
+		return number < 10 ? `0${number}` : String(number)
 	}
 }
 

package/src/utils/calendar/week.ts

@@ -57,7 +57,7 @@ export default class Time {
 			const dayEnd = Time.getHourFromTimePoints(this.DAY_END)
 			const dayStart = Time.getHourFromTimePoints(this.DAY_START)
 
-			if (dayEnd > dayStart) {return dayEnd - dayStart}
+			if (dayEnd > dayStart) { return dayEnd - dayStart }
 
 			return this.HOURS_PER_DAY - dayStart + dayEnd
 		})()
@@ -65,9 +65,9 @@ export default class Time {
 	}
 
 	get dayMode() {
-		if (0 === this.DAY_START && 2400 === this.DAY_END) {return DAY_MODE.REGULAR}
+		if (this.DAY_START === 0 && this.DAY_END === 2400) { return DAY_MODE.REGULAR }
 
-		if (this.DAY_START >= this.DAY_END) {return DAY_MODE.FLEXIBLE}
+		if (this.DAY_START >= this.DAY_END) { return DAY_MODE.FLEXIBLE }
 
 		return DAY_MODE.SHORTENED
 	}
@@ -86,13 +86,13 @@ export default class Time {
 	getCalendarWeekDateObjects(date: Date): calendarWeekType {
 		// If week starts on Sunday, we can get the first date of the week, by simply counting selectedDate.getDate() - selectedDate.getDay()
 		let subtractedDaysToGetFirstDate
-		if ('sunday' === this.FIRST_DAY_OF_WEEK) {
+		if (this.FIRST_DAY_OF_WEEK === 'sunday') {
 			subtractedDaysToGetFirstDate = date.getDay()
 		}
 		// However, if week starts on Monday, we need to make sure Mondays are represented as 0, instead of Sundays
 		else {
 			subtractedDaysToGetFirstDate
-        = 0 === date.getDay() ? 6 : date.getDay() - 1
+        = date.getDay() === 0 ? 6 : date.getDay() - 1
 		}
 
 		const dateOfFirstDayOfWeek = date.getDate() - subtractedDaysToGetFirstDate // First date of week is the date of the month - the day of the week
@@ -163,7 +163,7 @@ export default class Time {
 		const yearList: calendarYearMonths = []
 		let month = 0
 
-		while (11 >= month) {
+		while (month <= 11) {
 			yearList.push(new Date(year, month, 1))
 			month++
 		}
@@ -176,10 +176,10 @@ export default class Time {
 		let hour = '0'
 		let minutes = '0'
 
-		if (4 === time.length) {
+		if (time.length === 4) {
 			hour = time[0] + time[1]
 			minutes = time[2] + time[3]
-		} else if (3 === time.length) {
+		} else if (time.length === 3) {
 			hour = time[0]
 			minutes = time[1] + time[2]
 		}
@@ -209,7 +209,7 @@ export default class Time {
 			hour: '2-digit',
 		})
 
-		if ('0' === hourLocaleString[0]) {return hourLocaleString.substring(1)}
+		if (hourLocaleString[0] === '0') { return hourLocaleString.substring(1) }
 
 		return hourLocaleString
 	}
@@ -247,18 +247,18 @@ export default class Time {
 		const y = date.getFullYear()
 		const m = date.getMonth() + 1
 		const d = date.getDate()
-		const fullDate = `${y}-${ 10 <= m ? m : `0${m}`}-${ 10 <= d ? d : `0${d}`}`
+		const fullDate = `${y}-${m >= 10 ? m : `0${m}`}-${d >= 10 ? d : `0${d}`}`
 
 		if (!timeIsStartOrEndOfDay) {
 			const hour = date.getHours()
 			const minutes = date.getMinutes()
 
-			return `${fullDate} ${ 10 <= hour ? hour : `0${hour}`}:${
-				 10 <= minutes ? minutes : `0${minutes}`
+			return `${fullDate} ${hour >= 10 ? hour : `0${hour}`}:${
+				minutes >= 10 ? minutes : `0${minutes}`
 			}`
 		}
 
-		const fullTime = 'start' === timeIsStartOrEndOfDay ? '00:00' : '23:59'
+		const fullTime = timeIsStartOrEndOfDay === 'start' ? '00:00' : '23:59'
 
 		return `${fullDate} ${fullTime}`
 	}
@@ -331,7 +331,7 @@ export default class Time {
 			const monthIsSame = month === weekDay.getMonth()
 			const yearIsSame = fullYear === weekDay.getFullYear()
 
-			if (dateIsSame && monthIsSame && yearIsSame) {return true}
+			if (dateIsSame && monthIsSame && yearIsSame) { return true }
 		}
 
 		return false
@@ -342,7 +342,7 @@ export default class Time {
 		const mm = (date.getMonth() + 1)
 		const dd = date.getDate()
 
-		return `${yyyy}-${ 10 <= mm ? mm : `0${mm}`}-${ 10 <= dd ? dd : `0${dd}`}`
+		return `${yyyy}-${mm >= 10 ? mm : `0${mm}`}-${dd >= 10 ? dd : `0${dd}`}`
 	}
 
 	addMinutesToDateTimeString(minutes: number, dateTimeString: string) {
@@ -387,7 +387,7 @@ export default class Time {
 		const oneMinutePercentage = 100 / 60
 		const minutePoints = oneMinutePercentage * minutes
 
-		if (10 > minutePoints) {return `0${minutePoints}`}
+		if (minutePoints < 10) { return `0${minutePoints}` }
 
 		return minutePoints.toString()
 	}
@@ -430,8 +430,8 @@ export default class Time {
 		clickOffsetY: number,
 		weekHeight: number,
 	): string {
-		if (0 >= weekHeight) {throw new Error('weekHeight cannot be a negative number')}
-		if (0 > clickOffsetY) {throw new Error('clickOffsetY cannot be a negative number')}
+		if (weekHeight <= 0) { throw new Error('weekHeight cannot be a negative number') }
+		if (clickOffsetY < 0) { throw new Error('clickOffsetY cannot be a negative number') }
 
 		const dayStartHour = this.DAY_START / 100
 		const hourHeight = weekHeight / this.HOURS_PER_DAY
@@ -454,7 +454,7 @@ export default class Time {
 	}
 
 	setSegmentOfDateTimeString(dateTimeString: string, segments: { hour: number }) {
-		if (0 > segments.hour || 23 < segments.hour) {throw new Error('Invalid hour')}
+		if (segments.hour < 0 || segments.hour > 23) { throw new Error('Invalid hour') }
 		const newHour = this.doubleDigit(segments.hour)
 		dateTimeString = dateTimeString.replace(/\d{2}:/, `${newHour}:`)
 
@@ -469,21 +469,21 @@ export default class Time {
 	}
 
 	static getTimePointsFromHour(boundary: number) {
-		if (0 > boundary || 24 < boundary || 0 !== boundary % 1) {
+		if (boundary < 0 || boundary > 24 || boundary % 1 !== 0) {
 			throw new Error('Invalid day boundary')
 		}
 
-		if (0 === boundary) {return boundary}
+		if (boundary === 0) { return boundary }
 
 		return boundary * 100
 	}
 
 	static getHourFromTimePoints(timePoints: number) {
-		if (0 > timePoints || 2400 < timePoints || 0 !== timePoints % 100) {
+		if (timePoints < 0 || timePoints > 2400 || timePoints % 100 !== 0) {
 			throw new Error('Invalid time points')
 		}
 
-		if (0 === timePoints) {return timePoints}
+		if (timePoints === 0) { return timePoints }
 
 		return timePoints / 100
 	}
@@ -559,9 +559,9 @@ export default class Time {
 	}
 
 	doubleDigit(number: number) {
-		if (0 > number || 60 < number) {throw new Error('Invalid number. This is not a valid hour or minute')}
+		if (number < 0 || number > 60) { throw new Error('Invalid number. This is not a valid hour or minute') }
 
-		return 10 > number ? `0${number}` : String(number)
+		return number < 10 ? `0${number}` : String(number)
 	}
 }
 

package/src/utils/elementUtils.ts

@@ -146,7 +146,7 @@ export function btn<
 	let icon: IconType | undefined
 	let finalOptions: BtnElementOptions<T, PO> = {}
 
-	if ('object' === typeof idOrOptions && null !== idOrOptions) {
+	if (typeof idOrOptions === 'object' && idOrOptions !== null) {
 		// btn(options)
 		finalOptions = idOrOptions
 		const { id: optionId, text: optionText, icon: optionIcon } = finalOptions
@@ -156,15 +156,15 @@ export function btn<
 	} else {
 		// btn(id, ...) patterns
 		id = idOrOptions
-		if (null != textOrIcon) {
+		if (textOrIcon != null) {
 			// Check if textOrIcon is likely an icon vs text
 			// Icons are typically: lowercase, contain hyphens/underscores, no spaces, shorter length
-			const isLikelyIcon = 'string' === typeof textOrIcon
-				&& 30 >= textOrIcon.length
+			const isLikelyIcon = typeof textOrIcon === 'string'
+				&& textOrIcon.length <= 30
 				&& !textOrIcon.includes(' ')
 				&& (textOrIcon.includes('-')
 					|| textOrIcon.includes('_')
-					|| 12 >= textOrIcon.length)
+					|| textOrIcon.length <= 12)
 				&& textOrIcon === textOrIcon.toLowerCase()
 
 			if (isLikelyIcon) {
@@ -231,7 +231,7 @@ export function iconBtn<
 	icon?: IconType,
 	options?: BtnElementOptions<T, PO>,
 ): BaseElementField<T, PO> {
-	if (null != icon && null != id) {
+	if (icon != null && id != null) {
 		return btn(id, icon, options || {})
 	}
 	return btn({ id, icon, ...options } as BtnElementOptions<T, PO>)
@@ -279,7 +279,7 @@ export function txt<
 	let id: Path<T, PO> | undefined
 	let finalOptions: TxtElementOptions<T, PO> = {}
 
-	if ('object' === typeof idOrOptions && null !== idOrOptions) {
+	if (typeof idOrOptions === 'object' && idOrOptions !== null) {
 		// txt(options)
 		finalOptions = idOrOptions
 		const { id: optionId } = finalOptions
@@ -287,8 +287,8 @@ export function txt<
 	} else {
 		// txt(id, ...) patterns
 		id = idOrOptions
-		if (null != text) {
-			if ('string' === typeof tagOrOptions) {
+		if (text != null) {
+			if (typeof tagOrOptions === 'string') {
 				// txt(id, text, tag)
 				finalOptions = { tag: tagOrOptions as any, text }
 			} else if (tagOrOptions) {
@@ -355,7 +355,7 @@ export function img<
 	let id: Path<T, PO> | undefined
 	let finalOptions: ImgElementOptions<T, PO> = {}
 
-	if ('object' === typeof idOrOptions && null !== idOrOptions) {
+	if (typeof idOrOptions === 'object' && idOrOptions !== null) {
 		// img(options)
 		finalOptions = idOrOptions
 		const { id: optionId } = finalOptions
@@ -363,8 +363,8 @@ export function img<
 	} else {
 		// img(id, ...) patterns
 		id = idOrOptions
-		if (null != src) {
-			if ('string' === typeof altOrOptions) {
+		if (src != null) {
+			if (typeof altOrOptions === 'string') {
 				// img(id, src, alt)
 				finalOptions = { alt: altOrOptions }
 			} else if (altOrOptions) {
@@ -416,11 +416,11 @@ export function dropdown<
 	let opts: DropdownElementOptions<T, PO> | undefined
 	let children: BaseElementField<T, PO>[] = []
 
-	if (0 < args.length) {
+	if (args.length > 0) {
 		const firstArg = args[0] as DropdownElementOptions<T, PO> | BaseElementField<T, PO>
 		if (
-			 'object' === typeof firstArg
-			&& null !== firstArg 
+			typeof firstArg === 'object'
+			&& firstArg !== null
 			&& ('$el' in (firstArg as Record<string, unknown>))
 		) {
 			children = args as BaseElementField<T, PO>[]
@@ -431,15 +431,15 @@ export function dropdown<
 	}
 
 	const attrs: Record<string, unknown> = {}
-	if (opts?.attrs) {Object.assign(attrs, opts.attrs)}
+	if (opts?.attrs) { Object.assign(attrs, opts.attrs) }
 	if (opts) {
-		if (null != opts.options) {attrs.options = opts.options}
-		if (null != opts.placeholder) {attrs.placeholder = opts.placeholder}
-		if (null != opts.searchable) {attrs.searchable = opts.searchable}
-		if (null != opts.multiselect) {attrs.multiselect = opts.multiselect}
-		if (null != opts.clearable) {attrs.clearable = opts.clearable}
-		if (null != opts.onSelect) {attrs.onSelect = opts.onSelect}
-		if (null != opts.onSearch) {attrs.onSearch = opts.onSearch}
+		if (opts.options != null) { attrs.options = opts.options }
+		if (opts.placeholder != null) { attrs.placeholder = opts.placeholder }
+		if (opts.searchable != null) { attrs.searchable = opts.searchable }
+		if (opts.multiselect != null) { attrs.multiselect = opts.multiselect }
+		if (opts.clearable != null) { attrs.clearable = opts.clearable }
+		if (opts.onSelect != null) { attrs.onSelect = opts.onSelect }
+		if (opts.onSearch != null) { attrs.onSearch = opts.onSearch }
 	}
 
 	return {
@@ -506,10 +506,10 @@ export function findElementById<T>(
 	elements: BaseElementField<T, any>[]
 ): BaseElementField<T, any> | undefined {
 	for (const element of elements) {
-		if (element.id === id) {return element}
-		if (element.children && 0 < element.children.length) {
+		if (element.id === id) { return element }
+		if (element.children && element.children.length > 0) {
 			const child = findElementById(id, element.children)
-			if (child) {return child}
+			if (child) { return child }
 		}
 	}
 	return undefined
@@ -521,7 +521,7 @@ export function column<T = any, P extends Path<T, PO> = any, PO extends PathsOpt
 	options?: Partial<BaseElementField<T, PO>>,
 ): BaseElementField<T, PO> {
 	let label: string | undefined
-	if ('string' === typeof labelOrOptions) {
+	if (typeof labelOrOptions === 'string') {
 		label = labelOrOptions
 	} else {
 		options = labelOrOptions

package/src/utils/sizeParsing.ts

@@ -2,10 +2,10 @@ import type { SizeType, UnitSize } from '../types'
 
 // Ensure size and units are correctly formatted
 export function standardSize(value: number | string | undefined, unit: UnitSize = 'px') {
-	if (value === undefined || '' === value) {return ''}
+	if (value === undefined || value === '') { return '' }
 
 	// Handle SizeType values
-	if ('string' === typeof value) {
+	if (typeof value === 'string') {
 		const sizeTypeMap: Record<SizeType, number> = {
 			xSmall: 16,
 			small: 24,

package/src/utils/strings.ts

@@ -2,26 +2,26 @@ export function formatString(
 	str: string,
 	format: 'pascal' | 'camel' | 'snake' | 'titleCase',
 ): string {
-	if ('titleCase' === format) {
+	if (format === 'titleCase') {
 		return str
 			.split('_')
 			.map(word => word[0].toUpperCase() + word.slice(1).toLocaleLowerCase())
 			.join(' ')
 	}
 
-	if ('pascal' === format) {
+	if (format === 'pascal') {
 		return str
 			.split('_')
 			.map(word => word[0].toUpperCase() + word.slice(1).toLocaleLowerCase())
 			.join('')
 	}
-	if ('camel' === format) {
+	if (format === 'camel') {
 		return str
 			.split('_')
-			.map((word, index) => (0 === index ? word : word[0].toUpperCase() + word.slice(1)))
+			.map((word, index) => (index === 0 ? word : word[0].toUpperCase() + word.slice(1)))
 			.join('')
 	}
-	if ('snake' === format) {
+	if (format === 'snake') {
 		return [...str]
 			.map((letter) => {
 				if (letter === letter.toUpperCase()) {

package/src/utils/tapDetector.ts

@@ -34,37 +34,37 @@ export default class TapDetector {
 	}
 
 	onSingleTap(callback: TapCallback): void {
-		if ('function' === typeof callback && !this.singleTapCallbacks.includes(callback)) {
+		if (typeof callback === 'function' && !this.singleTapCallbacks.includes(callback)) {
 			this.singleTapCallbacks.push(callback)
 		}
 	}
 
 	onDoubleTap(callback: TapCallback): void {
-		if ('function' === typeof callback && !this.doubleTapCallbacks.includes(callback)) {
+		if (typeof callback === 'function' && !this.doubleTapCallbacks.includes(callback)) {
 			this.doubleTapCallbacks.push(callback)
 		}
 	}
 
 	private triggerCallbacks(callbackType: CallbackType, event: { clientX: number, clientY: number }): void {
-		const callbacks = 'single' === callbackType ? this.singleTapCallbacks : this.doubleTapCallbacks
+		const callbacks = callbackType === 'single' ? this.singleTapCallbacks : this.doubleTapCallbacks
 		callbacks.forEach((callback) => { callback(event) })
 	}
 
 	private onTouchStart = (event: TouchEvent): void => {
 		this.isTouchMode = true
-		if (1 === event.touches.length) {
+		if (event.touches.length === 1) {
 			this.onPointerDown(event.touches[0].clientX, event.touches[0].clientY)
 		}
 	}
 
 	private onTouchMove = (event: TouchEvent): void => {
-		if (1 === event.touches.length) {
+		if (event.touches.length === 1) {
 			this.onPointerMove(event.touches[0].clientX, event.touches[0].clientY)
 		}
 	}
 
 	private onTouchEnd = (): void => {
-		if (this.isTouchMode) {this.onPointerUp()}
+		if (this.isTouchMode) { this.onPointerUp() }
 	}
 
 	private onMouseDown = (event: MouseEvent): void => {
@@ -74,13 +74,13 @@ export default class TapDetector {
 	}
 
 	private onMouseMove = (event: MouseEvent): void => {
-		if (!this.isTouchMode && 0 === event.button) {
+		if (!this.isTouchMode && event.button === 0) {
 			this.onPointerMove(event.clientX, event.clientY)
 		}
 	}
 
 	private onMouseUp = (): void => {
-		if (!this.isTouchMode) {this.onPointerUp()}
+		if (!this.isTouchMode) { this.onPointerUp() }
 	}
 
 	private onPointerDown(x: number, y: number): void {
@@ -91,8 +91,8 @@ export default class TapDetector {
 
 	private onPointerUp(): void {
 		const currTimeStamp = Date.now()
-		if (10 > this.touchMovedLength) {
-			if (300 > currTimeStamp - this.lastTapTimestamp) {
+		if (this.touchMovedLength < 10) {
+			if (currTimeStamp - this.lastTapTimestamp < 300) {
 				this.tappedCount++
 			} else {
 				this.tappedCount = 1
@@ -101,7 +101,7 @@ export default class TapDetector {
 			this.lastTapTimestamp = currTimeStamp
 			this.triggerCallbacks('single', { clientX: this.lastPointerX, clientY: this.lastPointerY })
 
-			if (2 === this.tappedCount) {
+			if (this.tappedCount === 2) {
 				this.triggerCallbacks('double', { clientX: this.lastPointerX, clientY: this.lastPointerY })
 				this.tappedCount = 0
 			}