@bagelink/vue 1.5.17 → 1.5.22

package/src/components/Spreadsheet/Index.vue

@@ -38,7 +38,7 @@ function flattenObject(obj: { [key: string]: any }, prefix = ''): { [key: string
 			const value = obj[key]
 			const newKey = prefix ? `${prefix}.${key}` : key
 
-			if (value && typeof value === 'object' && !Array.isArray(value)) {
+			if (value && 'object' === typeof value && !Array.isArray(value)) {
 				Object.assign(flattened, flattenObject(value, newKey))
 			} else {
 				flattened[newKey] = value
@@ -132,7 +132,7 @@ const columns = computed(() => {
 
 // Format cell value based on column configuration
 function formatCellValue(value: any, format?: ColumnFormat): string {
-	if (value === null || value === undefined) return ''
+	if (null === value || value === undefined) {return ''}
 
 	switch (format) {
 		case 'image':
@@ -162,15 +162,15 @@ function formatCellValue(value: any, format?: ColumnFormat): string {
 function parseValueForFormat(value: string | boolean, format?: ColumnFormat): any {
 	switch (format) {
 		case 'boolean':
-			return typeof value === 'boolean' ? value : value === 'true'
+			return 'boolean' === typeof value ? value : 'true' === value 
 		case 'number':
 		case 'percentage':
 		case 'currency':
-			if (typeof value === 'boolean') return null
-			return value === '' ? null : Number(String(value).replace(/[^0-9.-]/g, ''))
+			if ('boolean' === typeof value) {return null}
+			return '' === value ? null : Number(String(value).replace(/[^0-9.-]/g, ''))
 		case 'date':
-			if (typeof value === 'boolean') return null
-			return value === '' ? null : new Date(String(value)).toISOString()
+			if ('boolean' === typeof value) {return null}
+			return '' === value ? null : new Date(String(value)).toISOString()
 		default:
 			return String(value)
 	}
@@ -185,10 +185,10 @@ function isCellEditable(columnKey: string): boolean {
 // Update the sortByColumn function to preserve column visibility
 function sortByColumn(columnKey: string) {
 	const column = columns.value.find(col => col.key === columnKey)
-	if (!column?.sortable) return
+	if (!column?.sortable) {return}
 
 	if (sortColumn.value === columnKey) {
-		sortDirection.value = sortDirection.value === 'desc' ? 'asc' : 'desc'
+		sortDirection.value = 'desc' === sortDirection.value ? 'asc' : 'desc'
 	} else {
 		sortColumn.value = columnKey
 		sortDirection.value = 'desc'
@@ -198,11 +198,11 @@ function sortByColumn(columnKey: string) {
 		const aVal = a[columnKey]
 		const bVal = b[columnKey]
 
-		if (aVal === bVal) return 0
-		if (aVal === null || aVal === undefined) return 1
-		if (bVal === null || bVal === undefined) return -1
+		if (aVal === bVal) {return 0}
+		if (null === aVal || aVal === undefined) {return 1}
+		if (null === bVal || bVal === undefined) {return -1}
 
-		const modifier = sortDirection.value === 'desc' ? 1 : -1
+		const modifier = 'desc' === sortDirection.value ? 1 : -1
 		return aVal < bVal ? -modifier : modifier
 	})
 
@@ -360,12 +360,12 @@ function redo() {
 // Update updateCell to use undo stack
 function updateCell(rowIndex: number, key: string, newValue: string | boolean) {
 	const column = columns.value.find(col => col.key === key)
-	if (column?.locked) return
+	if (column?.locked) {return}
 
 	saveState('cell')
 	const parsedValue = parseValueForFormat(newValue, column?.format)
 	// If the parsed value is null/undefined, use the default value
-	localRows.value[rowIndex][key] = parsedValue ?? column?.defaultValue ?? (column?.format === 'boolean' ? false : '')
+	localRows.value[rowIndex][key] = parsedValue ?? column?.defaultValue ?? ('boolean' === column?.format ? false : '')
 	emitUpdate()
 }
 
@@ -375,7 +375,7 @@ function updateCell(rowIndex: number, key: string, newValue: string | boolean) {
 // After the columns computed property
 // Initialize visibleColumns with all columns when columns change
 watch(() => columns.value, (newColumns) => {
-	if (newColumns.length > 0 && visibleColumns.value.length === 0) {
+	if (0 < newColumns.length && 0 === visibleColumns.value.length) {
 		visibleColumns.value = newColumns.filter(col => !col.hidden).map(col => col.key)
 	}
 })
@@ -398,7 +398,7 @@ function createEmptyRow(): { [key: string]: any } {
 		if (col.defaultValue !== undefined) {
 			newRow[col.key] = col.defaultValue
 		} else {
-			newRow[col.key] = col.format === 'boolean' ? false : ''
+			newRow[col.key] = 'boolean' === col.format ? false : ''
 		}
 	})
 	return newRow
@@ -415,7 +415,7 @@ function addRow() {
 
 // Copy function using Navigator Clipboard API
 async function copySelection() {
-	if (!selectionStart.value || !selectionEnd.value) return
+	if (!selectionStart.value || !selectionEnd.value) {return}
 
 	const startRow = Math.min(selectionStart.value.row, selectionEnd.value.row)
 	const endRow = Math.max(selectionStart.value.row, selectionEnd.value.row)
@@ -454,7 +454,7 @@ function isSearchFocused(): boolean {
 
 // Update the pasteSelection function to handle search focus
 async function pasteSelection() {
-	if (!selectionStart.value) return
+	if (!selectionStart.value) {return}
 
 	try {
 		const clipboardText = await navigator.clipboard.readText()
@@ -467,7 +467,7 @@ async function pasteSelection() {
 
 		// Calculate how many new rows we need to add
 		const neededRows = startRow + rows.length - localRows.value.length
-		if (neededRows > 0) {
+		if (0 < neededRows) {
 			// Add the required number of new rows
 			for (let i = 0; i < neededRows; i++) {
 				localRows.value.push(createEmptyRow())
@@ -479,10 +479,10 @@ async function pasteSelection() {
 			const targetRow = startRow + rowIndex
 			rowData.forEach((cellValue, colIndex) => {
 				const targetCol = startCol + colIndex
-				if (targetCol >= columns.value.length) return
+				if (targetCol >= columns.value.length) {return}
 
 				const columnKey = columns.value[targetCol].key
-				if (!isCellEditable(columnKey)) return
+				if (!isCellEditable(columnKey)) {return}
 
 				const { format } = columns.value[targetCol]
 				localRows.value[targetRow][columnKey] = parseValueForFormat(cellValue, format)
@@ -501,10 +501,10 @@ const editingOriginalValue = ref<string | null>(null)
 // Update the startEditing function to handle focus properly
 function startEditing(row: number, col: number, initialKey?: string) {
 	const columnKey = columns.value[col]?.key
-	if (!columnKey) return
+	if (!columnKey) {return}
 
 	// Only check editability when we're actually going to edit
-	if (initialKey !== undefined && !isCellEditable(columnKey)) return
+	if (initialKey !== undefined && !isCellEditable(columnKey)) {return}
 
 	editingCell.value = { row, col }
 	editingOriginalValue.value = localRows.value[row][columnKey]?.toString() ?? ''
@@ -529,7 +529,7 @@ function startEditing(row: number, col: number, initialKey?: string) {
 
 // Update the stopEditing function to handle cancellation
 function stopEditing(cancelled = false) {
-	if (cancelled && editingCell.value && editingOriginalValue.value !== null) {
+	if (cancelled && editingCell.value && null !== editingOriginalValue.value) {
 		const { row, col } = editingCell.value
 		const columnKey = columns.value[col]?.key
 		if (columnKey) {
@@ -567,9 +567,9 @@ function handleCellKeyDown(event: KeyboardEvent, row: number, col: number) {
 	// If this cell is not already in edit mode
 	if (!(editingCell.value && editingCell.value.row === row && editingCell.value.col === col)) {
 		// Start editing if a printable character or Enter is pressed
-		if ((event.key.length === 1 && !event.ctrlKey && !event.metaKey) || event.key === 'Enter') {
+		if ((1 === event.key.length && !event.ctrlKey && !event.metaKey) || 'Enter' === event.key) {
 			event.preventDefault()
-			startEditing(row, col, event.key.length === 1 ? event.key : undefined)
+			startEditing(row, col, 1 === event.key.length ? event.key : undefined)
 		}
 	}
 }
@@ -577,7 +577,7 @@ function handleCellKeyDown(event: KeyboardEvent, row: number, col: number) {
 // Update keyboard shortcuts to include undo/redo
 function handleSpreadsheetKeyDown(event: KeyboardEvent) {
 	// Don't intercept keyboard shortcuts when editing a cell
-	if (editingCell.value || isSearchFocused()) return
+	if (editingCell.value || isSearchFocused()) {return}
 	console.log('handleSpreadsheetKeyDown', event)
 	const isCtrlOrCmd = event.ctrlKey || event.metaKey
 
@@ -608,21 +608,21 @@ function handleSpreadsheetKeyDown(event: KeyboardEvent) {
 }
 
 // Add computed properties for undo/redo stack state
-const canUndo = computed(() => undoStack.value.length > 0)
-const canRedo = computed(() => redoStack.value.length > 0)
+const canUndo = computed(() => 0 < undoStack.value.length)
+const canRedo = computed(() => 0 < redoStack.value.length)
 
 // Add after other ref declarations
 const search = ref('')
 
 // Add the filteredRows computed property after the columns computed
 const filteredRows = computed(() => {
-	if (!search.value) return localRows.value
+	if (!search.value) {return localRows.value}
 
 	const searchTerm = search.value.toLowerCase()
 	return localRows.value.filter((row) => {
 		// Check all values in the row, including hidden columns
 		return Object.values(row).some((value) => {
-			if (value === null || value === undefined) return false
+			if (null === value || value === undefined) {return false}
 			return String(value).toLowerCase().includes(searchTerm)
 		})
 	})
@@ -643,7 +643,7 @@ function handleResizeStart(e: MouseEvent, columnKey: string) {
 
 	// Find the column header element
 	const columnHeader = (e.target as HTMLElement).closest('th')
-	if (!columnHeader) return
+	if (!columnHeader) {return}
 
 	// Get the actual computed width of the column
 	const computedWidth = columnHeader.getBoundingClientRect().width
@@ -656,7 +656,7 @@ function handleResizeStart(e: MouseEvent, columnKey: string) {
 }
 
 function handleResizeMove(e: MouseEvent) {
-	if (!isResizing.value || !resizingColumn.value) return
+	if (!isResizing.value || !resizingColumn.value) {return}
 
 	e.preventDefault()
 

package/src/components/Spreadsheet/SpreadsheetTable.vue

@@ -54,7 +54,7 @@ const getActualColumnIndex = (localIndex: number) => props.baseColumnIndex + loc
 
 // Determines if a cell is selected
 function isCellSelected(row: number, localColIndex: number): boolean {
-	if (!props.selectionStart || !props.selectionEnd) return false
+	if (!props.selectionStart || !props.selectionEnd) {return false}
 
 	const colIndex = getActualColumnIndex(localColIndex)
 	const startRow = Math.min(props.selectionStart.row, props.selectionEnd.row)
@@ -73,14 +73,14 @@ function isCellEditable(columnKey: string): boolean {
 
 // Check if a cell is currently being edited
 function isEditing(row: number, localColIndex: number): boolean {
-	if (!props.editingCell) return false
+	if (!props.editingCell) {return false}
 	const colIndex = getActualColumnIndex(localColIndex)
 	return props.editingCell.row === row && props.editingCell.col === colIndex
 }
 
 // Format cell value based on column configuration
 function formatCellValue(value: any, format?: ColumnConfig['format']): string {
-	if (value === null || value === undefined) return ''
+	if (null === value || value === undefined) {return ''}
 
 	switch (format) {
 		case 'image':

package/src/components/Zoomer.vue

@@ -83,7 +83,7 @@ watch(() => scale, (newScale) => {
 	const { x, y } = calcTranslateLimit()
 	translateX = Math.max(-x, Math.min(x, translateX))
 	translateY = Math.max(-y, Math.min(y, translateY))
-	if (newScale !== 1) {
+	if (1 !== newScale) {
 		panLocked = false
 	}
 })
@@ -98,7 +98,7 @@ function reset() {
 defineExpose({ reset })
 
 function tryToScale(scaleDelta: number) {
-	if (disabled) return
+	if (disabled) {return}
 	let newScale = scale * scaleDelta
 	if (zoomingElastic) {
 		if (newScale < minScale! || newScale > maxScale!) {
@@ -108,12 +108,12 @@ function tryToScale(scaleDelta: number) {
 			newScale = scale * scaleDelta
 		}
 	} else {
-		if (newScale < minScale!) newScale = minScale!
-		else if (newScale > maxScale!) newScale = maxScale!
+		if (newScale < minScale!) {newScale = minScale!}
+		else if (newScale > maxScale!) {newScale = maxScale!}
 	}
 	scaleDelta = newScale / scale
 	scale = newScale
-	if (pivot !== 'image-center') {
+	if ('image-center' !== pivot) {
 		const normMousePosX = (pointerPosX - containerLeft) / containerWidth
 		const normMousePosY = (pointerPosY - containerTop) / containerHeight
 		translateX = (0.5 + translateX - normMousePosX) * scaleDelta + normMousePosX - 0.5
@@ -146,7 +146,7 @@ function onPointerMove(newMousePosX: number, newMousePosY: number) {
 
 const onInteractionEnd = useDebounceFn(() => {
 	limit()
-	panLocked = scale === 1
+	panLocked = 1 === scale 
 }, 100)
 
 function limit() {
@@ -168,10 +168,10 @@ function limit() {
 }
 
 function calcTranslateLimit() {
-	if (getMarginDirection() === 'y') {
+	if ('y' === getMarginDirection()) {
 		const imageToContainerRatio = containerWidth / aspectRatio / containerHeight
 		let translateLimitY = (scale * imageToContainerRatio - 1) / 2
-		if (translateLimitY < 0) translateLimitY = 0
+		if (0 > translateLimitY) {translateLimitY = 0}
 		return {
 			x: scale - 1, // Allow full movement to edges horizontally
 			y: translateLimitY * 2 // Allow full movement to edges vertically
@@ -179,7 +179,7 @@ function calcTranslateLimit() {
 	}
 	const imageToContainerRatio = containerHeight * aspectRatio / containerWidth
 	let translateLimitX = (scale * imageToContainerRatio - 1) / 2
-	if (translateLimitX < 0) translateLimitX = 0
+	if (0 > translateLimitX) {translateLimitX = 0}
 	return {
 		x: translateLimitX * 2, // Allow full movement to edges horizontally
 		y: scale - 1 // Allow full movement to edges vertically
@@ -192,18 +192,18 @@ function getMarginDirection() {
 }
 
 function onMouseWheel(ev: WheelEvent) {
-	if (!mouseWheelToZoom) return
+	if (!mouseWheelToZoom) {return}
 	ev.preventDefault()
 	const currTime = Date.now()
-	if (Math.abs(ev.deltaY) === 120) {
-		if (currTime - lastFullWheelTime > 50) {
+	if (120 === Math.abs(ev.deltaY)) {
+		if (50 < currTime - lastFullWheelTime) {
 			onMouseWheelDo(ev.deltaY)
 			lastFullWheelTime = currTime
 		}
 	} else {
-		if (currTime - lastWheelTime > 50) {
+		if (50 < currTime - lastWheelTime) {
 			lastWheelDirection = ev.deltaX > ev.deltaY ? 'x' : 'y'
-			if (lastWheelDirection === 'y') {
+			if ('y' === lastWheelDirection) {
 				onMouseWheelDo(ev.deltaY)
 			}
 		}
@@ -238,12 +238,12 @@ function onMouseMove(ev: MouseEvent) {
 }
 
 function onTouchStart(ev: TouchEvent) {
-	if (ev.touches.length === 1) {
+	if (1 === ev.touches.length) {
 		refreshContainerPos()
 		pointerPosX = ev.touches[0].clientX
 		pointerPosY = ev.touches[0].clientY
 		isPointerDown = true
-	} else if (ev.touches.length === 2) {
+	} else if (2 === ev.touches.length) {
 		isPointerDown = true
 		pointerPosX = (ev.touches[0].clientX + ev.touches[1].clientX) / 2
 		pointerPosY = (ev.touches[0].clientY + ev.touches[1].clientY) / 2
@@ -255,11 +255,11 @@ function onTouchStart(ev: TouchEvent) {
 }
 
 function onTouchEnd(ev: TouchEvent) {
-	if (ev.touches.length === 0) {
+	if (0 === ev.touches.length) {
 		isPointerDown = false
-		if (Math.abs(scale - 1) < 0.1) scale = 1
+		if (0.1 > Math.abs(scale - 1)) {scale = 1}
 		onInteractionEnd()
-	} else if (ev.touches.length === 1) {
+	} else if (1 === ev.touches.length) {
 		pointerPosX = ev.touches[0].clientX
 		pointerPosY = ev.touches[0].clientY
 	}
@@ -267,11 +267,11 @@ function onTouchEnd(ev: TouchEvent) {
 }
 
 function onTouchMove(ev: TouchEvent) {
-	if (ev.touches.length === 1) {
+	if (1 === ev.touches.length) {
 		onPointerMove(ev.touches[0].clientX, ev.touches[0].clientY)
-	} else if (ev.touches.length
+	} else if (2
 
-		=== 2) {
+		=== ev.touches.length) {
 		const distX = ev.touches[0].clientX - ev.touches[1].clientX
 		const distY = ev.touches[0].clientY - ev.touches[1].clientY
 		const newTwoFingerDist = Math.sqrt(distX * distX + distY * distY)
@@ -297,13 +297,13 @@ function loop() {
 
 function gainOn(from: number, to: number) {
 	const delta = (to - from) * 0.3
-	return Math.abs(delta) > 1e-5 ? from + delta : to
+	return 1e-5 < Math.abs(delta) ? from + delta : to
 }
 
 // Lifecycle hooks
 onMounted(() => {
 	tapDetector = new TapDetector()
-	if (zoomElement) tapDetector.attach(zoomElement)
+	if (zoomElement) {tapDetector.attach(zoomElement)}
 	if (doubleClickToZoom) {
 		tapDetector.onDoubleTap(onDoubleTap as any)
 	}
@@ -314,14 +314,14 @@ onMounted(() => {
 })
 
 onUnmounted(() => {
-	if (zoomElement) tapDetector?.detach(zoomElement)
+	if (zoomElement) {tapDetector?.detach(zoomElement)}
 	window.removeEventListener('resize', onWindowResize)
-	if (raf) window.cancelAnimationFrame(raf)
+	if (raf) {window.cancelAnimationFrame(raf)}
 })
 
 function onDoubleTap(ev: MouseEvent) {
-	if (scale === 1) {
-		if (ev.clientX > 0) {
+	if (1 === scale) {
+		if (0 < ev.clientX) {
 			pointerPosX = ev.clientX
 			pointerPosY = ev.clientY
 		}

package/src/components/analytics/BarChart.vue

@@ -57,7 +57,7 @@ const observer = ref<IntersectionObserver | null>(null)
 const chartRef = ref<HTMLElement | null>(null)
 
 const chartData = computed(() => {
-	if (!props.data || props.data.length === 0) return []
+	if (!props.data || 0 === props.data.length) {return []}
 
 	// Use all data without limiting to maxBars
 	const maxValue = Math.max(...props.data.map(d => d.value), 1)
@@ -71,8 +71,8 @@ const chartData = computed(() => {
 // Animation computed properties
 const getBarOpacity = computed(() => {
 	return (index: number) => {
-		if (!props.animated) return 1
-		if (!isInView.value) return 0
+		if (!props.animated) {return 1}
+		if (!isInView.value) {return 0}
 
 		const totalBars = chartData.value.length
 
@@ -90,7 +90,7 @@ function easeOutCubic(t: number): number {
 }
 
 function startAnimation() {
-	if (isAnimating.value || !props.animated) return
+	if (isAnimating.value || !props.animated) {return}
 
 	console.log(`🎯 TrendChart: Starting animation with ${props.animationDuration}ms duration`)
 	isAnimating.value = true
@@ -105,7 +105,7 @@ function startAnimation() {
 
 		animatedProgress.value = easedProgress
 
-		if (progress < 1) {
+		if (1 > progress) {
 			requestAnimationFrame(animate)
 		} else {
 			isAnimating.value = false
@@ -117,7 +117,7 @@ function startAnimation() {
 }
 
 function setupIntersectionObserver() {
-	if (!chartRef.value || observer.value) return
+	if (!chartRef.value || observer.value) {return}
 
 	observer.value = new IntersectionObserver(
 		(entries) => {

package/src/components/analytics/KpiCard.vue

@@ -27,10 +27,10 @@ const props = withDefaults(defineProps<Props>(), {
 	subtitle: ''
 })
 
-const isIncreasing = computed(() => props.percentageChange >= 0)
+const isIncreasing = computed(() => 0 <= props.percentageChange)
 
 const formattedValue = computed(() => {
-	if (typeof props.value === 'string') return props.value
+	if ('string' === typeof props.value) {return props.value}
 
 	if (props.currency) {
 		return new Intl.NumberFormat('he-IL', {

package/src/components/analytics/LineChart.vue

@@ -54,21 +54,21 @@ const chartHeight = computed(() => height.value - padding.top - padding.bottom)
 
 // RTL-aware padding calculations
 const paddingLeft = computed(() => {
-	const isRTL = document.documentElement.dir === 'rtl' ||
-		document.documentElement.getAttribute('lang') === 'he'
+	const isRTL = 'rtl' === document.documentElement.dir ||
+		 'he' === document.documentElement.getAttribute('lang')
 	return isRTL ? padding.inline_end : padding.inline_start
 })
 
 // RTL-aware label positioning
 const labelXPosition = computed(() => {
-	const isRTL = document.documentElement.dir === 'rtl' ||
-		document.documentElement.getAttribute('lang') === 'he'
+	const isRTL = 'rtl' === document.documentElement.dir ||
+		 'he' === document.documentElement.getAttribute('lang')
 	return isRTL ? paddingLeft.value + chartWidth.value + 10 : paddingLeft.value - 10
 })
 
 const labelTextAnchor = computed(() => {
-	const isRTL = document.documentElement.dir === 'rtl' ||
-		document.documentElement.getAttribute('lang') === 'he'
+	const isRTL = 'rtl' === document.documentElement.dir ||
+		 'he' === document.documentElement.getAttribute('lang')
 	return isRTL ? 'start' : 'end'
 })
 
@@ -76,8 +76,8 @@ const maxValue = computed(() => Math.max(...props.data.map(d => d.value), 0))
 const minValue = computed(() => Math.min(...props.data.map(d => d.value), 0))
 
 const xScale = computed(() => {
-	const isRTL = document.documentElement.dir === 'rtl' ||
-		document.documentElement.getAttribute('lang') === 'he'
+	const isRTL = 'rtl' === document.documentElement.dir ||
+		 'he' === document.documentElement.getAttribute('lang')
 	const domain = props.data.length - 1
 
 	return (index: number) => {
@@ -93,7 +93,7 @@ const yScale = computed(() => {
 })
 
 const pathData = computed(() => {
-	if (props.data.length === 0) return ''
+	if (0 === props.data.length) {return ''}
 
 	// Calculate how many points to show based on animation progress
 	const totalPoints = props.data.length
@@ -104,14 +104,14 @@ const pathData = computed(() => {
 	const dataToShow = props.data.slice(0, Math.max(1, visiblePoints))
 
 	const points = dataToShow.map((d, i) =>
-		`${i === 0 ? 'M' : 'L'} ${paddingLeft.value + xScale.value(i)} ${padding.top + yScale.value(d.value)}`
+		`${ 0 === i ? 'M' : 'L'} ${paddingLeft.value + xScale.value(i)} ${padding.top + yScale.value(d.value)}`
 	).join(' ')
 
 	return points
 })
 
 const visiblePoints = computed(() => {
-	if (!props.animated) return props.data
+	if (!props.animated) {return props.data}
 
 	const totalPoints = props.data.length
 	const pointsToShow = Math.ceil(totalPoints * animatedProgress.value)
@@ -121,7 +121,7 @@ const visiblePoints = computed(() => {
 const gridLines = computed(() => {
 	const lines = []
 	const step = chartHeight.value / 4
-	for (let i = 0; i <= 4; i++) {
+	for (let i = 0; 4 >= i; i++) {
 		const y = i * step
 		const value = maxValue.value - (i / 4) * (maxValue.value - minValue.value)
 		lines.push({ y, value })
@@ -157,7 +157,7 @@ function formatTooltip(point: any): string {
 }
 
 const setupIntersectionObserver = () => {
-	if (typeof window === 'undefined') return
+	if ('undefined' === typeof window) {return}
 
 	observer = new IntersectionObserver(
 		(entries) => {
@@ -200,7 +200,7 @@ const startAnimation = () => {
 
 		animatedProgress.value = easeOutCubic(progress)
 
-		if (progress < 1) {
+		if (1 > progress) {
 			requestAnimationFrame(animate)
 		} else {
 			isAnimating.value = false

package/src/components/analytics/PieChart.vue

@@ -54,7 +54,7 @@ const props = withDefaults(defineProps<Props>(), {
 // Generate colors with different opacity based on the main color OR use custom colors
 const colors = computed(() => {
 	// If custom colors array is provided, use it
-	if (props.colors && props.colors.length > 0) {
+	if (props.colors && 0 < props.colors.length) {
 		return props.colors
 	}
 
@@ -96,7 +96,7 @@ onUnmounted(() => {
 let observer: IntersectionObserver | null = null
 
 const setupIntersectionObserver = () => {
-	if (typeof window === 'undefined') return
+	if ('undefined' === typeof window) {return}
 
 	observer = new IntersectionObserver(
 		(entries) => {
@@ -130,7 +130,7 @@ const setupIntersectionObserver = () => {
 }
 
 const startAnimation = () => {
-	const delayType = props.animationDelay > 0 ? "staggered with delay" : "quick stagger"
+	const delayType = 0 < props.animationDelay ? "staggered with delay" : "quick stagger"
 	console.log(`Starting animation for "${props.title}" - ${delayType} mode (duration: ${props.animationDuration}ms, start delay: ${props.animationStartDelay}ms)`)
 	isAnimating.value = true
 	animatedProgress.value = 0
@@ -144,7 +144,7 @@ const startAnimation = () => {
 		// Easing function for smooth animation
 		animatedProgress.value = easeOutCubic(progress)
 
-		if (progress < 1) {
+		if (1 > progress) {
 			requestAnimationFrame(animate)
 		} else {
 			isAnimating.value = false
@@ -229,7 +229,7 @@ const getConnectorLine = (segment: any) => {
 	const outerY = Math.sin(midAngleRad) * outerRadius
 
 	// Extended line for label - reduced extension
-	const labelX = outerX + (outerX > 0 ? 8 : -8)  // Reduced from 10 to 8
+	const labelX = outerX + (0 < outerX ? 8 : -8)  // Reduced from 10 to 8
 	const labelY = outerY
 
 	return {
@@ -239,7 +239,7 @@ const getConnectorLine = (segment: any) => {
 		outerY,
 		labelX,
 		labelY,
-		textAnchor: outerX > 0 ? 'start' : 'end'
+		textAnchor: 0 < outerX ? 'start' : 'end'
 	}
 }
 
@@ -263,19 +263,19 @@ const pieSegments = computed(() => {
 		// Calculate if this segment should be visible based on animation progress
 		// Add a small delay even for the first segment to avoid immediate appearance
 		const baseDelay = 100 // 100ms delay for the first segment
-		const segmentDelay = props.animationDelay > 0 ?
+		const segmentDelay = 0 < props.animationDelay ?
 			baseDelay + (index * props.animationDelay) :
 			baseDelay + (index * 50) // Small stagger even when animationDelay is 0
 		const totalElapsedTime = animatedProgress.value * props.animationDuration
 		const isVisible = !props.animated || totalElapsedTime >= segmentDelay
 
 		// Debug log for animation
-		if (props.animated && index === 0) {
+		if (props.animated && 0 === index) {
 			console.log(`Animation progress: ${(animatedProgress.value * 100).toFixed(1)}%, elapsed: ${totalElapsedTime.toFixed(0)}ms`)
 		}
 
 		if (!isVisible) {
-			if (index < 3) {
+			if (3 > index) {
 				console.log(`Segment ${index} waiting - needs ${segmentDelay}ms, current: ${totalElapsedTime.toFixed(0)}ms`)
 			}
 			return {
@@ -288,7 +288,7 @@ const pieSegments = computed(() => {
 				color: item.color || colors.value[index % colors.value.length],
 				visible: false
 			}
-		} else if (index < 3) {
+		}if (index < 3) {
 			console.log(`Segment ${index} visible! - delay: ${segmentDelay}ms, elapsed: ${totalElapsedTime.toFixed(0)}ms`)
 		}
 
@@ -299,7 +299,7 @@ const pieSegments = computed(() => {
 		const innerRadius = props.donut ? radius * props.thickness : 0
 
 		const segmentAngle = endAngle - startAngle
-		const largeArcFlag = segmentAngle > 180 ? 1 : 0
+		const largeArcFlag = 180 < segmentAngle ? 1 : 0
 
 		const pathData = props.donut
 			? createDonutPath(startAngleRad, endAngleRad, radius, innerRadius, largeArcFlag)

package/src/components/calendar/CalendarPopover.vue

@@ -31,7 +31,7 @@ const popoverPosition = computed(() => {
 		left = Math.max(scrollX.value + margin, Math.min(left, innerWidth.value + scrollX.value - popoverWidth - margin))
 
 		return { top, left, width: popoverWidth, height: 150 }
-	} else if (props.targetElement && props.show) {
+	}if (props.targetElement && props.show) {
 		// Position relative to target element
 		const target = props.targetElement
 		const rect = target.getBoundingClientRect()