@bagelink/vue 1.5.15 → 1.5.20

package/src/components/form/inputs/EmailInput.vue

@@ -103,7 +103,7 @@ const input = $ref<HTMLInputElement>()
 
 // Use custom validation function
 function validateEmail(value: string) {
-	if (!value) return
+	if (!value) {return}
 
 	// Basic format validation
 	if (!EMAIL_REGEX.test(value)) {
@@ -133,19 +133,19 @@ const debouncedEmit = useDebounceFn(() => { emit('debounce', inputVal) }, 700)
 
 // Validate input directly when value changes
 function validateInput() {
-	if (!input) return
+	if (!input) {return}
 
 	input.setCustomValidity('')
-	if (!inputVal) return
+	if (!inputVal) {return}
 	const validationResult = validateEmail(inputVal)
-	if (typeof validationResult === 'string') {
+	if ('string' === typeof validationResult) {
 		input.setCustomValidity(validationResult)
 	}
 }
 
 // Perform server validation of email
 async function validateEmailWithServer(email: string) {
-	if (!props.serverValidate || !email || !EMAIL_REGEX.test(email)) return
+	if (!props.serverValidate || !email || !EMAIL_REGEX.test(email)) {return}
 
 	// If we've already validated this email, use cached result
 	if (validatedEmails.has(email)) {
@@ -163,10 +163,10 @@ async function validateEmailWithServer(email: string) {
 			headers: { 'Content-Type': 'application/json' }
 		})
 
-		if (!response.ok) throw new Error('Validation service unavailable')
+		if (!response.ok) {throw new Error('Validation service unavailable')}
 
 		const result = await response.json()
-		const isValid = result.status === 'valid' || result.has_mx === true
+		const isValid = 'valid' === result.status || true === result.has_mx
 
 		isValidEmail.value = isValid
 		validatedEmails.set(email, isValid)
@@ -186,7 +186,7 @@ async function validateEmailWithServer(email: string) {
 
 // Check for email typos and suggest corrections
 function checkForTypos(email: string) {
-	if (!props.autocorrect || !email) return
+	if (!props.autocorrect || !email) {return}
 
 	// Handle case where domain is incomplete (missing TLD)
 	if (email.includes('@') && !email.includes('.')) {
@@ -203,7 +203,7 @@ function checkForTypos(email: string) {
 	}
 
 	// Standard typo checking for complete emails
-	if (!email.includes('@')) return
+	if (!email.includes('@')) {return}
 
 	const [username, domain] = email.split('@')
 	const domainLower = domain.toLowerCase()
@@ -216,7 +216,7 @@ function checkForTypos(email: string) {
 
 	// Find close matches using Levenshtein distance
 	for (const commonDomain of COMMON_EMAIL_DOMAINS) {
-		if (calculateLevenshteinDistance(domainLower, commonDomain) <= 2) {
+		if (2 >= calculateLevenshteinDistance(domainLower, commonDomain)) {
 			suggestedCorrection.value = `${username}@${commonDomain}`.toLowerCase()
 			return
 		}
@@ -265,7 +265,7 @@ function calculateLevenshteinDistance(a: string, b: string): number {
 const debouncedServerValidate = useDebounceFn(() => validateEmailWithServer(inputVal), 1000)
 
 function updateInputVal() {
-	if (props.disabled) return
+	if (props.disabled) {return}
 
 	// Remove typo checking while typing - only do this on focusout now
 	// checkForTypos(inputVal)
@@ -293,7 +293,7 @@ function handleFocusout(e: FocusEvent) {
 		validateEmailWithServer(inputVal)
 	}
 
-	if (props.onFocusout) props.onFocusout(e)
+	if (props.onFocusout) {props.onFocusout(e)}
 }
 
 watch(
@@ -318,8 +318,8 @@ const focus = () => input?.focus()
 defineExpose({ focus, hasFocus })
 
 onMounted(() => {
-	if (props.autofocus) setTimeout(() => input?.focus(), 10)
-	if (props.defaultValue && !props.modelValue) inputVal = props.defaultValue
+	if (props.autofocus) {setTimeout(() => input?.focus(), 10)}
+	// Don't auto-restore defaultValue - let user control their own content
 })
 </script>
 

package/src/components/form/inputs/NumberInput.vue

@@ -76,19 +76,19 @@ const canDecrement = $computed(() => min === undefined || subtract(numberValue,
 
 // Methods
 function increment() {
-	if (!canAdd) return
+	if (!canAdd) {return}
 	numberValue = add(numberValue ?? 0, step)
 	emit('update:modelValue', numberValue)
 }
 
 function decrement() {
-	if (!canDecrement) return
+	if (!canDecrement) {return}
 	numberValue = subtract(numberValue || 0, step)
 	emit('update:modelValue', numberValue)
 }
 
 function formatNumber(num: number) {
-	if (Number.isNaN(num)) return ''
+	if (Number.isNaN(num)) {return ''}
 	const formatter = new Intl.NumberFormat('en-US', {
 		minimumFractionDigits: 0,
 		maximumFractionDigits: 20,
@@ -116,7 +116,7 @@ function inputHandler() {
 	const isTypingTrailingZeros = /\.\d*0$/.test(numeric) // Check if ending with decimal followed by digits ending in 0
 
 	if (emptyValue || isTypingDecimal || isTypingTrailingZeros) {
-		emit('update:modelValue', numeric === '-' ? '-' : numeric)
+		emit('update:modelValue', '-' === numeric ? '-' : numeric)
 		return
 	}
 
@@ -128,14 +128,14 @@ function inputHandler() {
 watch(() => numberValue, () => {
 	nextTick(() => {
 		// Don't reformat if user is currently typing a decimal or trailing zeros
-		if (formattedValue.endsWith('.') || /\.\d*0$/.test(formattedValue)) return
+		if (formattedValue.endsWith('.') || /\.\d*0$/.test(formattedValue)) {return}
 		formattedValue = numberValue !== undefined ? formatNumber(numberValue) : ''
 	})
 })
 
 watch(() => modelValue, (newVal) => {
 	if (newVal !== numberValue) {
-		if (typeof newVal === 'string' && (newVal === '-' || newVal.endsWith('.'))) {
+		if ('string' === typeof newVal && ('-' === newVal || newVal.endsWith('.'))) {
 			formattedValue = newVal
 			return
 		}

package/src/components/form/inputs/OTP.vue

@@ -12,7 +12,7 @@ function handlePaste(event: ClipboardEvent, index: number) {
 	const { clipboardData } = event
 	const pastedText = clipboardData?.getData('text').replaceAll(/\D/g, '') // Ensure only numeric digits are pasted
 	const pastedDigits = [...(pastedText ?? '')]
-	if (!pastedDigits) return
+	if (!pastedDigits) {return}
 	for (let i = 0; i < pastedDigits.length; i++) {
 		const digit = pastedDigits[i]
 		if (index + i < digits.length) {
@@ -41,10 +41,10 @@ function handleKeyDown(event: KeyboardEvent, index: number) {
 		return
 	}
 
-	if (event.key === 'Backspace') {
+	if ('Backspace' === event.key) {
 		digits[index] = undefined
 
-		if (index !== 0) {
+		if (0 !== index) {
 			const prevDigit = otpCont?.children[index - 1] as any
 			prevDigit.focus()
 		}

package/src/components/form/inputs/RadioGroup.vue

@@ -53,7 +53,7 @@ let loadedOptions = $ref<any[]>([])
 const visibleOptions = $computed(() => Array.isArray(props.options) ? (props.options as any[]) : (loadedOptions as any[]))
 
 async function loadOptionsIfNeeded() {
-	if (typeof props.options === 'function') {
+	if ('function' === typeof props.options) {
 		try {
 			loadedOptions = await props.options()
 		} catch {

package/src/components/form/inputs/RadioPillsInput.vue

@@ -20,16 +20,16 @@ const props = withDefaults(
 const emits = defineEmits(['update:modelValue'])
 
 function getLabel(option: Option) {
-	if (typeof option === 'string') return option
-	if (typeof option === 'number') return `${option}`
-	if (typeof option === 'boolean') return option ? 'Yes' : 'No'
+	if ('string' === typeof option) {return option}
+	if ('number' === typeof option) {return `${option}`}
+	if ('boolean' === typeof option) {return option ? 'Yes' : 'No'}
 	return option.label
 }
 
 function getValue(option: Option) {
-	if (typeof option === 'string') return option
-	if (typeof option === 'number') return option
-	if (typeof option === 'boolean') return option ? 'Yes' : 'No'
+	if ('string' === typeof option) {return option}
+	if ('number' === typeof option) {return option}
+	if ('boolean' === typeof option) {return option ? 'Yes' : 'No'}
 	return option.value
 }
 
@@ -44,8 +44,8 @@ function handleSelect(e: Event) {
 watch(
 	() => props.modelValue,
 	(newVal, oldVal) => {
-		if (newVal === oldVal || oldVal === undefined) return
-		if (selectedValue !== newVal) selectedValue = newVal
+		if (newVal === oldVal || oldVal === undefined) {return}
+		if (selectedValue !== newVal) {selectedValue = newVal}
 	},
 	{ immediate: true },
 )

package/src/components/form/inputs/RichText/components/EditorToolbar.vue

@@ -31,10 +31,10 @@ const emit = defineEmits(['action'])
 
 // Function to get the current alignment icon based on active styles
 function getCurrentAlignmentIcon(): string {
-	if (selectedStyles.has('alignLeft')) return 'format_align_left'
-	if (selectedStyles.has('alignCenter')) return 'format_align_center'
-	if (selectedStyles.has('alignRight')) return 'format_align_right'
-	if (selectedStyles.has('alignJustify')) return 'format_align_justify'
+	if (selectedStyles.has('alignLeft')) {return 'format_align_left'}
+	if (selectedStyles.has('alignCenter')) {return 'format_align_center'}
+	if (selectedStyles.has('alignRight')) {return 'format_align_right'}
+	if (selectedStyles.has('alignJustify')) {return 'format_align_justify'}
 	return 'format_align_left' // default
 }
 
@@ -51,7 +51,7 @@ function shouldHideAction(actionName: string): boolean {
 	// Check if it's in the hide array - this covers ALL items including:
 	// bold, italic, underline, h1, h2, h3, h4, h5, h6, link, image, video, embed, 
 	// ul, ol, blockquote, code, clear, direction, table, fullScreen
-	if (hide.includes(actionName)) return true
+	if (hide.includes(actionName)) {return true}
 
 	// Alternative name mappings for some actions
 	const alternativeNames: Record<string, string[]> = {
@@ -97,9 +97,9 @@ function shouldShowSeparator(currentIndex: number): boolean {
 
 	// Simple approach: find the last visible item before this separator
 	let lastVisibleBeforeIndex = -1
-	for (let i = currentIndex - 1; i >= 0; i--) {
+	for (let i = currentIndex - 1; 0 <= i; i--) {
 		const action = allActions[i]
-		if (action && action.name !== 'separator' && !shouldHideAction(action.name)) {
+		if (action && 'separator' !== action.name && !shouldHideAction(action.name)) {
 			lastVisibleBeforeIndex = i
 			break
 		}
@@ -109,21 +109,21 @@ function shouldShowSeparator(currentIndex: number): boolean {
 	let firstVisibleAfterIndex = -1
 	for (let i = currentIndex + 1; i < allActions.length; i++) {
 		const action = allActions[i]
-		if (action && action.name !== 'separator' && !shouldHideAction(action.name)) {
+		if (action && 'separator' !== action.name && !shouldHideAction(action.name)) {
 			firstVisibleAfterIndex = i
 			break
 		}
 	}
 
 	// Don't show if we don't have visible items on both sides
-	if (lastVisibleBeforeIndex === -1 || firstVisibleAfterIndex === -1) {
+	if (-1 === lastVisibleBeforeIndex || -1 === firstVisibleAfterIndex) {
 		return false
 	}
 
 	// Check if there's already a visible separator between these items
 	for (let i = lastVisibleBeforeIndex + 1; i < currentIndex; i++) {
 		const action = allActions[i]
-		if (action && action.name === 'separator') {
+		if (action && 'separator' === action.name) {
 			// There's already a separator closer to the visible items
 			return false
 		}

package/src/components/form/inputs/RichText/components/TableGridSelector.vue

@@ -29,7 +29,7 @@ const gridCells = computed(() => {
 })
 
 const selectionText = computed(() => {
-    if (hoveredRow.value === 0 || hoveredCol.value === 0) {
+    if (0 === hoveredRow.value || 0 === hoveredCol.value) {
         return 'Select table size'
     }
     return `${hoveredRow.value} × ${hoveredCol.value}`

package/src/components/form/inputs/RichText/composables/useCommands.ts

@@ -8,7 +8,7 @@ export function useCommands(state: EditorState, debug?: { logCommand: (command:
 
 	// Function to immediately update styles
 	const updateStylesImmediately = () => {
-		if (!state.doc) return
+		if (!state.doc) {return}
 
 		const styles = new Set<string>()
 		const styleTypes = [

package/src/components/form/inputs/RichText/composables/useEditor.ts

@@ -54,7 +54,7 @@ export function useEditor() {
 	// Centralized state update functions
 	const updateState = {
 		styles: () => {
-			if (!state.doc) return
+			if (!state.doc) {return}
 			const styles = new Set<string>()
 			const styleTypes = [
 				'bold',
@@ -86,7 +86,7 @@ export function useEditor() {
 			state.selectedStyles = styles
 		},
 		content: (source: 'html' | 'text') => {
-			if (!state.doc) return
+			if (!state.doc) {return}
 
 			// Only push to undo stack if content has changed
 			const currentContent = state.doc.body.innerHTML
@@ -99,7 +99,7 @@ export function useEditor() {
 			const selection = state.doc.getSelection()
 			const range = selection?.rangeCount ? selection.getRangeAt(0).cloneRange() : null
 
-			if (source === 'html') {
+			if ('html' === source) {
 				// Preserve iframes before setting content
 				const preserved = preserveIframes(state.content)
 				state.doc.body.innerHTML = preserved.html
@@ -125,7 +125,7 @@ export function useEditor() {
 			}
 		},
 		selection: () => {
-			if (!state.doc) return
+			if (!state.doc) {return}
 			const newSelection = state.doc.getSelection()
 			if (!newSelection) {
 				return
@@ -141,7 +141,7 @@ export function useEditor() {
 				const hasSelectionChanged = !state.selection
 					|| state.selection !== newSelection
 					|| state.rangeCount !== newSelection.rangeCount
-					|| (newSelection.rangeCount > 0 && state.range && (
+					|| (0 < newSelection.rangeCount && state.range && (
 						state.range.startContainer !== newSelection.getRangeAt(0).startContainer
 						|| state.range.startOffset !== newSelection.getRangeAt(0).startOffset
 						|| state.range.endContainer !== newSelection.getRangeAt(0).endContainer
@@ -152,7 +152,7 @@ export function useEditor() {
 					state.selection = newSelection
 					state.rangeCount = newSelection.rangeCount
 
-					if (newSelection.rangeCount > 0) {
+					if (0 < newSelection.rangeCount) {
 						state.range = newSelection.getRangeAt(0).cloneRange()
 					}
 
@@ -171,7 +171,7 @@ export function useEditor() {
 	// History management
 	const history = {
 		undo: () => {
-			if (state.undoStack.length === 0) return
+			if (0 === state.undoStack.length) {return}
 			state.redoStack.push(state.content)
 			const lastContent = state.undoStack.pop()
 			if (lastContent !== undefined) {
@@ -180,7 +180,7 @@ export function useEditor() {
 			}
 		},
 		redo: () => {
-			if (state.redoStack.length === 0) return
+			if (0 === state.redoStack.length) {return}
 			state.undoStack.push(state.content)
 			const nextContent = state.redoStack.pop()
 			if (nextContent !== undefined) {
@@ -205,8 +205,8 @@ export function useEditor() {
 
 				const textContent = node.textContent?.trim() || ''
 				const innerHTML = node.innerHTML.trim()
-				const hasOnlyBr = innerHTML === '<br>' || innerHTML === '<br/>'
-				const hasOnlyNbsp = innerHTML === '&nbsp;' || textContent === '\u00A0'
+				const hasOnlyBr = '<br>' === innerHTML || '<br/>' === innerHTML 
+				const hasOnlyNbsp = '&nbsp;' === innerHTML || '\u00A0' === textContent 
 				const isEmpty = !textContent && !innerHTML
 				const isDirectChildOfBody = node.parentElement === doc.body
 
@@ -247,7 +247,7 @@ export function useEditor() {
 
 		const events = {
 			input: () => {
-				if (isUpdating) return
+				if (isUpdating) {return}
 				isUpdating = true
 
 				// Immediately update content
@@ -374,7 +374,7 @@ export function useEditor() {
 	}
 
 	// Add cleanup on component unmount
-	if (typeof window !== 'undefined') {
+	if ('undefined' !== typeof window) {
 		window.addEventListener('beforeunload', () => {
 			if (cleanupListeners) {
 				cleanupListeners()

package/src/components/form/inputs/RichText/composables/useEditorKeyboard.ts

@@ -36,7 +36,7 @@ export function useEditorKeyboard(doc: Document, executor: CommandExecutor): voi
 		// This was causing conflicts with the main Enter key handler
 
 		// Handle other keyboard shortcuts
-		if (!e.ctrlKey && !e.metaKey) return
+		if (!e.ctrlKey && !e.metaKey) {return}
 
 		const matchingShortcut = shortcuts.find((shortcut) => {
 			const keyMatch = shortcut.key === e.key