npm - @nasser-sw/fabric - Versions diffs - 7.0.1-beta1 → 7.0.1-beta11 - Mend

@nasser-sw/fabric 7.0.1-beta1 → 7.0.1-beta11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (2520) hide show

package/dist/src/text/measure.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"measure.mjs","sources":["../../../src/text/measure.ts"],"sourcesContent":["/*\r\n Advanced Text Measurement System\r\n * \r\n * Provides precise text measurement with caching, font metrics,\r\n * and DPI awareness for optimal performance and accuracy.\r\n /\r\n\r\nimport { createCanvasElementFor } from '../util/misc/dom';\r\n\r\nexport interface MeasurementOptions {\r\n fontFamily: string;\r\n fontSize: number;\r\n fontStyle: string;\r\n fontWeight: string \| number;\r\n letterSpacing?: number;\r\n direction?: 'ltr' \| 'rtl';\r\n}\r\n\r\nexport interface GraphemeMeasurement {\r\n width: number;\r\n height: number;\r\n ascent: number;\r\n descent: number;\r\n baseline: number;\r\n}\r\n\r\nexport interface KerningMeasurement extends GraphemeMeasurement {\r\n kernedWidth: number; // width accounting for kerning with previous char\r\n}\r\n\r\nexport interface FontMetrics {\r\n ascent: number;\r\n descent: number;\r\n lineHeight: number;\r\n baseline: string;\r\n fontBoundingBoxAscent?: number;\r\n fontBoundingBoxDescent?: number;\r\n actualBoundingBoxAscent?: number;\r\n actualBoundingBoxDescent?: number;\r\n}\r\n\r\n// Global measurement context - reused for performance\r\nlet measurementContext: CanvasRenderingContext2D \| null = null;\r\n\r\n/\r\n Get or create the shared measurement context\r\n /\r\nfunction getMeasurementContext(): CanvasRenderingContext2D {\r\n if (!measurementContext) {\r\n const canvas = createCanvasElementFor({\r\n width: 0,\r\n height: 0,\r\n });\r\n measurementContext = canvas.getContext('2d')!;\r\n }\r\n return measurementContext;\r\n}\r\n\r\n/\r\n Measure a single grapheme\r\n /\r\nexport function measureGrapheme(\r\n grapheme: string,\r\n options: MeasurementOptions,\r\n ctx?: CanvasRenderingContext2D\r\n): GraphemeMeasurement {\r\n // Check cache first\r\n const cached = measurementCache.get(grapheme, options);\r\n if (cached) {\r\n return cached;\r\n }\r\n\r\n // Use provided context or get global one\r\n const context = ctx \|\| getMeasurementContext();\r\n \r\n // Set font properties\r\n applyFontStyle(context, options);\r\n \r\n // Measure the grapheme\r\n const metrics = context.measureText(grapheme);\r\n const fontMetrics = getFontMetrics(options);\r\n \r\n // Calculate comprehensive measurements\r\n const measurement: GraphemeMeasurement = {\r\n width: metrics.width,\r\n height: fontMetrics.lineHeight,\r\n ascent: fontMetrics.ascent,\r\n descent: fontMetrics.descent,\r\n baseline: fontMetrics.ascent,\r\n };\r\n \r\n // Cache the result\r\n measurementCache.set(grapheme, options, measurement);\r\n \r\n return measurement;\r\n}\r\n\r\n/\r\n Measure a grapheme with kerning relative to previous character\r\n /\r\nexport function measureGraphemeWithKerning(\r\n grapheme: string,\r\n previousGrapheme: string \| undefined,\r\n options: MeasurementOptions,\r\n ctx?: CanvasRenderingContext2D\r\n): KerningMeasurement {\r\n // Get individual measurement\r\n const individual = measureGrapheme(grapheme, options, ctx);\r\n \r\n // If no previous character, kerning width equals regular width\r\n if (!previousGrapheme) {\r\n return {\r\n ...individual,\r\n kernedWidth: individual.width,\r\n };\r\n }\r\n \r\n // Check kerning cache\r\n const kerningPair = `${previousGrapheme}${grapheme}`;\r\n const cachedKerning = kerningCache.get(kerningPair, options);\r\n if (cachedKerning) {\r\n return {\r\n ...individual,\r\n kernedWidth: cachedKerning,\r\n };\r\n }\r\n \r\n // Use provided context or get global one\r\n const context = ctx \|\| getMeasurementContext();\r\n applyFontStyle(context, options);\r\n \r\n // Measure the pair\r\n const pairWidth = context.measureText(previousGrapheme + grapheme).width;\r\n const previousWidth = measureGrapheme(previousGrapheme, options, context).width;\r\n const kernedWidth = pairWidth - previousWidth;\r\n \r\n // Cache kerning result\r\n kerningCache.set(kerningPair, options, kernedWidth);\r\n \r\n return {\r\n ...individual,\r\n kernedWidth,\r\n };\r\n}\r\n\r\n/\r\n Get font metrics for layout calculations\r\n /\r\nexport function getFontMetrics(options: MeasurementOptions): FontMetrics {\r\n const cacheKey = getFontDeclaration(options);\r\n const cached = fontMetricsCache.get(cacheKey);\r\n if (cached) {\r\n return cached;\r\n }\r\n \r\n const context = getMeasurementContext();\r\n applyFontStyle(context, options);\r\n \r\n // Use 'M' as sample character for metrics\r\n const metrics = context.measureText('M');\r\n const fontSize = options.fontSize;\r\n \r\n // Calculate metrics with fallbacks\r\n const fontBoundingBoxAscent = metrics.fontBoundingBoxAscent ?? fontSize 0.91;\r\n const fontBoundingBoxDescent = metrics.fontBoundingBoxDescent ?? fontSize * 0.21;\r\n const actualBoundingBoxAscent = metrics.actualBoundingBoxAscent ?? fontSize * 0.716;\r\n const actualBoundingBoxDescent = metrics.actualBoundingBoxDescent ?? 0;\r\n \r\n const result: FontMetrics = {\r\n ascent: fontBoundingBoxAscent,\r\n descent: fontBoundingBoxDescent,\r\n lineHeight: fontSize,\r\n baseline: 'alphabetic',\r\n fontBoundingBoxAscent,\r\n fontBoundingBoxDescent,\r\n actualBoundingBoxAscent,\r\n actualBoundingBoxDescent,\r\n };\r\n \r\n fontMetricsCache.set(cacheKey, result);\r\n return result;\r\n}\r\n\r\n/*\r\n Apply font styling to canvas context\r\n /\r\nfunction applyFontStyle(ctx: CanvasRenderingContext2D, options: MeasurementOptions): void {\r\n const fontDeclaration = getFontDeclaration(options);\r\n ctx.font = fontDeclaration;\r\n \r\n if (options.letterSpacing) {\r\n // Modern browsers support letterSpacing\r\n if ('letterSpacing' in ctx) {\r\n (ctx as any).letterSpacing = `${options.letterSpacing}px`;\r\n }\r\n }\r\n \r\n if (options.direction) {\r\n ctx.direction = options.direction;\r\n }\r\n \r\n ctx.textBaseline = 'alphabetic';\r\n}\r\n\r\n/\r\n Generate font declaration string\r\n /\r\nfunction getFontDeclaration(options: MeasurementOptions): string {\r\n const { fontStyle, fontWeight, fontSize, fontFamily } = options;\r\n \r\n // Normalize font family (add quotes if needed)\r\n const normalizedFamily = fontFamily.includes(' ') && \r\n !fontFamily.includes('\"') && \r\n !fontFamily.includes(\"'\")\r\n ? `\"${fontFamily}\"`\r\n : fontFamily;\r\n \r\n return `${fontStyle} ${fontWeight} ${fontSize}px ${normalizedFamily}`;\r\n}\r\n\r\n/\r\n LRU Cache implementation for measurements\r\n /\r\nclass LRUCache<T> {\r\n private cache = new Map<string, { value: T; timestamp: number }>();\r\n private maxSize: number;\r\n private hits = 0;\r\n private misses = 0;\r\n\r\n constructor(maxSize = 1000) {\r\n this.maxSize = maxSize;\r\n }\r\n\r\n get(key: string): T \| undefined {\r\n const entry = this.cache.get(key);\r\n if (entry) {\r\n // Update timestamp for LRU\r\n entry.timestamp = Date.now();\r\n this.hits++;\r\n return entry.value;\r\n }\r\n this.misses++;\r\n return undefined;\r\n }\r\n\r\n set(key: string, value: T): void {\r\n // Remove oldest entries if at capacity\r\n if (this.cache.size >= this.maxSize) {\r\n const oldestKey = this.findOldestKey();\r\n if (oldestKey) {\r\n this.cache.delete(oldestKey);\r\n }\r\n }\r\n\r\n this.cache.set(key, {\r\n value,\r\n timestamp: Date.now(),\r\n });\r\n }\r\n\r\n private findOldestKey(): string \| undefined {\r\n let oldestKey: string \| undefined;\r\n let oldestTime = Infinity;\r\n\r\n for (const [key, entry] of this.cache.entries()) {\r\n if (entry.timestamp < oldestTime) {\r\n oldestTime = entry.timestamp;\r\n oldestKey = key;\r\n }\r\n }\r\n\r\n return oldestKey;\r\n }\r\n\r\n clear(): void {\r\n this.cache.clear();\r\n this.hits = 0;\r\n this.misses = 0;\r\n }\r\n\r\n getStats(): { size: number; hitRate: number; hits: number; misses: number } {\r\n const total = this.hits + this.misses;\r\n return {\r\n size: this.cache.size,\r\n hitRate: total > 0 ? this.hits / total : 0,\r\n hits: this.hits,\r\n misses: this.misses,\r\n };\r\n }\r\n}\r\n\r\n/\r\n Advanced measurement cache with font-aware keys\r\n /\r\nexport class MeasurementCache {\r\n private cache = new LRUCache<GraphemeMeasurement>(1000);\r\n\r\n getCacheKey(grapheme: string, options: MeasurementOptions): string {\r\n const fontDecl = getFontDeclaration(options);\r\n const letterSpacing = options.letterSpacing \|\| 0;\r\n return `${fontDecl}\|${grapheme}\|${letterSpacing}`;\r\n }\r\n\r\n get(grapheme: string, options: MeasurementOptions): GraphemeMeasurement \| undefined {\r\n const key = this.getCacheKey(grapheme, options);\r\n return this.cache.get(key);\r\n }\r\n\r\n set(grapheme: string, options: MeasurementOptions, measurement: GraphemeMeasurement): void {\r\n const key = this.getCacheKey(grapheme, options);\r\n this.cache.set(key, measurement);\r\n }\r\n\r\n clear(): void {\r\n this.cache.clear();\r\n }\r\n\r\n getStats() {\r\n return this.cache.getStats();\r\n }\r\n}\r\n\r\n/\r\n Kerning cache for character pairs\r\n /\r\nclass KerningCache {\r\n private cache = new LRUCache<number>(5000); // More entries for pairs\r\n\r\n getCacheKey(pair: string, options: MeasurementOptions): string {\r\n const fontDecl = getFontDeclaration(options);\r\n return `${fontDecl}\|${pair}`;\r\n }\r\n\r\n get(pair: string, options: MeasurementOptions): number \| undefined {\r\n const key = this.getCacheKey(pair, options);\r\n return this.cache.get(key);\r\n }\r\n\r\n set(pair: string, options: MeasurementOptions, kerning: number): void {\r\n const key = this.getCacheKey(pair, options);\r\n this.cache.set(key, kerning);\r\n }\r\n\r\n clear(): void {\r\n this.cache.clear();\r\n }\r\n\r\n getStats() {\r\n return this.cache.getStats();\r\n }\r\n}\r\n\r\n/\r\n Font metrics cache\r\n /\r\nclass FontMetricsCache {\r\n private cache = new Map<string, FontMetrics>();\r\n\r\n get(fontDeclaration: string): FontMetrics \| undefined {\r\n return this.cache.get(fontDeclaration);\r\n }\r\n\r\n set(fontDeclaration: string, metrics: FontMetrics): void {\r\n this.cache.set(fontDeclaration, metrics);\r\n }\r\n\r\n clear(): void {\r\n this.cache.clear();\r\n }\r\n\r\n getStats() {\r\n return {\r\n size: this.cache.size,\r\n };\r\n }\r\n}\r\n\r\n// Global cache instances\r\nexport const measurementCache = new MeasurementCache();\r\nexport const kerningCache = new KerningCache();\r\nexport const fontMetricsCache = new FontMetricsCache();\r\n\r\n/\r\n Clear all measurement caches\r\n /\r\nexport function clearAllCaches(): void {\r\n measurementCache.clear();\r\n kerningCache.clear();\r\n fontMetricsCache.clear();\r\n}\r\n\r\n/\r\n Get combined cache statistics\r\n /\r\nexport function getCacheStats() {\r\n return {\r\n measurement: measurementCache.getStats(),\r\n kerning: kerningCache.getStats(),\r\n fontMetrics: fontMetricsCache.getStats(),\r\n };\r\n}\r\n\r\n/\r\n Batch measure multiple graphemes efficiently\r\n /\r\nexport function batchMeasureGraphemes(\r\n graphemes: string[],\r\n options: MeasurementOptions,\r\n ctx?: CanvasRenderingContext2D\r\n): GraphemeMeasurement[] {\r\n const context = ctx \|\| getMeasurementContext();\r\n applyFontStyle(context, options);\r\n \r\n // Separate cached and uncached measurements\r\n const results: GraphemeMeasurement[] = new Array(graphemes.length);\r\n const uncachedIndices: number[] = [];\r\n \r\n // Check cache for all graphemes\r\n graphemes.forEach((grapheme, index) => {\r\n const cached = measurementCache.get(grapheme, options);\r\n if (cached) {\r\n results[index] = cached;\r\n } else {\r\n uncachedIndices.push(index);\r\n }\r\n });\r\n \r\n // Measure uncached graphemes\r\n const fontMetrics = getFontMetrics(options);\r\n uncachedIndices.forEach(index => {\r\n const grapheme = graphemes[index];\r\n const metrics = context.measureText(grapheme);\r\n \r\n const measurement: GraphemeMeasurement = {\r\n width: metrics.width,\r\n height: fontMetrics.lineHeight,\r\n ascent: fontMetrics.ascent,\r\n descent: fontMetrics.descent,\r\n baseline: fontMetrics.ascent,\r\n };\r\n \r\n measurementCache.set(grapheme, options, measurement);\r\n results[index] = measurement;\r\n });\r\n \r\n return results;\r\n}\r\n\r\n/\r\n Estimate text width without full layout (for performance)\r\n /\r\nexport function estimateTextWidth(\r\n text: string,\r\n options: MeasurementOptions\r\n): number {\r\n // Use average character width for estimation\r\n const avgChar = 'n'; // Representative character\r\n const avgMeasurement = measureGrapheme(avgChar, options);\r\n const letterSpacing = options.letterSpacing \|\| 0;\r\n \r\n return text.length (avgMeasurement.width + letterSpacing);\r\n}\r\n\r\n/*\r\n Check if font is loaded and ready for measurement\r\n */\r\nexport function isFontReady(fontFamily: string): boolean {\r\n if (typeof document === 'undefined') return true;\r\n \r\n if ('fonts' in document) {\r\n return document.fonts.check(`16px ${fontFamily}`);\r\n }\r\n \r\n // Fallback - assume font is ready\r\n return true;\r\n}"],"names":["measurementContext","getMeasurementContext","canvas","createCanvasElementFor","width","height","getContext","measureGrapheme","grapheme","options","ctx","cached","measurementCache","get","context","applyFontStyle","metrics","measureText","fontMetrics","getFontMetrics","measurement","lineHeight","ascent","descent","baseline","set","measureGraphemeWithKerning","previousGrapheme","individual","kernedWidth","kerningPair","cachedKerning","kerningCache","pairWidth","previousWidth","_metrics$fontBounding","_metrics$fontBounding2","_metrics$actualBoundi","_metrics$actualBoundi2","cacheKey","getFontDeclaration","fontMetricsCache","fontSize","fontBoundingBoxAscent","fontBoundingBoxDescent","actualBoundingBoxAscent","actualBoundingBoxDescent","result","fontDeclaration","font","letterSpacing","direction","textBaseline","fontStyle","fontWeight","fontFamily","normalizedFamily","includes","LRUCache","constructor","maxSize","arguments","length","undefined","_defineProperty","Map","key","entry","cache","timestamp","Date","now","hits","value","misses","size","oldestKey","findOldestKey","delete","oldestTime","Infinity","entries","clear","getStats","total","hitRate","MeasurementCache","getCacheKey","fontDecl","KerningCache","pair","kerning","FontMetricsCache"],"mappings":"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"}
1	+ {"version":3,"file":"measure.mjs","sources":["../../../src/text/measure.ts"],"sourcesContent":["/*\n Advanced Text Measurement System\n \n Provides precise text measurement with caching, font metrics,\n * and DPI awareness for optimal performance and accuracy.\n /\n\nimport { createCanvasElementFor } from '../util/misc/dom';\n\nexport interface MeasurementOptions {\n fontFamily: string;\n fontSize: number;\n fontStyle: string;\n fontWeight: string \| number;\n letterSpacing?: number;\n direction?: 'ltr' \| 'rtl';\n}\n\nexport interface GraphemeMeasurement {\n width: number;\n height: number;\n ascent: number;\n descent: number;\n baseline: number;\n}\n\nexport interface KerningMeasurement extends GraphemeMeasurement {\n kernedWidth: number; // width accounting for kerning with previous char\n}\n\nexport interface FontMetrics {\n ascent: number;\n descent: number;\n lineHeight: number;\n baseline: string;\n fontBoundingBoxAscent?: number;\n fontBoundingBoxDescent?: number;\n actualBoundingBoxAscent?: number;\n actualBoundingBoxDescent?: number;\n}\n\n// Global measurement context - reused for performance\nlet measurementContext: CanvasRenderingContext2D \| null = null;\n\n/\n Get or create the shared measurement context\n /\nfunction getMeasurementContext(): CanvasRenderingContext2D {\n if (!measurementContext) {\n const canvas = createCanvasElementFor({\n width: 0,\n height: 0,\n });\n measurementContext = canvas.getContext('2d')!;\n }\n return measurementContext;\n}\n\n/\n Measure a single grapheme\n /\nexport function measureGrapheme(\n grapheme: string,\n options: MeasurementOptions,\n ctx?: CanvasRenderingContext2D,\n): GraphemeMeasurement {\n // Check cache first\n const cached = measurementCache.get(grapheme, options);\n if (cached) {\n return cached;\n }\n\n // Use provided context or get global one\n const context = ctx \|\| getMeasurementContext();\n\n // Set font properties\n applyFontStyle(context, options);\n\n // Measure the grapheme\n const metrics = context.measureText(grapheme);\n const fontMetrics = getFontMetrics(options);\n\n // Calculate comprehensive measurements\n const measurement: GraphemeMeasurement = {\n width: metrics.width,\n height: fontMetrics.lineHeight,\n ascent: fontMetrics.ascent,\n descent: fontMetrics.descent,\n baseline: fontMetrics.ascent,\n };\n\n // Cache the result\n measurementCache.set(grapheme, options, measurement);\n\n return measurement;\n}\n\n/\n Measure a grapheme with kerning relative to previous character\n /\nexport function measureGraphemeWithKerning(\n grapheme: string,\n previousGrapheme: string \| undefined,\n options: MeasurementOptions,\n ctx?: CanvasRenderingContext2D,\n): KerningMeasurement {\n // Get individual measurement\n const individual = measureGrapheme(grapheme, options, ctx);\n\n // If no previous character, kerning width equals regular width\n if (!previousGrapheme) {\n return {\n ...individual,\n kernedWidth: individual.width,\n };\n }\n\n // Check kerning cache\n const kerningPair = `${previousGrapheme}${grapheme}`;\n const cachedKerning = kerningCache.get(kerningPair, options);\n if (cachedKerning) {\n return {\n ...individual,\n kernedWidth: cachedKerning,\n };\n }\n\n // Use provided context or get global one\n const context = ctx \|\| getMeasurementContext();\n applyFontStyle(context, options);\n\n // Measure the pair\n const pairWidth = context.measureText(previousGrapheme + grapheme).width;\n const previousWidth = measureGrapheme(\n previousGrapheme,\n options,\n context,\n ).width;\n const kernedWidth = pairWidth - previousWidth;\n\n // Cache kerning result\n kerningCache.set(kerningPair, options, kernedWidth);\n\n return {\n ...individual,\n kernedWidth,\n };\n}\n\n/\n Get a representative character for font metrics measurement\n * Uses canvas to test which scripts the font actually supports\n /\nfunction getRepresentativeCharacter(fontFamily: string): string {\n const context = getMeasurementContext();\n \n // Wait for font to be ready if possible\n if (typeof document !== 'undefined' && 'fonts' in document) {\n try {\n // Check if font is ready, if not, use fallback immediately\n if (!document.fonts.check(`16px ${fontFamily}`)) {\n return 'M'; // Use safe fallback while font loads\n }\n } catch (e) {\n // Font check failed, use fallback\n return 'M';\n }\n }\n \n // Test characters for different scripts\n const testChars = [\n { char: 'م', script: 'Arabic' }, // Arabic\n { char: 'א', script: 'Hebrew' }, // Hebrew \n { char: 'अ', script: 'Devanagari' }, // Hindi/Sanskrit\n { char: 'ا', script: 'Urdu' }, // Urdu\n { char: 'ک', script: 'Persian' }, // Persian\n { char: 'த', script: 'Tamil' }, // Tamil\n { char: 'ก', script: 'Thai' }, // Thai\n { char: 'М', script: 'Cyrillic' }, // Cyrillic\n { char: 'Ω', script: 'Greek' }, // Greek\n { char: 'M', script: 'Latin' } // Latin (fallback)\n ];\n \n // Set the font\n context.font = `16px ${fontFamily}`;\n \n // Test each character to see which ones render properly\n // Use a more robust width check to avoid false positives\n const fallbackWidth = context.measureText('M').width;\n \n for (const test of testChars) {\n const metrics = context.measureText(test.char);\n \n // Character is valid if it has width and isn't just a fallback glyph\n if (metrics.width > 0 && Math.abs(metrics.width - fallbackWidth) > 0.1) {\n return test.char;\n }\n }\n \n // Fallback to Latin 'M'\n return 'M';\n}\n\n/\n Get font metrics for layout calculations\n /\nexport function getFontMetrics(options: MeasurementOptions): FontMetrics {\n const cacheKey = getFontDeclaration(options);\n const cached = fontMetricsCache.get(cacheKey);\n if (cached) {\n return cached;\n }\n\n const context = getMeasurementContext();\n applyFontStyle(context, options);\n\n // Use representative character based on font's primary script\n const sample = getRepresentativeCharacter(options.fontFamily);\n const metrics = context.measureText(sample);\n const fontSize = options.fontSize;\n\n // Calculate metrics with fallbacks\n const fontBoundingBoxAscent =\n metrics.fontBoundingBoxAscent ?? fontSize 0.91;\n const fontBoundingBoxDescent =\n metrics.fontBoundingBoxDescent ?? fontSize * 0.21;\n const actualBoundingBoxAscent =\n metrics.actualBoundingBoxAscent ?? fontSize * 0.716;\n const actualBoundingBoxDescent = metrics.actualBoundingBoxDescent ?? 0;\n\n const result: FontMetrics = {\n ascent: fontBoundingBoxAscent,\n descent: fontBoundingBoxDescent,\n lineHeight: fontSize,\n baseline: 'alphabetic',\n fontBoundingBoxAscent,\n fontBoundingBoxDescent,\n actualBoundingBoxAscent,\n actualBoundingBoxDescent,\n };\n\n fontMetricsCache.set(cacheKey, result);\n return result;\n}\n\n/*\n Apply font styling to canvas context\n /\nfunction applyFontStyle(\n ctx: CanvasRenderingContext2D,\n options: MeasurementOptions,\n): void {\n const fontDeclaration = getFontDeclaration(options);\n ctx.font = fontDeclaration;\n\n if (options.letterSpacing) {\n // Modern browsers support letterSpacing\n if ('letterSpacing' in ctx) {\n (ctx as any).letterSpacing = `${options.letterSpacing}px`;\n }\n }\n\n if (options.direction) {\n ctx.direction = options.direction;\n }\n\n ctx.textBaseline = 'alphabetic';\n}\n\n/\n Generate font declaration string\n /\nfunction getFontDeclaration(options: MeasurementOptions): string {\n const { fontStyle, fontWeight, fontSize, fontFamily } = options;\n\n // Normalize font family (add quotes if needed)\n let normalizedFamily =\n fontFamily.includes(' ') &&\n !fontFamily.includes('\"') &&\n !fontFamily.includes(\"'\")\n ? `\"${fontFamily}\"`\n : fontFamily;\n\n // Note: Font fallbacks are handled in the rendering phase only\n // to avoid affecting measurement calculations for text wrapping\n\n return `${fontStyle} ${fontWeight} ${fontSize}px ${normalizedFamily}`;\n}\n\n/\n LRU Cache implementation for measurements\n /\nclass LRUCache<T> {\n private cache = new Map<string, { value: T; timestamp: number }>();\n private maxSize: number;\n private hits = 0;\n private misses = 0;\n\n constructor(maxSize = 1000) {\n this.maxSize = maxSize;\n }\n\n get(key: string): T \| undefined {\n const entry = this.cache.get(key);\n if (entry) {\n // Update timestamp for LRU\n entry.timestamp = Date.now();\n this.hits++;\n return entry.value;\n }\n this.misses++;\n return undefined;\n }\n\n set(key: string, value: T): void {\n // Remove oldest entries if at capacity\n if (this.cache.size >= this.maxSize) {\n const oldestKey = this.findOldestKey();\n if (oldestKey) {\n this.cache.delete(oldestKey);\n }\n }\n\n this.cache.set(key, {\n value,\n timestamp: Date.now(),\n });\n }\n\n private findOldestKey(): string \| undefined {\n let oldestKey: string \| undefined;\n let oldestTime = Infinity;\n\n for (const [key, entry] of this.cache.entries()) {\n if (entry.timestamp < oldestTime) {\n oldestTime = entry.timestamp;\n oldestKey = key;\n }\n }\n\n return oldestKey;\n }\n\n clear(): void {\n this.cache.clear();\n this.hits = 0;\n this.misses = 0;\n }\n\n getStats(): { size: number; hitRate: number; hits: number; misses: number } {\n const total = this.hits + this.misses;\n return {\n size: this.cache.size,\n hitRate: total > 0 ? this.hits / total : 0,\n hits: this.hits,\n misses: this.misses,\n };\n }\n}\n\n/\n Advanced measurement cache with font-aware keys\n /\nexport class MeasurementCache {\n private cache = new LRUCache<GraphemeMeasurement>(1000);\n\n getCacheKey(grapheme: string, options: MeasurementOptions): string {\n const fontDecl = getFontDeclaration(options);\n const letterSpacing = options.letterSpacing \|\| 0;\n return `${fontDecl}\|${grapheme}\|${letterSpacing}`;\n }\n\n get(\n grapheme: string,\n options: MeasurementOptions,\n ): GraphemeMeasurement \| undefined {\n const key = this.getCacheKey(grapheme, options);\n return this.cache.get(key);\n }\n\n set(\n grapheme: string,\n options: MeasurementOptions,\n measurement: GraphemeMeasurement,\n ): void {\n const key = this.getCacheKey(grapheme, options);\n this.cache.set(key, measurement);\n }\n\n clear(): void {\n this.cache.clear();\n }\n\n getStats() {\n return this.cache.getStats();\n }\n}\n\n/\n Kerning cache for character pairs\n /\nclass KerningCache {\n private cache = new LRUCache<number>(5000); // More entries for pairs\n\n getCacheKey(pair: string, options: MeasurementOptions): string {\n const fontDecl = getFontDeclaration(options);\n return `${fontDecl}\|${pair}`;\n }\n\n get(pair: string, options: MeasurementOptions): number \| undefined {\n const key = this.getCacheKey(pair, options);\n return this.cache.get(key);\n }\n\n set(pair: string, options: MeasurementOptions, kerning: number): void {\n const key = this.getCacheKey(pair, options);\n this.cache.set(key, kerning);\n }\n\n clear(): void {\n this.cache.clear();\n }\n\n getStats() {\n return this.cache.getStats();\n }\n}\n\n/\n Font metrics cache\n /\nclass FontMetricsCache {\n private cache = new Map<string, FontMetrics>();\n\n get(fontDeclaration: string): FontMetrics \| undefined {\n return this.cache.get(fontDeclaration);\n }\n\n set(fontDeclaration: string, metrics: FontMetrics): void {\n this.cache.set(fontDeclaration, metrics);\n }\n\n clear(): void {\n this.cache.clear();\n }\n\n getStats() {\n return {\n size: this.cache.size,\n };\n }\n}\n\n// Global cache instances\nexport const measurementCache = new MeasurementCache();\nexport const kerningCache = new KerningCache();\nexport const fontMetricsCache = new FontMetricsCache();\n\n// Set up font loading listener to clear caches when fonts change\nif (typeof document !== 'undefined' && 'fonts' in document) {\n document.fonts.addEventListener('loadingdone', () => {\n // Clear all caches when fonts finish loading\n clearAllCaches();\n });\n}\n\n/\n Clear all measurement caches\n /\nexport function clearAllCaches(): void {\n measurementCache.clear();\n kerningCache.clear();\n fontMetricsCache.clear();\n}\n\n/\n Get combined cache statistics\n /\nexport function getCacheStats() {\n return {\n measurement: measurementCache.getStats(),\n kerning: kerningCache.getStats(),\n fontMetrics: fontMetricsCache.getStats(),\n };\n}\n\n/\n Batch measure multiple graphemes efficiently\n /\nexport function batchMeasureGraphemes(\n graphemes: string[],\n options: MeasurementOptions,\n ctx?: CanvasRenderingContext2D,\n): GraphemeMeasurement[] {\n const context = ctx \|\| getMeasurementContext();\n applyFontStyle(context, options);\n\n // Separate cached and uncached measurements\n const results: GraphemeMeasurement[] = new Array(graphemes.length);\n const uncachedIndices: number[] = [];\n\n // Check cache for all graphemes\n graphemes.forEach((grapheme, index) => {\n const cached = measurementCache.get(grapheme, options);\n if (cached) {\n results[index] = cached;\n } else {\n uncachedIndices.push(index);\n }\n });\n\n // Measure uncached graphemes\n const fontMetrics = getFontMetrics(options);\n uncachedIndices.forEach((index) => {\n const grapheme = graphemes[index];\n const metrics = context.measureText(grapheme);\n\n const measurement: GraphemeMeasurement = {\n width: metrics.width,\n height: fontMetrics.lineHeight,\n ascent: fontMetrics.ascent,\n descent: fontMetrics.descent,\n baseline: fontMetrics.ascent,\n };\n\n measurementCache.set(grapheme, options, measurement);\n results[index] = measurement;\n });\n\n return results;\n}\n\n/\n Estimate text width without full layout (for performance)\n /\nexport function estimateTextWidth(\n text: string,\n options: MeasurementOptions,\n): number {\n // Use average character width for estimation\n const avgChar = 'n'; // Representative character\n const avgMeasurement = measureGrapheme(avgChar, options);\n const letterSpacing = options.letterSpacing \|\| 0;\n\n return text.length (avgMeasurement.width + letterSpacing);\n}\n\n/*\n Check if font is loaded and ready for measurement\n /\nexport function isFontReady(fontFamily: string): boolean {\n if (typeof document === 'undefined') return true;\n\n if ('fonts' in document) {\n return document.fonts.check(`16px ${fontFamily}`);\n }\n\n // Fallback - assume font is ready\n return true;\n}\n\n/\n Detect if a font lacks English glyph support\n * These fonts should use browser-native measurement instead of Fabric's character-by-character measurement\n /\nexport function fontLacksEnglishGlyphs(fontFamily: string): boolean {\n if (typeof document === 'undefined') return false;\n \n // Known fonts that lack English glyphs\n const knownNonEnglishFonts = [\n 'stv', 'arabic', 'naskh', 'thuluth', 'kufi', 'diwani',\n 'nastaliq', 'kufic', 'hijazi', 'madinah', 'makkah'\n ];\n \n const lowerFontFamily = fontFamily.toLowerCase();\n \n // Check known list first\n if (knownNonEnglishFonts.some(font => lowerFontFamily.includes(font))) {\n return true;\n }\n \n // Dynamic glyph support detection\n const context = getMeasurementContext();\n context.font = `16px ${fontFamily}`;\n \n // Test English characters\n const englishChars = ['A', 'B', 'C', 'a', 'b', 'c', 'M', 'W'];\n const fallbackFont = 'Arial, sans-serif';\n \n // Measure with target font\n const targetWidths = englishChars.map(char => context.measureText(char).width);\n \n // Measure with fallback font\n context.font = `16px ${fallbackFont}`;\n const fallbackWidths = englishChars.map(char => context.measureText(char).width);\n \n // If most measurements are identical, the font likely doesn't have English glyphs\n let identicalCount = 0;\n for (let i = 0; i < englishChars.length; i++) {\n if (Math.abs(targetWidths[i] - fallbackWidths[i]) < 0.5) {\n identicalCount++;\n }\n }\n \n const lacksSupportThreshold = englishChars.length 0.7; // 70% identical = lacks support\n const lacksSupport = identicalCount >= lacksSupportThreshold;\n \n \n return lacksSupport;\n}\n\n// Cache for font glyph detection results\nconst fontGlyphCache = new Map<string, boolean>();\n\n/*\n Cached version of font glyph detection\n */\nexport function fontLacksEnglishGlyphsCached(fontFamily: string): boolean {\n if (fontGlyphCache.has(fontFamily)) {\n return fontGlyphCache.get(fontFamily)!;\n }\n \n const result = fontLacksEnglishGlyphs(fontFamily);\n fontGlyphCache.set(fontFamily, result);\n return result;\n}\n"],"names":["measurementContext","getMeasurementContext","canvas","createCanvasElementFor","width","height","getContext","measureGrapheme","grapheme","options","ctx","cached","measurementCache","get","context","applyFontStyle","metrics","measureText","fontMetrics","getFontMetrics","measurement","lineHeight","ascent","descent","baseline","set","measureGraphemeWithKerning","previousGrapheme","individual","kernedWidth","kerningPair","cachedKerning","kerningCache","pairWidth","previousWidth","getRepresentativeCharacter","fontFamily","document","fonts","check","e","testChars","char","script","font","fallbackWidth","test","Math","abs","_metrics$fontBounding","_metrics$fontBounding2","_metrics$actualBoundi","_metrics$actualBoundi2","cacheKey","getFontDeclaration","fontMetricsCache","sample","fontSize","fontBoundingBoxAscent","fontBoundingBoxDescent","actualBoundingBoxAscent","actualBoundingBoxDescent","result","fontDeclaration","letterSpacing","direction","textBaseline","fontStyle","fontWeight","normalizedFamily","includes","LRUCache","constructor","maxSize","arguments","length","undefined","_defineProperty","Map","key","entry","cache","timestamp","Date","now","hits","value","misses","size","oldestKey","findOldestKey","delete","oldestTime","Infinity","entries","clear","getStats","total","hitRate","MeasurementCache","getCacheKey","fontDecl","KerningCache","pair","kerning","FontMetricsCache","addEventListener","clearAllCaches","fontLacksEnglishGlyphs","knownNonEnglishFonts","lowerFontFamily","toLowerCase","some","englishChars","fallbackFont","targetWidths","map","fallbackWidths","identicalCount","i","lacksSupportThreshold","lacksSupport","fontGlyphCache","fontLacksEnglishGlyphsCached","has"],"mappings":"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"}

package/dist/src/text/overlayEditor.d.ts CHANGED Viewed

File without changes

package/dist/src/text/overlayEditor.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"overlayEditor.d.ts","sourceRoot":"","sources":["../../../src/text/overlayEditor.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAKjD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAC,CAAyB;IAC1C,OAAO,CAAC,QAAQ,CAAC,CAAa;IAG9B,OAAO,CAAC,aAAa,CAUnB;gBAEU,OAAO,EAAE,oBAAoB;IAoBzC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAa1B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA0DxB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAwB5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAsB5B;;OAEG;IACH,OAAO,CAAC,cAAc;IAItB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAmC1B;;OAEG;IACH,OAAO,CAAC,eAAe;IAIvB;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;~~IA8GzB~~;;OAEG;IACH,OAAO,CAAC,0BAA0B;IAiGlC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA2GzB;;OAEG;IACH,OAAO,CAAC,aAAa;~~IAuCrB~~;;OAEG;IACI,OAAO,IAAI,IAAI;IAMtB;;OAEG;IACI,OAAO,CAAC,MAAM,GAAE,OAAc,GAAG,IAAI;~~IAgD5C~~,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,kBAAkB;IAqC1B,OAAO,CAAC,aAAa;IA2BrB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,eAAe;IAMvB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IA8BpC;;OAEG;IACH,OAAO,CAAC,8BAA8B;CAavC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,EACpC,OAAO,CAAC,EAAE;IACR,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GACA,aAAa,CAsBf;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAE7E"}
1	+ {"version":3,"file":"overlayEditor.d.ts","sourceRoot":"","sources":["../../../src/text/overlayEditor.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAKjD,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,QAAQ,CAAsB;IACtC,OAAO,CAAC,OAAO,CAAiB;IAChC,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,QAAQ,CAAC,CAAyB;IAC1C,OAAO,CAAC,QAAQ,CAAC,CAAa;IAG9B,OAAO,CAAC,aAAa,CAUnB;gBAEU,OAAO,EAAE,oBAAoB;IAoBzC;;OAEG;IACH,OAAO,CAAC,kBAAkB;IAa1B;;OAEG;IACH,OAAO,CAAC,gBAAgB;IA0DxB;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAwB5B;;OAEG;IACH,OAAO,CAAC,oBAAoB;IAsB5B;;OAEG;IACH,OAAO,CAAC,cAAc;IAItB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAmC1B;;OAEG;IACH,OAAO,CAAC,eAAe;IAIvB;;OAEG;IACH,OAAO,CAAC,cAAc;IAOtB,OAAO,CAAC,iBAAiB;IA6OzB;;OAEG;IACH,OAAO,CAAC,0BAA0B;IAiGlC;;OAEG;IACH,OAAO,CAAC,iBAAiB;IA2GzB;;OAEG;IACH,OAAO,CAAC,aAAa;IA4CrB;;OAEG;IACI,OAAO,IAAI,IAAI;IAMtB;;OAEG;IACI,OAAO,CAAC,MAAM,GAAE,OAAc,GAAG,IAAI;IAoE5C,OAAO,CAAC,WAAW;IAiBnB,OAAO,CAAC,kBAAkB;IAqC1B,OAAO,CAAC,aAAa;IA2BrB,OAAO,CAAC,WAAW;IAInB,OAAO,CAAC,UAAU;IAOlB,OAAO,CAAC,sBAAsB;IAI9B,OAAO,CAAC,oBAAoB;IAK5B,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,eAAe;IAMvB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IA8BpC;;OAEG;IACH,OAAO,CAAC,8BAA8B;CAavC;AAED;;GAEG;AACH,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,EACpC,OAAO,CAAC,EAAE;IACR,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB,GACA,aAAa,CAsBf;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,GAAG,KAAK,GAAG,OAAO,GAAG,OAAO,CAE7E"}

package/dist/src/text/overlayEditor.min.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{transformPoint as e}from"../util/misc/matrix.min.mjs";class s{constructor(e){t(this,"canvas",void 0),t(this,"target",void 0),t(this,"container",void 0),t(this,"textarea",void 0),t(this,"hostDiv",void 0),t(this,"isDestroyed",!1),t(this,"isComposing",!1),t(this,"lastText",void 0),t(this,"onCommit",void 0),t(this,"onCancel",void 0),t(this,"boundHandlers",{onInput:this.handleInput.bind(this),onKeyDown:this.handleKeyDown.bind(this),onBlur:this.handleBlur.bind(this),onCompositionStart:this.handleCompositionStart.bind(this),onCompositionEnd:this.handleCompositionEnd.bind(this),onAfterRender:this.handleAfterRender.bind(this),onMouseWheel:this.handleMouseWheel.bind(this),onFocus:this.handleFocus.bind(this),onMouseDown:this.handleMouseDown.bind(this)}),this.canvas=e.canvas,this.target=e.target,this.onCommit=e.onCommit,this.onCancel=e.onCancel,this.lastText=this.target.text||"",this.container=this.getCanvasContainer(),this.createOverlayDOM(),this.attachEventListeners(),this.refresh(),this.focusTextarea()}getCanvasContainer(){const t=this.canvas.upperCanvasEl.parentElement;if(!t)throw new Error("Canvas must be mounted in DOM to use overlay editing");return t.style.position="relative",t}createOverlayDOM(){this.hostDiv=document.createElement("div"),this.hostDiv.style.position="absolute",this.hostDiv.style.pointerEvents="none",this.hostDiv.style.zIndex="1000",this.hostDiv.style.transformOrigin="left top",this.textarea=document.createElement("textarea"),this.textarea.style.position="absolute",this.textarea.style.left="0",this.textarea.style.top="0",this.textarea.style.margin="0",this.textarea.style.resize="none",this.textarea.style.pointerEvents="auto";const t=/[\u0600-\u06FF\u0750-\u077F\uFB50-\uFDFF\uFE70-\uFEFF]/.test(this.target.text||""),e=/[a-zA-Z]/.test(this.target.text||""),s="ltr"===this.target.direction;this.textarea.style.unicodeBidi=t&&e&&s||t&&s?"embed":"plaintext",this.textarea.style.caretColor="auto",this.textarea.style.border="none",this.textarea.style.padding="0",this.textarea.style.background="transparent",this.textarea.style.outline="none",this.textarea.style.overflow="hidden",this.textarea.style.whiteSpace="pre-wrap",this.textarea.style.wordBreak="normal",this.textarea.style.overflowWrap="break-word",this.textarea.style.userSelect="text",this.textarea.style.textTransform="none",this.textarea.style.opacity="1",this.textarea.value=this.target.text||"",this.hostDiv.appendChild(this.textarea),document.body.appendChild(this.hostDiv)}attachEventListeners(){this.textarea.addEventListener("input",this.boundHandlers.onInput),this.textarea.addEventListener("keydown",this.boundHandlers.onKeyDown),this.textarea.addEventListener("blur",this.boundHandlers.onBlur),this.textarea.addEventListener("compositionstart",this.boundHandlers.onCompositionStart),this.textarea.addEventListener("compositionend",this.boundHandlers.onCompositionEnd),this.textarea.addEventListener("focus",this.boundHandlers.onFocus),this.canvas.on("after:render",this.boundHandlers.onAfterRender),this.canvas.on("mouse:wheel",this.boundHandlers.onMouseWheel),this.canvas.on("mouse:down",this.boundHandlers.onMouseDown),this.setupViewportChangeDetection()}removeEventListeners(){this.textarea.removeEventListener("input",this.boundHandlers.onInput),this.textarea.removeEventListener("keydown",this.boundHandlers.onKeyDown),this.textarea.removeEventListener("blur",this.boundHandlers.onBlur),this.textarea.removeEventListener("compositionstart",this.boundHandlers.onCompositionStart),this.textarea.removeEventListener("compositionend",this.boundHandlers.onCompositionEnd),this.textarea.removeEventListener("focus",this.boundHandlers.onFocus),this.canvas.off("after:render",this.boundHandlers.onAfterRender),this.canvas.off("mouse:wheel",this.boundHandlers.onMouseWheel),this.canvas.off("mouse:down",this.boundHandlers.onMouseDown),this.restoreViewportChangeDetection()}updatePosition(){this.applyOverlayStyle()}updateObjectBounds(){if(this.isDestroyed)return;const t=this.target,e=this.canvas.getZoom();parseFloat(this.hostDiv.style.width);const s=parseFloat(this.hostDiv.style.height)/e;Math.abs(s-t.height)>.5&&(t.height,t.height=s,t.setCoords(),t.dirty=!0,this.canvas.requestRenderAll(),requestAnimationFrame(()=>{this.isDestroyed||(this.applyOverlayStyle(),console.log("📐 Height changed - rechecking alignment after repositioning:"))}))}letterSpacingPx(t,e){return t/1e3*e}firstStrongDir(t){return/[\u0590-\u05FF\u0600-\u06FF\u0750-\u077F\uFB50-\uFDFF\uFE70-\uFEFF]/.test(t)?"rtl":"ltr"}applyOverlayStyle(){var t,s;const o=this.target,i=this.canvas;o.setCoords();const a=o.aCoords,n=i.upperCanvasEl.getBoundingClientRect(),r=window.scrollX||window.pageXOffset,h=window.scrollY||window.pageYOffset,l=i.getZoom(),d=i.viewportTransform,c=o.padding||0,g=c*(o.scaleX||1)*l,u=c*(o.scaleY||1)*l,p=e({x:a.tl.x,y:a.tl.y},d),v=n.left+r+p.x,y=n.top+h+p.y,f=o.getBoundingRect(),x=Math.round(f.width*l),m=Math.round(f.height*l);this.hostDiv.style.position="absolute",this.hostDiv.style.left=`${v}px`,this.hostDiv.style.top=`${y}px`,this.hostDiv.style.width=`${x}px`,this.hostDiv.style.height=`${m}px`,this.hostDiv.style.overflow="hidden",o.angle?(this.hostDiv.style.transform=`rotate(${o.angle}deg)`,this.hostDiv.style.transformOrigin="top left"):(this.hostDiv.style.transform="",this.hostDiv.style.transformOrigin="");const w=(null!==(t=o.fontSize)&&void 0!==t?t:16)*(o.scaleX||1)*l,D=o.lineHeight||1.16;this.textarea.style.boxSizing="border-box",this.textarea.style.width=`${x}px`,this.textarea.style.height="100%",this.textarea.style.padding=`${u}px ${g}px`;const b=(o.charSpacing||0)/1e3*w;this.textarea.style.fontSize=`${w}px`,this.textarea.style.lineHeight=String(D),this.textarea.style.fontFamily=o.fontFamily||"Arial",this.textarea.style.fontWeight=String(o.fontWeight||"normal"),this.textarea.style.fontStyle=o.fontStyle||"normal",this.textarea.style.textAlign=o.textAlign||"left",this.textarea.style.color=(null===(s=o.fill)||void 0===s?void 0:s.toString())||"#000",this.textarea.style.letterSpacing=`${b}px`,this.textarea.style.direction=o.direction||this.firstStrongDir(this.textarea.value||""),this.textarea.style.fontVariant="normal",this.textarea.style.fontStretch="normal",this.textarea.style.textRendering="optimizeLegibility",this.textarea.style.fontKerning="normal",this.textarea.style.fontFeatureSettings="normal",this.textarea.style.fontVariationSettings="normal",this.textarea.style.margin="0",this.textarea.style.border="none",this.textarea.style.outline="none",this.textarea.style.background="transparent",this.textarea.style.overflowWrap="break-word",this.textarea.style.whiteSpace="pre-wrap",this.textarea.style.hyphens="none",this.textarea.style.webkitFontSmoothing="antialiased",this.textarea.style.mozOsxFontSmoothing="grayscale",this.debugBoundingBoxComparison(),this.debugTextWrapping()}debugBoundingBoxComparison(){const t=this.target,e=this.canvas,s=e.getZoom(),o=this.textarea.getBoundingClientRect(),i=this.hostDiv.getBoundingClientRect(),a=t.getBoundingRect(),n=e.upperCanvasEl.getBoundingClientRect(),r=e.viewportTransform,h=n.left+a.left*s+r[4],l=n.top+a.top*s+r[5],d=a.width*s,c=a.height*s;console.log("🔍 BOUNDING BOX COMPARISON:"),console.log("📦 Textarea Rect:",{left:Math.round(100*o.left)/100,top:Math.round(100*o.top)/100,width:Math.round(100*o.width)/100,height:Math.round(100*o.height)/100}),console.log("📦 Host Div Rect:",{left:Math.round(100*i.left)/100,top:Math.round(100*i.top)/100,width:Math.round(100*i.width)/100,height:Math.round(100*i.height)/100}),console.log("📦 Canvas Object Bounds (screen):",{left:Math.round(100*h)/100,top:Math.round(100*l)/100,width:Math.round(100*d)/100,height:Math.round(100*c)/100}),console.log("📦 Canvas Object Bounds (canvas):",a);const g={leftDiff:Math.round(100*(i.left-h))/100,topDiff:Math.round(100*(i.top-l))/100,widthDiff:Math.round(100*(i.width-d))/100,heightDiff:Math.round(100*(i.height-c))/100},u={leftDiff:Math.round(100*(o.left-h))/100,topDiff:Math.round(100*(o.top-l))/100,widthDiff:Math.round(100*(o.width-d))/100,heightDiff:Math.round(100*(o.height-c))/100};console.log("📏 Host Div vs Canvas Object Diff:",g),console.log("📏 Textarea vs Canvas Object Diff:",u);const p=Math.abs(g.leftDiff)<2&&Math.abs(g.topDiff)<2&&Math.abs(g.widthDiff)<2&&Math.abs(g.heightDiff)<2,v=Math.abs(u.leftDiff)<2&&Math.abs(u.topDiff)<2&&Math.abs(u.widthDiff)<2&&Math.abs(u.heightDiff)<2;console.log(p?"✅ Host Div ALIGNED with canvas object":"❌ Host Div MISALIGNED with canvas object"),console.log(v?"✅ Textarea ALIGNED with canvas object":"❌ Textarea MISALIGNED with canvas object"),console.log("🔍 Zoom:",s,"Viewport Transform:",r),console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━")}debugTextWrapping(){const t=this.target,e=this.textarea.value;console.log("📝 TEXT WRAPPING COMPARISON:"),console.log("📄 Text Content:",`"${e}"`),console.log("📄 Text Length:",e.length);const s=e.split("\n");console.log("📄 Explicit Lines (\\n):",s.length),s.forEach((t,e)=>{console.log(`   Line ${e+1}: "${t}" (${t.length} chars)`)});const o=window.getComputedStyle(this.textarea);console.log("📐 Textarea Wrapping Styles:"),console.log("   width:",o.width),console.log("   fontSize:",o.fontSize),console.log("   fontFamily:",o.fontFamily),console.log("   fontWeight:",o.fontWeight),console.log("   letterSpacing:",o.letterSpacing),console.log("   lineHeight:",o.lineHeight),console.log("   whiteSpace:",o.whiteSpace),console.log("   wordWrap:",o.wordWrap),console.log("   overflowWrap:",o.overflowWrap),console.log("   direction:",o.direction),console.log("   textAlign:",o.textAlign),console.log("📐 Fabric Text Object Properties:"),console.log("   width:",t.width),console.log("   fontSize:",t.fontSize),console.log("   fontFamily:",t.fontFamily),console.log("   fontWeight:",t.fontWeight),console.log("   charSpacing:",t.charSpacing),console.log("   lineHeight:",t.lineHeight),console.log("   direction:",t.direction),console.log("   textAlign:",t.textAlign),console.log("   scaleX:",t.scaleX),console.log("   scaleY:",t.scaleY);const i=this.target.getBoundingRect().width,a=parseFloat(window.getComputedStyle(this.textarea).width)/this.canvas.getZoom(),n=Math.abs(a-i);console.log("📏 Effective Width Comparison:"),console.log("   Textarea Effective Width:",a),console.log("   Fabric Effective Width:",i),console.log("   Width Difference:",n.toFixed(2)+"px"),console.log(n<1?"✅ Widths MATCH for wrapping":"❌ Width MISMATCH may cause different wrapping");const r=/[\u0590-\u05FF\u0600-\u06FF\u0750-\u077F\uFB50-\uFDFF\uFE70-\uFEFF]/.test(e),h=/[\u0590-\u06FF]/.test(e)&&/[a-zA-Z]/.test(e);console.log("🌍 Text Direction Analysis:"),console.log("   Has RTL characters:",r),console.log("   Has mixed Bidi text:",h),console.log("   Textarea direction:",o.direction),console.log("   Fabric direction:",t.direction||"auto"),console.log("   Textarea unicodeBidi:",o.unicodeBidi);const l=this.textarea.scrollHeight,d=parseFloat(o.lineHeight)||1.2*parseFloat(o.fontSize),c=Math.round(l/d);console.log("📊 Line Count Analysis:"),console.log("   Textarea scrollHeight:",l),console.log("   Textarea lineHeight:",d),console.log("   Estimated rendered lines:",c),console.log("   Explicit line breaks:",s.length),c>s.length?(console.log("🔄 Text wrapping detected in textarea"),console.log("   Wrapped lines:",c-s.length)):console.log("📏 No text wrapping in textarea"),console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━")}focusTextarea(){this.target.opacity=.01,this.target.selected=!0,this.target.isEditing=!1,this.target.set({hasControls:!0,hasBorders:!0,selectable:!0,lockMovementX:!1,lockMovementY:!1}),this.canvas.setActiveObject(this.target),this.canvas.requestRenderAll(),this.target.setCoords(),this.applyOverlayStyle(),this.textarea.focus(),this.textarea.setSelectionRange(this.textarea.value.length,this.textarea.value.length),this.canvas.setActiveObject(this.target),this.canvas.requestRenderAll()}refresh(){this.isDestroyed||this.updatePosition()}destroy(){let t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];if(!this.isDestroyed){if(this.isDestroyed=!0,this.removeEventListeners(),this.target.__overlayEditor===this&&(this.target.__overlayEditor=void 0,void 0!==this.target.__overlayOriginalOpacity&&(this.target.opacity=this.target.__overlayOriginalOpacity,delete this.target.__overlayOriginalOpacity)),this.hostDiv.parentNode&&this.hostDiv.parentNode.removeChild(this.hostDiv),t&&!this.isComposing){const t=this.textarea.value;this.onCommit&&this.onCommit(t)}else!t&&this.onCancel&&this.onCancel();setTimeout(()=>{this.canvas.upperCanvasEl.style.cursor="",this.canvas.setCursor(this.canvas.defaultCursor)},0),this.canvas.requestRenderAll()}}handleInput(){this.isComposing||this.target.text===this.textarea.value||(this.target.text=this.textarea.value,this.autoResizeTextarea(),this.target.selected=!0,this.target.isEditing=!1,this.canvas.setActiveObject(this.target),this.canvas.requestRenderAll())}autoResizeTextarea(){const t=this.textarea.scrollTop,e=parseFloat(this.hostDiv.style.height||"0");this.textarea.style.height="1px";const s=this.textarea.scrollHeight+2;Math.abs(s-e)>1?(this.textarea.style.height=`${s}px`,this.hostDiv.style.height=`${s}px`,this.updateObjectBounds()):this.textarea.style.height=this.hostDiv.style.height,this.textarea.scrollTop=t}handleKeyDown(t){"Escape"===t.key?(t.preventDefault(),this.destroy(!1)):(t.ctrlKey||t.metaKey)&&"Enter"===t.key?(t.preventDefault(),this.destroy(!0)):"Enter"!==t.key&&"Backspace"!==t.key&&"Delete"!==t.key||(requestAnimationFrame(()=>{this.isDestroyed||this.autoResizeTextarea()}),setTimeout(()=>{this.isDestroyed||this.autoResizeTextarea()},10))}handleFocus(){}handleBlur(){this.isComposing||this.destroy(!0)}handleCompositionStart(){this.isComposing=!0}handleCompositionEnd(){this.isComposing=!1,this.handleInput()}handleAfterRender(){this.refresh()}handleMouseWheel(){this.refresh()}handleMouseDown(t){t.target!==this.target&&this.destroy(!0)}setupViewportChangeDetection(){this.canvas.__originalSetZoom=this.canvas.setZoom,this.canvas.__originalSetViewportTransform=this.canvas.setViewportTransform,this.canvas.__overlayEditor=this;const t=this.canvas.setZoom.bind(this.canvas);this.canvas.setZoom=e=>{const s=t(e);return this.canvas.__overlayEditor&&!this.isDestroyed&&this.refresh(),s};const e=this.canvas.setViewportTransform.bind(this.canvas);this.canvas.setViewportTransform=t=>{const s=e(t);return this.canvas.__overlayEditor&&!this.isDestroyed&&this.refresh(),s}}restoreViewportChangeDetection(){this.canvas.__originalSetZoom&&(this.canvas.setZoom=this.canvas.__originalSetZoom,delete this.canvas.__originalSetZoom),this.canvas.__originalSetViewportTransform&&(this.canvas.setViewportTransform=this.canvas.__originalSetViewportTransform,delete this.canvas.__originalSetViewportTransform),delete this.canvas.__overlayEditor}}function o(t,e,o){e.__overlayEditor&&e.__overlayEditor.destroy(!1),e.__overlayOriginalOpacity=e.opacity;const i=new s({canvas:t,target:e,onCommit:null==o?void 0:o.onCommit,onCancel:null==o?void 0:o.onCancel});return e.__overlayEditor=i,i}export{s as OverlayEditor,o as enterTextOverlayEdit};
+import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{transformPoint as e}from"../util/misc/matrix.min.mjs";class o{constructor(e){t(this,"canvas",void 0),t(this,"target",void 0),t(this,"container",void 0),t(this,"textarea",void 0),t(this,"hostDiv",void 0),t(this,"isDestroyed",!1),t(this,"isComposing",!1),t(this,"lastText",void 0),t(this,"onCommit",void 0),t(this,"onCancel",void 0),t(this,"boundHandlers",{onInput:this.handleInput.bind(this),onKeyDown:this.handleKeyDown.bind(this),onBlur:this.handleBlur.bind(this),onCompositionStart:this.handleCompositionStart.bind(this),onCompositionEnd:this.handleCompositionEnd.bind(this),onAfterRender:this.handleAfterRender.bind(this),onMouseWheel:this.handleMouseWheel.bind(this),onFocus:this.handleFocus.bind(this),onMouseDown:this.handleMouseDown.bind(this)}),this.canvas=e.canvas,this.target=e.target,this.onCommit=e.onCommit,this.onCancel=e.onCancel,this.lastText=this.target.text||"",this.container=this.getCanvasContainer(),this.createOverlayDOM(),this.attachEventListeners(),this.refresh(),this.focusTextarea()}getCanvasContainer(){const t=this.canvas.upperCanvasEl.parentElement;if(!t)throw new Error("Canvas must be mounted in DOM to use overlay editing");return t.style.position="relative",t}createOverlayDOM(){this.hostDiv=document.createElement("div"),this.hostDiv.style.position="absolute",this.hostDiv.style.pointerEvents="none",this.hostDiv.style.zIndex="1000",this.hostDiv.style.transformOrigin="left top",this.textarea=document.createElement("textarea"),this.textarea.style.position="absolute",this.textarea.style.left="0",this.textarea.style.top="0",this.textarea.style.margin="0",this.textarea.style.resize="none",this.textarea.style.pointerEvents="auto";const t=/[\u0600-\u06FF\u0750-\u077F\uFB50-\uFDFF\uFE70-\uFEFF]/.test(this.target.text||""),e=/[a-zA-Z]/.test(this.target.text||""),o="ltr"===this.target.direction;this.textarea.style.unicodeBidi=t&&e&&o||t&&o?"embed":"plaintext",this.textarea.style.caretColor="auto",this.textarea.style.border="none",this.textarea.style.padding="0",this.textarea.style.background="transparent",this.textarea.style.outline="none",this.textarea.style.overflow="hidden",this.textarea.style.whiteSpace="pre-wrap",this.textarea.style.wordBreak="normal",this.textarea.style.overflowWrap="break-word",this.textarea.style.userSelect="text",this.textarea.style.textTransform="none",this.textarea.style.opacity="1",this.textarea.value=this.target.text||"",this.hostDiv.appendChild(this.textarea),document.body.appendChild(this.hostDiv)}attachEventListeners(){this.textarea.addEventListener("input",this.boundHandlers.onInput),this.textarea.addEventListener("keydown",this.boundHandlers.onKeyDown),this.textarea.addEventListener("blur",this.boundHandlers.onBlur),this.textarea.addEventListener("compositionstart",this.boundHandlers.onCompositionStart),this.textarea.addEventListener("compositionend",this.boundHandlers.onCompositionEnd),this.textarea.addEventListener("focus",this.boundHandlers.onFocus),this.canvas.on("after:render",this.boundHandlers.onAfterRender),this.canvas.on("mouse:wheel",this.boundHandlers.onMouseWheel),this.canvas.on("mouse:down",this.boundHandlers.onMouseDown),this.setupViewportChangeDetection()}removeEventListeners(){this.textarea.removeEventListener("input",this.boundHandlers.onInput),this.textarea.removeEventListener("keydown",this.boundHandlers.onKeyDown),this.textarea.removeEventListener("blur",this.boundHandlers.onBlur),this.textarea.removeEventListener("compositionstart",this.boundHandlers.onCompositionStart),this.textarea.removeEventListener("compositionend",this.boundHandlers.onCompositionEnd),this.textarea.removeEventListener("focus",this.boundHandlers.onFocus),this.canvas.off("after:render",this.boundHandlers.onAfterRender),this.canvas.off("mouse:wheel",this.boundHandlers.onMouseWheel),this.canvas.off("mouse:down",this.boundHandlers.onMouseDown),this.restoreViewportChangeDetection()}updatePosition(){this.applyOverlayStyle()}updateObjectBounds(){if(this.isDestroyed)return;const t=this.target,e=this.canvas.getZoom();parseFloat(this.hostDiv.style.width);const o=parseFloat(this.hostDiv.style.height)/e;Math.abs(o-t.height)>.5&&(t.height,t.height=o,t.setCoords(),t.dirty=!0,this.canvas.requestRenderAll(),requestAnimationFrame(()=>{this.isDestroyed||(this.applyOverlayStyle(),console.log("📐 Height changed - rechecking alignment after repositioning:"))}))}letterSpacingPx(t,e){return t/1e3*e}firstStrongDir(t){return/[\u0590-\u05FF\u0600-\u06FF\u0750-\u077F\uFB50-\uFDFF\uFE70-\uFEFF]/.test(t)?"rtl":"ltr"}applyOverlayStyle(){var t,o;const s=this.target,i=this.canvas;s.setCoords();const a=s.aCoords,n=i.upperCanvasEl.getBoundingClientRect(),r=window.scrollX||window.pageXOffset,l=window.scrollY||window.pageYOffset,h=i.getZoom(),c=i.viewportTransform,d=s.padding||0,g=d*(s.scaleX||1)*h,u=d*(s.scaleY||1)*h,x=e({x:a.tl.x,y:a.tl.y},c),y=n.left+r+x.x,f=n.top+l+x.y,p=s.getBoundingRect(),v=Math.round(p.width*h),m=Math.round(p.height*h);this.hostDiv.style.position="absolute",this.hostDiv.style.left=`${y}px`,this.hostDiv.style.top=`${f}px`,this.hostDiv.style.width=`${v}px`,this.hostDiv.style.height=`${m}px`,this.hostDiv.style.overflow="hidden",s.angle?(this.hostDiv.style.transform=`rotate(${s.angle}deg)`,this.hostDiv.style.transformOrigin="top left"):(this.hostDiv.style.transform="",this.hostDiv.style.transformOrigin="");const w=(null!==(t=s.fontSize)&&void 0!==t?t:16)*(s.scaleX||1)*h,b=s.lineHeight||1.16;this.textarea.style.boxSizing="border-box",this.textarea.style.width=`${v}px`,this.textarea.style.height="100%",this.textarea.style.padding=`${u}px ${g}px`;const D=(s.charSpacing||0)/1e3*w;!1!==s.dirty&&s.initDimensions&&(console.log("🔧 Ensuring text object is properly initialized before overlay editing"),s.initDimensions()),this.textarea.style.fontSize=`${w}px`,this.textarea.style.lineHeight=String(b),this.textarea.style.fontFamily=s.fontFamily||"Arial",this.textarea.style.fontWeight=String(s.fontWeight||"normal"),this.textarea.style.fontStyle=s.fontStyle||"normal";const F=s.textAlign||"left";let S=F;const C=this.firstStrongDir(this.textarea.value||"");if(console.log("🔍 ALIGNMENT DEBUG:"),console.log("   Fabric textAlign:",F),console.log("   Fabric direction:",s.direction),console.log("   Text content:",JSON.stringify(s.text)),console.log("   Detected direction:",C),F.includes("justify"))try{S="justify","justify"===F?this.textarea.style.textAlignLast="rtl"===C?"right":"left":"justify-left"===F?"rtl"===C?(this.textarea.style.textAlignLast="right",console.log("   → Overrode justify-left to justify-right for RTL text")):this.textarea.style.textAlignLast="left":"justify-right"===F?"ltr"===C?(this.textarea.style.textAlignLast="left",console.log("   → Overrode justify-right to justify-left for LTR text")):this.textarea.style.textAlignLast="right":"justify-center"===F&&(this.textarea.style.textAlignLast="center"),this.textarea.style.textJustify="inter-word",this.textarea.style.wordSpacing="normal",this.textarea.style.textAlign="justify",this.textarea.style.textAlignLast=this.textarea.style.textAlignLast,this.textarea.style.textJustifyTrim="none",this.textarea.style.textAutospace="none",console.log("   → Applied justify alignment:",F,"with last-line:",this.textarea.style.textAlignLast)}catch(t){console.warn("   → Justify setup failed, falling back to standard alignment:",t),S=F.replace("justify-","").replace("justify","left")}else this.textarea.style.textAlignLast="auto",this.textarea.style.textJustify="auto",this.textarea.style.wordSpacing="normal",console.log("   → Applied standard alignment:",S);this.textarea.style.textAlign=S,this.textarea.style.color=(null===(o=s.fill)||void 0===o?void 0:o.toString())||"#000",this.textarea.style.letterSpacing=`${D}px`;const E=s.direction;var A,T;(this.textarea.style.direction=C||E||"ltr",this.textarea.style.fontVariant="normal",this.textarea.style.fontStretch="normal",this.textarea.style.textRendering="auto",this.textarea.style.fontKerning="normal",this.textarea.style.fontFeatureSettings="normal",this.textarea.style.fontVariationSettings="normal",this.textarea.style.margin="0",this.textarea.style.border="none",this.textarea.style.outline="none",this.textarea.style.background="transparent",this.textarea.style.overflowWrap="break-word",this.textarea.style.whiteSpace="pre-wrap",this.textarea.style.hyphens="none",console.log("🎨 FINAL TEXTAREA CSS:"),console.log("   textAlign:",this.textarea.style.textAlign),console.log("   textAlignLast:",this.textarea.style.textAlignLast),console.log("   direction:",this.textarea.style.direction),console.log("   unicodeBidi:",this.textarea.style.unicodeBidi),console.log("   width:",this.textarea.style.width),console.log("   textJustify:",this.textarea.style.textJustify),console.log("   wordSpacing:",this.textarea.style.wordSpacing),console.log("   whiteSpace:",this.textarea.style.whiteSpace),F.includes("justify"))&&(console.log("🔧 FABRIC OBJECT JUSTIFY INFO:"),console.log("   Fabric width:",s.width),console.log("   Fabric calcTextWidth:",null===(A=(T=s).calcTextWidth)||void 0===A?void 0:A.call(T)),console.log("   Fabric textAlign:",s.textAlign),console.log("   Text lines:",s.textLines));console.log("🔤 FONT PROPERTIES COMPARISON:"),console.log("   Fabric fontFamily:",s.fontFamily),console.log("   Fabric fontWeight:",s.fontWeight),console.log("   Fabric fontStyle:",s.fontStyle),console.log("   Fabric fontSize:",s.fontSize),console.log("   → Textarea fontFamily:",this.textarea.style.fontFamily),console.log("   → Textarea fontWeight:",this.textarea.style.fontWeight),console.log("   → Textarea fontStyle:",this.textarea.style.fontStyle),console.log("   → Textarea fontSize:",this.textarea.style.fontSize),console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━"),this.textarea.style.webkitFontSmoothing="auto",this.textarea.style.mozOsxFontSmoothing="auto",this.textarea.style.fontSmooth="auto",this.textarea.style.textSizeAdjust="none";const M=String(s.fontWeight||"normal");("bold"===M||"700"===M||parseInt(M)>=600)&&(this.textarea.style.webkitFontSmoothing="subpixel-antialiased",this.textarea.style.mozOsxFontSmoothing="unset",console.log("🔤 Applied enhanced bold rendering for better thickness matching")),console.log("🎨 FONT SMOOTHING APPLIED:"),console.log("   webkitFontSmoothing:",this.textarea.style.webkitFontSmoothing),console.log("   mozOsxFontSmoothing:",this.textarea.style.mozOsxFontSmoothing)}debugBoundingBoxComparison(){const t=this.target,e=this.canvas,o=e.getZoom(),s=this.textarea.getBoundingClientRect(),i=this.hostDiv.getBoundingClientRect(),a=t.getBoundingRect(),n=e.upperCanvasEl.getBoundingClientRect(),r=e.viewportTransform,l=n.left+a.left*o+r[4],h=n.top+a.top*o+r[5],c=a.width*o,d=a.height*o;console.log("🔍 BOUNDING BOX COMPARISON:"),console.log("📦 Textarea Rect:",{left:Math.round(100*s.left)/100,top:Math.round(100*s.top)/100,width:Math.round(100*s.width)/100,height:Math.round(100*s.height)/100}),console.log("📦 Host Div Rect:",{left:Math.round(100*i.left)/100,top:Math.round(100*i.top)/100,width:Math.round(100*i.width)/100,height:Math.round(100*i.height)/100}),console.log("📦 Canvas Object Bounds (screen):",{left:Math.round(100*l)/100,top:Math.round(100*h)/100,width:Math.round(100*c)/100,height:Math.round(100*d)/100}),console.log("📦 Canvas Object Bounds (canvas):",a);const g={leftDiff:Math.round(100*(i.left-l))/100,topDiff:Math.round(100*(i.top-h))/100,widthDiff:Math.round(100*(i.width-c))/100,heightDiff:Math.round(100*(i.height-d))/100},u={leftDiff:Math.round(100*(s.left-l))/100,topDiff:Math.round(100*(s.top-h))/100,widthDiff:Math.round(100*(s.width-c))/100,heightDiff:Math.round(100*(s.height-d))/100};console.log("📏 Host Div vs Canvas Object Diff:",g),console.log("📏 Textarea vs Canvas Object Diff:",u);const x=Math.abs(g.leftDiff)<2&&Math.abs(g.topDiff)<2&&Math.abs(g.widthDiff)<2&&Math.abs(g.heightDiff)<2,y=Math.abs(u.leftDiff)<2&&Math.abs(u.topDiff)<2&&Math.abs(u.widthDiff)<2&&Math.abs(u.heightDiff)<2;console.log(x?"✅ Host Div ALIGNED with canvas object":"❌ Host Div MISALIGNED with canvas object"),console.log(y?"✅ Textarea ALIGNED with canvas object":"❌ Textarea MISALIGNED with canvas object"),console.log("🔍 Zoom:",o,"Viewport Transform:",r),console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━")}debugTextWrapping(){const t=this.target,e=this.textarea.value;console.log("📝 TEXT WRAPPING COMPARISON:"),console.log("📄 Text Content:",`"${e}"`),console.log("📄 Text Length:",e.length);const o=e.split("\n");console.log("📄 Explicit Lines (\\n):",o.length),o.forEach((t,e)=>{console.log(`   Line ${e+1}: "${t}" (${t.length} chars)`)});const s=window.getComputedStyle(this.textarea);console.log("📐 Textarea Wrapping Styles:"),console.log("   width:",s.width),console.log("   fontSize:",s.fontSize),console.log("   fontFamily:",s.fontFamily),console.log("   fontWeight:",s.fontWeight),console.log("   letterSpacing:",s.letterSpacing),console.log("   lineHeight:",s.lineHeight),console.log("   whiteSpace:",s.whiteSpace),console.log("   wordWrap:",s.wordWrap),console.log("   overflowWrap:",s.overflowWrap),console.log("   direction:",s.direction),console.log("   textAlign:",s.textAlign),console.log("📐 Fabric Text Object Properties:"),console.log("   width:",t.width),console.log("   fontSize:",t.fontSize),console.log("   fontFamily:",t.fontFamily),console.log("   fontWeight:",t.fontWeight),console.log("   charSpacing:",t.charSpacing),console.log("   lineHeight:",t.lineHeight),console.log("   direction:",t.direction),console.log("   textAlign:",t.textAlign),console.log("   scaleX:",t.scaleX),console.log("   scaleY:",t.scaleY);const i=this.target.getBoundingRect().width,a=parseFloat(window.getComputedStyle(this.textarea).width)/this.canvas.getZoom(),n=Math.abs(a-i);console.log("📏 Effective Width Comparison:"),console.log("   Textarea Effective Width:",a),console.log("   Fabric Effective Width:",i),console.log("   Width Difference:",n.toFixed(2)+"px"),console.log(n<1?"✅ Widths MATCH for wrapping":"❌ Width MISMATCH may cause different wrapping");const r=/[\u0590-\u05FF\u0600-\u06FF\u0750-\u077F\uFB50-\uFDFF\uFE70-\uFEFF]/.test(e),l=/[\u0590-\u06FF]/.test(e)&&/[a-zA-Z]/.test(e);console.log("🌍 Text Direction Analysis:"),console.log("   Has RTL characters:",r),console.log("   Has mixed Bidi text:",l),console.log("   Textarea direction:",s.direction),console.log("   Fabric direction:",t.direction||"auto"),console.log("   Textarea unicodeBidi:",s.unicodeBidi);const h=this.textarea.scrollHeight,c=parseFloat(s.lineHeight)||1.2*parseFloat(s.fontSize),d=Math.round(h/c);console.log("📊 Line Count Analysis:"),console.log("   Textarea scrollHeight:",h),console.log("   Textarea lineHeight:",c),console.log("   Estimated rendered lines:",d),console.log("   Explicit line breaks:",o.length),d>o.length?(console.log("🔄 Text wrapping detected in textarea"),console.log("   Wrapped lines:",d-o.length)):console.log("📏 No text wrapping in textarea"),console.log("━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━")}focusTextarea(){this.target.opacity=.01,this.target.selected=!0,this.target.isEditing=!1,this.target.set({hasControls:!0,hasBorders:!0,selectable:!0,lockMovementX:!1,lockMovementY:!1}),this.canvas.setActiveObject(this.target),this.canvas.requestRenderAll(),this.target.setCoords(),this.applyOverlayStyle(),this.target._fixCharacterMappingAfterJsonLoad&&this.target._fixCharacterMappingAfterJsonLoad(),this.textarea.focus(),this.textarea.setSelectionRange(this.textarea.value.length,this.textarea.value.length),this.canvas.setActiveObject(this.target),this.canvas.requestRenderAll()}refresh(){this.isDestroyed||this.updatePosition()}destroy(){let t=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];if(!this.isDestroyed){if(this.isDestroyed=!0,this.removeEventListeners(),this.target.__overlayEditor===this&&(this.target.__overlayEditor=void 0,void 0!==this.target.__overlayOriginalOpacity&&(this.target.opacity=this.target.__overlayOriginalOpacity,delete this.target.__overlayOriginalOpacity)),this.hostDiv.parentNode&&this.hostDiv.parentNode.removeChild(this.hostDiv),t&&!this.isComposing){const t=this.textarea.value,e=this.firstStrongDir(t),o=this.target.direction||"ltr";e&&e!==o?(console.log(`🔄 Overlay Exit: Auto-detected direction change from "${o}" to "${e}"`),console.log(`   Text content: "${t.substring(0,50)}..."`),this.target.set("direction",e),this.canvas.requestRenderAll(),console.log(`✅ Fabric object direction updated to: ${e}`)):console.log(`📝 Overlay Exit: Direction unchanged (${o}), text: "${t.substring(0,30)}..."`),this.onCommit&&this.onCommit(t)}else!t&&this.onCancel&&this.onCancel();setTimeout(()=>{this.canvas.upperCanvasEl.style.cursor="",this.canvas.setCursor(this.canvas.defaultCursor)},0),this.canvas.requestRenderAll()}}handleInput(){this.isComposing||this.target.text===this.textarea.value||(this.target.text=this.textarea.value,this.autoResizeTextarea(),this.target.selected=!0,this.target.isEditing=!1,this.canvas.setActiveObject(this.target),this.canvas.requestRenderAll())}autoResizeTextarea(){const t=this.textarea.scrollTop,e=parseFloat(this.hostDiv.style.height||"0");this.textarea.style.height="1px";const o=this.textarea.scrollHeight+2;Math.abs(o-e)>1?(this.textarea.style.height=`${o}px`,this.hostDiv.style.height=`${o}px`,this.updateObjectBounds()):this.textarea.style.height=this.hostDiv.style.height,this.textarea.scrollTop=t}handleKeyDown(t){"Escape"===t.key?(t.preventDefault(),this.destroy(!1)):(t.ctrlKey||t.metaKey)&&"Enter"===t.key?(t.preventDefault(),this.destroy(!0)):"Enter"!==t.key&&"Backspace"!==t.key&&"Delete"!==t.key||(requestAnimationFrame(()=>{this.isDestroyed||this.autoResizeTextarea()}),setTimeout(()=>{this.isDestroyed||this.autoResizeTextarea()},10))}handleFocus(){}handleBlur(){this.isComposing||this.destroy(!0)}handleCompositionStart(){this.isComposing=!0}handleCompositionEnd(){this.isComposing=!1,this.handleInput()}handleAfterRender(){this.refresh()}handleMouseWheel(){this.refresh()}handleMouseDown(t){t.target!==this.target&&this.destroy(!0)}setupViewportChangeDetection(){this.canvas.__originalSetZoom=this.canvas.setZoom,this.canvas.__originalSetViewportTransform=this.canvas.setViewportTransform,this.canvas.__overlayEditor=this;const t=this.canvas.setZoom.bind(this.canvas);this.canvas.setZoom=e=>{const o=t(e);return this.canvas.__overlayEditor&&!this.isDestroyed&&this.refresh(),o};const e=this.canvas.setViewportTransform.bind(this.canvas);this.canvas.setViewportTransform=t=>{const o=e(t);return this.canvas.__overlayEditor&&!this.isDestroyed&&this.refresh(),o}}restoreViewportChangeDetection(){this.canvas.__originalSetZoom&&(this.canvas.setZoom=this.canvas.__originalSetZoom,delete this.canvas.__originalSetZoom),this.canvas.__originalSetViewportTransform&&(this.canvas.setViewportTransform=this.canvas.__originalSetViewportTransform,delete this.canvas.__originalSetViewportTransform),delete this.canvas.__overlayEditor}}function s(t,e,s){e.__overlayEditor&&e.__overlayEditor.destroy(!1),e.__overlayOriginalOpacity=e.opacity;const i=new o({canvas:t,target:e,onCommit:null==s?void 0:s.onCommit,onCancel:null==s?void 0:s.onCancel});return e.__overlayEditor=i,i}export{o as OverlayEditor,s as enterTextOverlayEdit};
 //# sourceMappingURL=overlayEditor.min.mjs.map

package/dist/src/text/overlayEditor.min.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"overlayEditor.min.mjs","sources":["../../../src/text/overlayEditor.ts"],"sourcesContent":["/*\r\n Canva/Polotno-style Overlay Text Editor\r\n \r\n Provides seamless inline text editing using an HTML textarea overlay\r\n * that matches canvas text positioning, styling, and transformations.\r\n /\r\n\r\nimport type { Canvas } from '../canvas/Canvas';\r\nimport type { FabricText } from '../shapes/Text/Text';\r\nimport type { IText } from '../shapes/IText/IText';\r\nimport type { Textbox } from '../shapes/Textbox';\r\nimport type { TPointerEventInfo } from '../EventTypeDefs';\r\nimport type { TMat2D } from '../typedefs';\r\nimport { transformPoint } from '../util/misc/matrix';\r\n\r\nexport interface OverlayEditorOptions {\r\n canvas: Canvas;\r\n target: FabricText \| IText \| Textbox;\r\n onCommit?: (text: string) => void;\r\n onCancel?: () => void;\r\n}\r\n\r\nexport interface ScreenTransform {\r\n translateX: number;\r\n translateY: number;\r\n scaleX: number;\r\n scaleY: number;\r\n angle: number; // in radians\r\n}\r\n\r\nexport class OverlayEditor {\r\n private canvas: Canvas;\r\n private target: FabricText \| IText \| Textbox;\r\n private container: HTMLElement;\r\n private textarea: HTMLTextAreaElement;\r\n private hostDiv: HTMLDivElement;\r\n private isDestroyed = false;\r\n private isComposing = false;\r\n private lastText: string;\r\n private onCommit?: (text: string) => void;\r\n private onCancel?: () => void;\r\n\r\n // Bound event handlers for cleanup\r\n private boundHandlers = {\r\n onInput: this.handleInput.bind(this),\r\n onKeyDown: this.handleKeyDown.bind(this),\r\n onBlur: this.handleBlur.bind(this),\r\n onCompositionStart: this.handleCompositionStart.bind(this),\r\n onCompositionEnd: this.handleCompositionEnd.bind(this),\r\n onAfterRender: this.handleAfterRender.bind(this),\r\n onMouseWheel: this.handleMouseWheel.bind(this),\r\n onFocus: this.handleFocus.bind(this),\r\n onMouseDown: this.handleMouseDown.bind(this),\r\n };\r\n\r\n constructor(options: OverlayEditorOptions) {\r\n this.canvas = options.canvas;\r\n this.target = options.target;\r\n this.onCommit = options.onCommit;\r\n this.onCancel = options.onCancel;\r\n this.lastText = this.target.text \|\| '';\r\n\r\n this.container = this.getCanvasContainer();\r\n this.createOverlayDOM();\r\n this.attachEventListeners();\r\n this.refresh();\r\n this.focusTextarea();\r\n\r\n // Note: Don't manage object cursors since IText manages all cursors in _saveEditingProps/_restoreEditingProps\r\n // The IText editing system handles hoverCursor, moveCursor, and canvas cursors properly\r\n\r\n // Note: Canvas cursors are handled by IText's _saveEditingProps/_restoreEditingProps\r\n // We don't need to save/restore them here as it would conflict with IText's restoration\r\n }\r\n\r\n /\r\n Get the container element for the overlay (parent of upperCanvasEl)\r\n /\r\n private getCanvasContainer(): HTMLElement {\r\n const upperCanvas = this.canvas.upperCanvasEl;\r\n const container = upperCanvas.parentElement;\r\n if (!container) {\r\n throw new Error('Canvas must be mounted in DOM to use overlay editing');\r\n }\r\n\r\n // Ensure the container is positioned for absolute overlay positioning\r\n container.style.position = 'relative';\r\n\r\n return container;\r\n }\r\n\r\n /\r\n Create the overlay DOM structure\r\n /\r\n private createOverlayDOM(): void {\r\n // Host div for positioning and overflow control\r\n this.hostDiv = document.createElement('div');\r\n this.hostDiv.style.position = 'absolute';\r\n this.hostDiv.style.pointerEvents = 'none';\r\n this.hostDiv.style.zIndex = '1000';\r\n this.hostDiv.style.transformOrigin = 'left top';\r\n\r\n // Textarea for actual text input\r\n this.textarea = document.createElement('textarea');\r\n this.textarea.style.position = 'absolute';\r\n this.textarea.style.left = '0';\r\n this.textarea.style.top = '0';\r\n this.textarea.style.margin = '0';\r\n this.textarea.style.resize = 'none';\r\n this.textarea.style.pointerEvents = 'auto';\r\n // Set appropriate unicodeBidi based on content and direction\r\n const hasArabicText =\r\n /[\\u0600-\\u06FF\\u0750-\\u077F\\uFB50-\\uFDFF\\uFE70-\\uFEFF]/.test(\r\n this.target.text \|\| '',\r\n );\r\n const hasLatinText = /[a-zA-Z]/.test(this.target.text \|\| '');\r\n const isLTRDirection = (this.target as any).direction === 'ltr';\r\n\r\n if (hasArabicText && hasLatinText && isLTRDirection) {\r\n // For mixed Arabic/Latin text in LTR mode, use embed for consistent line wrapping\r\n this.textarea.style.unicodeBidi = 'embed';\r\n } else if (hasArabicText && isLTRDirection) {\r\n // For Arabic text in LTR mode, use embed to preserve shaping while respecting direction\r\n this.textarea.style.unicodeBidi = 'embed';\r\n } else {\r\n // Default to plaintext for natural text flow\r\n this.textarea.style.unicodeBidi = 'plaintext';\r\n }\r\n this.textarea.style.caretColor = 'auto';\r\n\r\n // Polotno-like base\r\n this.textarea.style.border = 'none';\r\n this.textarea.style.padding = '0';\r\n this.textarea.style.background = 'transparent'; // Transparent so Fabric text shows through\r\n this.textarea.style.outline = 'none';\r\n this.textarea.style.overflow = 'hidden'; // Prevent scrollbars\r\n this.textarea.style.whiteSpace = 'pre-wrap';\r\n this.textarea.style.wordBreak = 'normal';\r\n this.textarea.style.overflowWrap = 'break-word';\r\n this.textarea.style.userSelect = 'text';\r\n this.textarea.style.textTransform = 'none';\r\n\r\n // Start visible - we'll handle transitions differently\r\n this.textarea.style.opacity = '1';\r\n\r\n // Set initial text\r\n this.textarea.value = this.target.text \|\| '';\r\n\r\n this.hostDiv.appendChild(this.textarea);\r\n document.body.appendChild(this.hostDiv);\r\n }\r\n\r\n /\r\n Attach all event listeners\r\n /\r\n private attachEventListeners(): void {\r\n // Textarea events\r\n this.textarea.addEventListener('input', this.boundHandlers.onInput);\r\n this.textarea.addEventListener('keydown', this.boundHandlers.onKeyDown);\r\n this.textarea.addEventListener('blur', this.boundHandlers.onBlur);\r\n this.textarea.addEventListener(\r\n 'compositionstart',\r\n this.boundHandlers.onCompositionStart,\r\n );\r\n this.textarea.addEventListener(\r\n 'compositionend',\r\n this.boundHandlers.onCompositionEnd,\r\n );\r\n this.textarea.addEventListener('focus', this.boundHandlers.onFocus);\r\n\r\n // Canvas events for synchronization\r\n this.canvas.on('after:render', this.boundHandlers.onAfterRender);\r\n this.canvas.on('mouse:wheel', this.boundHandlers.onMouseWheel);\r\n this.canvas.on('mouse:down', this.boundHandlers.onMouseDown);\r\n\r\n // Store original methods to detect viewport changes\r\n this.setupViewportChangeDetection();\r\n }\r\n\r\n /\r\n Remove all event listeners\r\n /\r\n private removeEventListeners(): void {\r\n this.textarea.removeEventListener('input', this.boundHandlers.onInput);\r\n this.textarea.removeEventListener('keydown', this.boundHandlers.onKeyDown);\r\n this.textarea.removeEventListener('blur', this.boundHandlers.onBlur);\r\n this.textarea.removeEventListener(\r\n 'compositionstart',\r\n this.boundHandlers.onCompositionStart,\r\n );\r\n this.textarea.removeEventListener(\r\n 'compositionend',\r\n this.boundHandlers.onCompositionEnd,\r\n );\r\n this.textarea.removeEventListener('focus', this.boundHandlers.onFocus);\r\n\r\n this.canvas.off('after:render', this.boundHandlers.onAfterRender);\r\n this.canvas.off('mouse:wheel', this.boundHandlers.onMouseWheel);\r\n this.canvas.off('mouse:down', this.boundHandlers.onMouseDown);\r\n\r\n // Restore original methods\r\n this.restoreViewportChangeDetection();\r\n }\r\n\r\n /\r\n Simple method to refresh positioning when canvas changes\r\n /\r\n private updatePosition(): void {\r\n this.applyOverlayStyle();\r\n }\r\n\r\n /\r\n Update the Fabric object bounds to match current textarea size\r\n * This ensures Fabric.js selection controls follow the growing textbox\r\n /\r\n private updateObjectBounds(): void {\r\n if (this.isDestroyed) return;\r\n\r\n const target = this.target;\r\n const zoom = this.canvas.getZoom();\r\n\r\n // Get current textbox dimensions from the host div (in canvas coordinates)\r\n const currentWidth = parseFloat(this.hostDiv.style.width) / zoom;\r\n const currentHeight = parseFloat(this.hostDiv.style.height) / zoom;\r\n\r\n // Always update height for responsive controls (especially important for line deletion)\r\n const heightDiff = Math.abs(currentHeight - target.height);\r\n const threshold = 0.5; // Lower threshold for better responsiveness to line changes\r\n\r\n if (heightDiff > threshold) {\r\n const oldHeight = target.height;\r\n target.height = currentHeight;\r\n target.setCoords(); // Update control positions\r\n\r\n // Force dirty to ensure proper re-rendering\r\n target.dirty = true;\r\n this.canvas.requestRenderAll(); // Re-render to show updated selection\r\n\r\n // IMPORTANT: Reposition overlay after height change\r\n requestAnimationFrame(() => {\r\n if (!this.isDestroyed) {\r\n this.applyOverlayStyle();\r\n console.log(\r\n '📐 Height changed - rechecking alignment after repositioning:',\r\n );\r\n }\r\n });\r\n }\r\n }\r\n\r\n /\r\n Convert Fabric charSpacing (1/1000 em) to CSS letter-spacing (px)\r\n /\r\n private letterSpacingPx(charSpacing: number, fontSize: number): number {\r\n return (charSpacing / 1000) fontSize;\r\n }\r\n\r\n /*\r\n Detect text direction using first strong directional character\r\n /\r\n private firstStrongDir(text: string): 'ltr' \| 'rtl' {\r\n // Hebrew: \\u0590-\\u05FF, Arabic: \\u0600-\\u06FF, \\u0750-\\u077F, \\uFB50-\\uFDFF, \\uFE70-\\uFEFF\r\n const rtlRegex =\r\n /[\\u0590-\\u05FF\\u0600-\\u06FF\\u0750-\\u077F\\uFB50-\\uFDFF\\uFE70-\\uFEFF]/;\r\n return rtlRegex.test(text) ? 'rtl' : 'ltr';\r\n }\r\n\r\n private applyOverlayStyle(): void {\r\n const target = this.target;\r\n const canvas = this.canvas;\r\n\r\n // 1. Freshen object's transformations - use aCoords like rtl-test.html\r\n target.setCoords();\r\n const aCoords = target.aCoords;\r\n\r\n // 2. Get canvas position and scroll offsets (like rtl-test.html)\r\n const canvasEl = canvas.upperCanvasEl;\r\n const canvasRect = canvasEl.getBoundingClientRect();\r\n const scrollX = window.scrollX \|\| window.pageXOffset;\r\n const scrollY = window.scrollY \|\| window.pageYOffset;\r\n\r\n // 3. Position and dimensions accounting for Fabric Textbox padding and viewport transform\r\n const zoom = canvas.getZoom();\r\n const vpt = canvas.viewportTransform;\r\n const padding = (target as any).padding \|\| 0;\r\n const paddingX = padding (target.scaleX \|\| 1) * zoom;\r\n const paddingY = padding * (target.scaleY \|\| 1) * zoom;\r\n\r\n // Transform object's top-left corner coordinates to screen coordinates using viewport transform\r\n // aCoords.tl already accounts for object positioning and scaling, just need viewport transform\r\n const screenPoint = transformPoint(\r\n { x: aCoords.tl.x, y: aCoords.tl.y },\r\n vpt,\r\n );\r\n\r\n const left = canvasRect.left + scrollX + screenPoint.x;\r\n const top = canvasRect.top + scrollY + screenPoint.y;\r\n\r\n // 4. Calculate the precise width and height for the container\r\n // THE FIX: Use getBoundingRect() for BOTH width and height.\r\n // This is the most reliable measure of the object's final rendered dimensions.\r\n const objectBounds = target.getBoundingRect();\r\n const width = Math.round(objectBounds.width * zoom);\r\n const height = Math.round(objectBounds.height * zoom);\r\n\r\n // 5. Apply styles to host DIV - absolute positioning like rtl-test.html\r\n this.hostDiv.style.position = 'absolute';\r\n this.hostDiv.style.left = `${left}px`;\r\n this.hostDiv.style.top = `${top}px`;\r\n this.hostDiv.style.width = `${width}px`;\r\n this.hostDiv.style.height = `${height}px`;\r\n this.hostDiv.style.overflow = 'hidden'; // Prevent scrollbars in host div\r\n // Apply rotation matching Fabric.js object transformation\r\n if (target.angle) {\r\n this.hostDiv.style.transform = `rotate(${target.angle}deg)`;\r\n this.hostDiv.style.transformOrigin = 'top left'; // Match Fabric Textbox behavior\r\n } else {\r\n this.hostDiv.style.transform = '';\r\n this.hostDiv.style.transformOrigin = '';\r\n }\r\n\r\n // 6. Style the textarea - match Fabric's exact rendering with padding\r\n const baseFontSize = target.fontSize ?? 16;\r\n // Use scaleX for font scaling to match Fabric text scaling exactly\r\n const scaleX = target.scaleX \|\| 1;\r\n const finalFontSize = baseFontSize * scaleX * zoom;\r\n const fabricLineHeight = target.lineHeight \|\| 1.16;\r\n // THE FIX: Use 'border-box' so the width property includes padding.\r\n // This makes alignment much easier and more reliable.\r\n this.textarea.style.boxSizing = 'border-box';\r\n\r\n // THE FIX: Set the textarea width to be IDENTICAL to the host div's width.\r\n // The padding will now be correctly contained inside this width.\r\n this.textarea.style.width = `${width}px`;\r\n this.textarea.style.height = '100%'; // Let hostDiv control height\r\n this.textarea.style.padding = `${paddingY}px ${paddingX}px`;\r\n\r\n // Apply all other font and text styles to match Fabric\r\n const letterSpacingPx = ((target.charSpacing \|\| 0) / 1000) * finalFontSize;\r\n\r\n this.textarea.style.fontSize = `${finalFontSize}px`;\r\n this.textarea.style.lineHeight = String(fabricLineHeight);\r\n this.textarea.style.fontFamily = target.fontFamily \|\| 'Arial';\r\n this.textarea.style.fontWeight = String(target.fontWeight \|\| 'normal');\r\n this.textarea.style.fontStyle = target.fontStyle \|\| 'normal';\r\n this.textarea.style.textAlign = (target as any).textAlign \|\| 'left';\r\n this.textarea.style.color = target.fill?.toString() \|\| '#000';\r\n this.textarea.style.letterSpacing = `${letterSpacingPx}px`;\r\n this.textarea.style.direction =\r\n (target as any).direction \|\|\r\n this.firstStrongDir(this.textarea.value \|\| '');\r\n this.textarea.style.fontVariant = 'normal';\r\n this.textarea.style.fontStretch = 'normal';\r\n this.textarea.style.textRendering = 'optimizeLegibility';\r\n this.textarea.style.fontKerning = 'normal';\r\n this.textarea.style.fontFeatureSettings = 'normal';\r\n this.textarea.style.fontVariationSettings = 'normal';\r\n this.textarea.style.margin = '0';\r\n this.textarea.style.border = 'none';\r\n this.textarea.style.outline = 'none';\r\n this.textarea.style.background = 'transparent';\r\n this.textarea.style.overflowWrap = 'break-word';\r\n this.textarea.style.whiteSpace = 'pre-wrap';\r\n this.textarea.style.hyphens = 'none';\r\n \r\n (this.textarea.style as any).webkitFontSmoothing = 'antialiased';\r\n (this.textarea.style as any).mozOsxFontSmoothing = 'grayscale';\r\n\r\n // Debug: Compare textarea and canvas object bounding boxes\r\n this.debugBoundingBoxComparison();\r\n\r\n // Debug: Compare text wrapping behavior\r\n this.debugTextWrapping();\r\n\r\n // Initial bounds are set correctly by Fabric.js - don't force update here\r\n }\r\n\r\n /*\r\n Debug method to compare textarea and canvas object bounding boxes\r\n /\r\n private debugBoundingBoxComparison(): void {\r\n const target = this.target;\r\n const canvas = this.canvas;\r\n const zoom = canvas.getZoom();\r\n\r\n // Get textarea bounding box (in screen coordinates)\r\n const textareaRect = this.textarea.getBoundingClientRect();\r\n const hostRect = this.hostDiv.getBoundingClientRect();\r\n\r\n // Get canvas object bounding box (in screen coordinates)\r\n const canvasBounds = target.getBoundingRect();\r\n const canvasRect = canvas.upperCanvasEl.getBoundingClientRect();\r\n\r\n // Convert canvas object bounds to screen coordinates\r\n const vpt = canvas.viewportTransform;\r\n const screenObjectBounds = {\r\n left: canvasRect.left + canvasBounds.left zoom + vpt[4],\r\n top: canvasRect.top + canvasBounds.top * zoom + vpt[5],\r\n width: canvasBounds.width * zoom,\r\n height: canvasBounds.height * zoom,\r\n };\r\n\r\n console.log('🔍 BOUNDING BOX COMPARISON:');\r\n console.log('📦 Textarea Rect:', {\r\n left: Math.round(textareaRect.left * 100) / 100,\r\n top: Math.round(textareaRect.top * 100) / 100,\r\n width: Math.round(textareaRect.width * 100) / 100,\r\n height: Math.round(textareaRect.height * 100) / 100,\r\n });\r\n console.log('📦 Host Div Rect:', {\r\n left: Math.round(hostRect.left * 100) / 100,\r\n top: Math.round(hostRect.top * 100) / 100,\r\n width: Math.round(hostRect.width * 100) / 100,\r\n height: Math.round(hostRect.height * 100) / 100,\r\n });\r\n console.log('📦 Canvas Object Bounds (screen):', {\r\n left: Math.round(screenObjectBounds.left * 100) / 100,\r\n top: Math.round(screenObjectBounds.top * 100) / 100,\r\n width: Math.round(screenObjectBounds.width * 100) / 100,\r\n height: Math.round(screenObjectBounds.height * 100) / 100,\r\n });\r\n console.log('📦 Canvas Object Bounds (canvas):', canvasBounds);\r\n\r\n // Calculate differences\r\n const hostVsObject = {\r\n leftDiff:\r\n Math.round((hostRect.left - screenObjectBounds.left) * 100) / 100,\r\n topDiff: Math.round((hostRect.top - screenObjectBounds.top) * 100) / 100,\r\n widthDiff:\r\n Math.round((hostRect.width - screenObjectBounds.width) * 100) / 100,\r\n heightDiff:\r\n Math.round((hostRect.height - screenObjectBounds.height) * 100) / 100,\r\n };\r\n\r\n const textareaVsObject = {\r\n leftDiff:\r\n Math.round((textareaRect.left - screenObjectBounds.left) * 100) / 100,\r\n topDiff:\r\n Math.round((textareaRect.top - screenObjectBounds.top) * 100) / 100,\r\n widthDiff:\r\n Math.round((textareaRect.width - screenObjectBounds.width) * 100) / 100,\r\n heightDiff:\r\n Math.round((textareaRect.height - screenObjectBounds.height) * 100) /\r\n 100,\r\n };\r\n\r\n console.log('📏 Host Div vs Canvas Object Diff:', hostVsObject);\r\n console.log('📏 Textarea vs Canvas Object Diff:', textareaVsObject);\r\n\r\n // Check if they're aligned (within 2px tolerance)\r\n const tolerance = 2;\r\n const hostAligned =\r\n Math.abs(hostVsObject.leftDiff) < tolerance &&\r\n Math.abs(hostVsObject.topDiff) < tolerance &&\r\n Math.abs(hostVsObject.widthDiff) < tolerance &&\r\n Math.abs(hostVsObject.heightDiff) < tolerance;\r\n\r\n const textareaAligned =\r\n Math.abs(textareaVsObject.leftDiff) < tolerance &&\r\n Math.abs(textareaVsObject.topDiff) < tolerance &&\r\n Math.abs(textareaVsObject.widthDiff) < tolerance &&\r\n Math.abs(textareaVsObject.heightDiff) < tolerance;\r\n\r\n console.log(\r\n hostAligned\r\n ? '✅ Host Div ALIGNED with canvas object'\r\n : '❌ Host Div MISALIGNED with canvas object',\r\n );\r\n console.log(\r\n textareaAligned\r\n ? '✅ Textarea ALIGNED with canvas object'\r\n : '❌ Textarea MISALIGNED with canvas object',\r\n );\r\n console.log('🔍 Zoom:', zoom, 'Viewport Transform:', vpt);\r\n console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\r\n }\r\n\r\n /*\r\n Debug method to compare text wrapping between textarea and Fabric text object\r\n /\r\n private debugTextWrapping(): void {\r\n const target = this.target;\r\n const text = this.textarea.value;\r\n\r\n console.log('📝 TEXT WRAPPING COMPARISON:');\r\n console.log('📄 Text Content:', `\"${text}\"`);\r\n console.log('📄 Text Length:', text.length);\r\n\r\n // Analyze line breaks\r\n const explicitLines = text.split('\\n');\r\n console.log('📄 Explicit Lines (\\\\n):', explicitLines.length);\r\n explicitLines.forEach((line, i) => {\r\n console.log(` Line ${i + 1}: \"${line}\" (${line.length} chars)`);\r\n });\r\n\r\n // Get textarea computed styles for wrapping analysis\r\n const textareaStyles = window.getComputedStyle(this.textarea);\r\n console.log('📐 Textarea Wrapping Styles:');\r\n console.log(' width:', textareaStyles.width);\r\n console.log(' fontSize:', textareaStyles.fontSize);\r\n console.log(' fontFamily:', textareaStyles.fontFamily);\r\n console.log(' fontWeight:', textareaStyles.fontWeight);\r\n console.log(' letterSpacing:', textareaStyles.letterSpacing);\r\n console.log(' lineHeight:', textareaStyles.lineHeight);\r\n console.log(' whiteSpace:', textareaStyles.whiteSpace);\r\n console.log(' wordWrap:', textareaStyles.wordWrap);\r\n console.log(' overflowWrap:', textareaStyles.overflowWrap);\r\n console.log(' direction:', textareaStyles.direction);\r\n console.log(' textAlign:', textareaStyles.textAlign);\r\n\r\n // Get Fabric text object properties for comparison\r\n console.log('📐 Fabric Text Object Properties:');\r\n console.log(' width:', (target as any).width);\r\n console.log(' fontSize:', target.fontSize);\r\n console.log(' fontFamily:', target.fontFamily);\r\n console.log(' fontWeight:', target.fontWeight);\r\n console.log(' charSpacing:', target.charSpacing);\r\n console.log(' lineHeight:', target.lineHeight);\r\n console.log(' direction:', (target as any).direction);\r\n console.log(' textAlign:', (target as any).textAlign);\r\n console.log(' scaleX:', target.scaleX);\r\n console.log(' scaleY:', target.scaleY);\r\n\r\n // Calculate effective dimensions for comparison - use actual rendered width\r\n // THE FIX:* Use getBoundingRect to get the actual rendered width of the Fabric object.\r\n const fabricEffectiveWidth = this.target.getBoundingRect().width;\r\n // Use the exact width set on textarea for comparison\r\n const textareaComputedWidth = parseFloat(\r\n window.getComputedStyle(this.textarea).width,\r\n );\r\n const textareaEffectiveWidth =\r\n textareaComputedWidth / this.canvas.getZoom();\r\n const widthDiff = Math.abs(textareaEffectiveWidth - fabricEffectiveWidth);\r\n\r\n console.log('📏 Effective Width Comparison:');\r\n console.log(' Textarea Effective Width:', textareaEffectiveWidth);\r\n console.log(' Fabric Effective Width:', fabricEffectiveWidth);\r\n console.log(' Width Difference:', widthDiff.toFixed(2) + 'px');\r\n console.log(\r\n widthDiff < 1\r\n ? '✅ Widths MATCH for wrapping'\r\n : '❌ Width MISMATCH may cause different wrapping',\r\n );\r\n\r\n // Check text direction and bidi handling\r\n const hasRTLText =\r\n /[\\u0590-\\u05FF\\u0600-\\u06FF\\u0750-\\u077F\\uFB50-\\uFDFF\\uFE70-\\uFEFF]/.test(\r\n text,\r\n );\r\n const hasBidiText = /[\\u0590-\\u06FF]/.test(text) && /[a-zA-Z]/.test(text);\r\n\r\n console.log('🌍 Text Direction Analysis:');\r\n console.log(' Has RTL characters:', hasRTLText);\r\n console.log(' Has mixed Bidi text:', hasBidiText);\r\n console.log(' Textarea direction:', textareaStyles.direction);\r\n console.log(' Fabric direction:', (target as any).direction \|\| 'auto');\r\n console.log(' Textarea unicodeBidi:', textareaStyles.unicodeBidi);\r\n\r\n // Measure actual rendered line count\r\n const textareaScrollHeight = this.textarea.scrollHeight;\r\n const textareaLineHeight =\r\n parseFloat(textareaStyles.lineHeight) \|\|\r\n parseFloat(textareaStyles.fontSize) * 1.2;\r\n const estimatedTextareaLines = Math.round(\r\n textareaScrollHeight / textareaLineHeight,\r\n );\r\n\r\n console.log('📊 Line Count Analysis:');\r\n console.log(' Textarea scrollHeight:', textareaScrollHeight);\r\n console.log(' Textarea lineHeight:', textareaLineHeight);\r\n console.log(' Estimated rendered lines:', estimatedTextareaLines);\r\n console.log(' Explicit line breaks:', explicitLines.length);\r\n\r\n if (estimatedTextareaLines > explicitLines.length) {\r\n console.log('🔄 Text wrapping detected in textarea');\r\n console.log(\r\n ' Wrapped lines:',\r\n estimatedTextareaLines - explicitLines.length,\r\n );\r\n } else {\r\n console.log('📏 No text wrapping in textarea');\r\n }\r\n\r\n console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\r\n }\r\n\r\n\r\n /*\r\n Focus the textarea and position cursor at end\r\n /\r\n private focusTextarea(): void {\r\n // For overlay editing, we want to keep the object in \"selection mode\" not \"editing mode\"\r\n // This means keeping selected=true and isEditing=false to show boundaries\r\n\r\n // Hide the text content only (not the entire object)\r\n this.target.opacity = 0.01; // Nearly transparent but not fully hidden\r\n\r\n // Ensure object stays selected to show boundaries\r\n (this.target as any).selected = true;\r\n (this.target as any).isEditing = false; // Override any editing state\r\n\r\n // Make sure controls are enabled and movement is allowed during overlay editing\r\n this.target.set({\r\n hasControls: true,\r\n hasBorders: true,\r\n selectable: true,\r\n lockMovementX: false,\r\n lockMovementY: false,\r\n });\r\n\r\n // Keep as active object\r\n this.canvas.setActiveObject(this.target);\r\n\r\n this.canvas.requestRenderAll();\r\n this.target.setCoords();\r\n this.applyOverlayStyle();\r\n\r\n this.textarea.focus();\r\n\r\n this.textarea.setSelectionRange(\r\n this.textarea.value.length,\r\n this.textarea.value.length,\r\n );\r\n\r\n // Ensure the object stays selected even after textarea focus\r\n this.canvas.setActiveObject(this.target);\r\n this.canvas.requestRenderAll();\r\n }\r\n\r\n /\r\n Refresh overlay positioning and styling\r\n /\r\n public refresh(): void {\r\n if (this.isDestroyed) return;\r\n this.updatePosition();\r\n // Don't update object bounds on every refresh - only when textarea actually resizes\r\n }\r\n\r\n /\r\n Destroy the overlay editor\r\n /\r\n public destroy(commit: boolean = true): void {\r\n if (this.isDestroyed) return;\r\n this.isDestroyed = true;\r\n\r\n this.removeEventListeners();\r\n\r\n // Restore target visibility before handling commit/cancel\r\n if ((this.target as any).__overlayEditor === this) {\r\n (this.target as any).__overlayEditor = undefined;\r\n\r\n // Restore original opacity\r\n if ((this.target as any).__overlayOriginalOpacity !== undefined) {\r\n this.target.opacity = (this.target as any).__overlayOriginalOpacity;\r\n delete (this.target as any).__overlayOriginalOpacity;\r\n }\r\n }\r\n\r\n // Remove DOM first\r\n if (this.hostDiv.parentNode) {\r\n this.hostDiv.parentNode.removeChild(this.hostDiv);\r\n }\r\n\r\n // Handle commit/cancel after restoring visibility\r\n if (commit && !this.isComposing) {\r\n const finalText = this.textarea.value;\r\n if (this.onCommit) {\r\n this.onCommit(finalText);\r\n }\r\n } else if (!commit && this.onCancel) {\r\n this.onCancel();\r\n }\r\n\r\n // Note: Don't restore object cursors since IText manages all cursors in _restoreEditingProps\r\n // Let the IText editing system handle proper restoration of all cursor properties\r\n\r\n // Note: Canvas cursors are restored by IText's _restoreEditingProps method\r\n // Force a cursor refresh by triggering _setCursorFromEvent\r\n setTimeout(() => {\r\n this.canvas.upperCanvasEl.style.cursor = '';\r\n // Trigger cursor refresh on next mouse move\r\n this.canvas.setCursor(this.canvas.defaultCursor);\r\n }, 0);\r\n\r\n // Request canvas re-render\r\n this.canvas.requestRenderAll();\r\n }\r\n\r\n // Event handlers\r\n private handleInput(): void {\r\n if (!this.isComposing && this.target.text !== this.textarea.value) {\r\n // Live update target text\r\n this.target.text = this.textarea.value;\r\n\r\n\r\n // Auto-resize textarea to match new content\r\n this.autoResizeTextarea();\r\n\r\n // Ensure object stays in selection mode (not editing mode) to show controls\r\n (this.target as any).selected = true;\r\n (this.target as any).isEditing = false;\r\n this.canvas.setActiveObject(this.target);\r\n this.canvas.requestRenderAll();\r\n }\r\n }\r\n\r\n private autoResizeTextarea(): void {\r\n // Store the scroll position and the container's old height for comparison.\r\n const scrollTop = this.textarea.scrollTop;\r\n const oldHeight = parseFloat(this.hostDiv.style.height \|\| '0');\r\n\r\n // 1. Force a reliable reflow.\r\n // First, reset the textarea's height to a minimal value. This is the crucial step\r\n // that forces the browser to recalculate the content's height from scratch,\r\n // ignoring the hostDiv's larger, stale height.\r\n this.textarea.style.height = '1px';\r\n\r\n // 2. Read the now-accurate scrollHeight. This value reflects the minimum\r\n // height required for the content, whether it's single or multi-line.\r\n const scrollHeight = this.textarea.scrollHeight;\r\n\r\n // A small buffer for rendering consistency across browsers.\r\n const buffer = 2;\r\n const newHeight = scrollHeight + buffer;\r\n\r\n // Check if the height has changed significantly.\r\n const heightChanged = Math.abs(newHeight - oldHeight) > 1;\r\n\r\n // 4. Only update heights and object bounds if there was a change.\r\n if (heightChanged) {\r\n this.textarea.style.height = `${newHeight}px`;\r\n this.hostDiv.style.height = `${newHeight}px`;\r\n this.updateObjectBounds();\r\n } else {\r\n // If no significant change, ensure the textarea's height matches the container\r\n // to prevent any minor visual misalignment.\r\n this.textarea.style.height = this.hostDiv.style.height;\r\n }\r\n\r\n // 5. Restore the original scroll position.\r\n this.textarea.scrollTop = scrollTop;\r\n }\r\n\r\n private handleKeyDown(e: KeyboardEvent): void {\r\n if (e.key === 'Escape') {\r\n e.preventDefault();\r\n this.destroy(false); // Cancel\r\n } else if ((e.ctrlKey \|\| e.metaKey) && e.key === 'Enter') {\r\n e.preventDefault();\r\n this.destroy(true); // Commit\r\n } else if (\r\n e.key === 'Enter' \|\|\r\n e.key === 'Backspace' \|\|\r\n e.key === 'Delete'\r\n ) {\r\n // For keys that might change the height, schedule a resize check\r\n // Use both immediate and delayed checks to catch all scenarios\r\n requestAnimationFrame(() => {\r\n if (!this.isDestroyed) {\r\n this.autoResizeTextarea();\r\n }\r\n });\r\n setTimeout(() => {\r\n if (!this.isDestroyed) {\r\n this.autoResizeTextarea();\r\n }\r\n }, 10); // Small delay to ensure DOM is updated\r\n }\r\n }\r\n\r\n private handleFocus(): void {\r\n // Focus handler - could be used for future enhancements\r\n }\r\n\r\n private handleBlur(): void {\r\n // Commit on blur unless we're in composition mode\r\n if (!this.isComposing) {\r\n this.destroy(true);\r\n }\r\n }\r\n\r\n private handleCompositionStart(): void {\r\n this.isComposing = true;\r\n }\r\n\r\n private handleCompositionEnd(): void {\r\n this.isComposing = false;\r\n this.handleInput(); // Update text after composition\r\n }\r\n\r\n private handleAfterRender(): void {\r\n this.refresh();\r\n }\r\n\r\n private handleMouseWheel(): void {\r\n this.refresh();\r\n }\r\n\r\n private handleMouseDown(e: TPointerEventInfo): void {\r\n if (e.target !== this.target) {\r\n this.destroy(true);\r\n }\r\n }\r\n\r\n /\r\n Setup detection for viewport changes (zoom/pan)\r\n /\r\n private setupViewportChangeDetection(): void {\r\n // Store original methods\r\n (this.canvas as any).__originalSetZoom = this.canvas.setZoom;\r\n (this.canvas as any).__originalSetViewportTransform =\r\n this.canvas.setViewportTransform;\r\n (this.canvas as any).__overlayEditor = this;\r\n\r\n // Override setZoom to detect zoom changes\r\n const originalSetZoom = this.canvas.setZoom.bind(this.canvas);\r\n this.canvas.setZoom = (value: number) => {\r\n const result = originalSetZoom(value);\r\n if ((this.canvas as any).__overlayEditor && !this.isDestroyed) {\r\n this.refresh();\r\n }\r\n return result;\r\n };\r\n\r\n // Override setViewportTransform to detect pan changes\r\n const originalSetViewportTransform = this.canvas.setViewportTransform.bind(\r\n this.canvas,\r\n );\r\n this.canvas.setViewportTransform = (vpt: TMat2D) => {\r\n const result = originalSetViewportTransform(vpt);\r\n if ((this.canvas as any).__overlayEditor && !this.isDestroyed) {\r\n this.refresh();\r\n }\r\n return result;\r\n };\r\n }\r\n\r\n /\r\n Restore original viewport methods\r\n /\r\n private restoreViewportChangeDetection(): void {\r\n if ((this.canvas as any).__originalSetZoom) {\r\n this.canvas.setZoom = (this.canvas as any).__originalSetZoom;\r\n delete (this.canvas as any).__originalSetZoom;\r\n }\r\n if ((this.canvas as any).__originalSetViewportTransform) {\r\n this.canvas.setViewportTransform = (\r\n this.canvas as any\r\n ).__originalSetViewportTransform;\r\n delete (this.canvas as any).__originalSetViewportTransform;\r\n }\r\n delete (this.canvas as any).__overlayEditor;\r\n }\r\n}\r\n\r\n/\r\n Enter overlay text editing mode for a text object\r\n /\r\nexport function enterTextOverlayEdit(\r\n canvas: Canvas,\r\n target: FabricText \| IText \| Textbox,\r\n options?: {\r\n onCommit?: (text: string) => void;\r\n onCancel?: () => void;\r\n },\r\n): OverlayEditor {\r\n // If already in overlay editing, destroy existing editor first\r\n if ((target as any).__overlayEditor) {\r\n (target as any).__overlayEditor.destroy(false);\r\n }\r\n\r\n // Store original opacity so we can restore it later\r\n (target as any).__overlayOriginalOpacity = target.opacity;\r\n\r\n const editor = new OverlayEditor({\r\n canvas,\r\n target,\r\n onCommit: options?.onCommit,\r\n onCancel: options?.onCancel,\r\n });\r\n\r\n // We no longer change fill, so no need to store it\r\n\r\n // Store reference on target for cleanup\r\n (target as any).__overlayEditor = editor;\r\n\r\n return editor;\r\n}\r\n\r\n/\r\n Check if a text object is currently being edited with overlay editor\r\n */\r\nexport function isInOverlayEdit(target: FabricText \| IText \| Textbox): boolean {\r\n return !!(target as any).__overlayEditor?.isActive;\r\n}\r\n"],"names":["OverlayEditor","constructor","options","_defineProperty","this","onInput","handleInput","bind","onKeyDown","handleKeyDown","onBlur","handleBlur","onCompositionStart","handleCompositionStart","onCompositionEnd","handleCompositionEnd","onAfterRender","handleAfterRender","onMouseWheel","handleMouseWheel","onFocus","handleFocus","onMouseDown","handleMouseDown","canvas","target","onCommit","onCancel","lastText","text","container","getCanvasContainer","createOverlayDOM","attachEventListeners","refresh","focusTextarea","upperCanvasEl","parentElement","Error","style","position","hostDiv","document","createElement","pointerEvents","zIndex","transformOrigin","textarea","left","top","margin","resize","hasArabicText","test","hasLatinText","isLTRDirection","direction","unicodeBidi","caretColor","border","padding","background","outline","overflow","whiteSpace","wordBreak","overflowWrap","userSelect","textTransform","opacity","value","appendChild","body","addEventListener","boundHandlers","on","setupViewportChangeDetection","removeEventListeners","removeEventListener","off","restoreViewportChangeDetection","updatePosition","applyOverlayStyle","updateObjectBounds","isDestroyed","zoom","getZoom","parseFloat","width","currentHeight","height","Math","abs","setCoords","dirty","requestRenderAll","requestAnimationFrame","console","log","letterSpacingPx","charSpacing","fontSize","firstStrongDir","_target$fontSize","_target$fill","aCoords","canvasRect","getBoundingClientRect","scrollX","window","pageXOffset","scrollY","pageYOffset","vpt","viewportTransform","paddingX","scaleX","paddingY","scaleY","screenPoint","transformPoint","x","tl","y","objectBounds","getBoundingRect","round","angle","transform","finalFontSize","fabricLineHeight","lineHeight","boxSizing","String","fontFamily","fontWeight","fontStyle","textAlign","color","fill","toString","letterSpacing","fontVariant","fontStretch","textRendering","fontKerning","fontFeatureSettings","fontVariationSettings","hyphens","webkitFontSmoothing","mozOsxFontSmoothing","debugBoundingBoxComparison","debugTextWrapping","textareaRect","hostRect","canvasBounds","screenObjectBounds","hostVsObject","leftDiff","topDiff","widthDiff","heightDiff","textareaVsObject","hostAligned","textareaAligned","length","explicitLines","split","forEach","line","i","textareaStyles","getComputedStyle","wordWrap","fabricEffectiveWidth","textareaEffectiveWidth","toFixed","hasRTLText","hasBidiText","textareaScrollHeight","scrollHeight","textareaLineHeight","estimatedTextareaLines","selected","isEditing","set","hasControls","hasBorders","selectable","lockMovementX","lockMovementY","setActiveObject","focus","setSelectionRange","destroy","commit","arguments","undefined","__overlayEditor","__overlayOriginalOpacity","parentNode","removeChild","isComposing","finalText","setTimeout","cursor","setCursor","defaultCursor","autoResizeTextarea","scrollTop","oldHeight","newHeight","e","key","preventDefault","ctrlKey","metaKey","__originalSetZoom","setZoom","__originalSetViewportTransform","setViewportTransform","originalSetZoom","result","originalSetViewportTransform","enterTextOverlayEdit","editor"],"mappings":"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"}
1	+ {"version":3,"file":"overlayEditor.min.mjs","sources":["../../../src/text/overlayEditor.ts"],"sourcesContent":["/*\n Canva/Polotno-style Overlay Text Editor\n \n Provides seamless inline text editing using an HTML textarea overlay\n * that matches canvas text positioning, styling, and transformations.\n /\n\nimport type { Canvas } from '../canvas/Canvas';\nimport type { FabricText } from '../shapes/Text/Text';\nimport type { IText } from '../shapes/IText/IText';\nimport type { Textbox } from '../shapes/Textbox';\nimport type { TPointerEventInfo } from '../EventTypeDefs';\nimport type { TMat2D } from '../typedefs';\nimport { transformPoint } from '../util/misc/matrix';\n\nexport interface OverlayEditorOptions {\n canvas: Canvas;\n target: FabricText \| IText \| Textbox;\n onCommit?: (text: string) => void;\n onCancel?: () => void;\n}\n\nexport interface ScreenTransform {\n translateX: number;\n translateY: number;\n scaleX: number;\n scaleY: number;\n angle: number; // in radians\n}\n\nexport class OverlayEditor {\n private canvas: Canvas;\n private target: FabricText \| IText \| Textbox;\n private container: HTMLElement;\n private textarea: HTMLTextAreaElement;\n private hostDiv: HTMLDivElement;\n private isDestroyed = false;\n private isComposing = false;\n private lastText: string;\n private onCommit?: (text: string) => void;\n private onCancel?: () => void;\n\n // Bound event handlers for cleanup\n private boundHandlers = {\n onInput: this.handleInput.bind(this),\n onKeyDown: this.handleKeyDown.bind(this),\n onBlur: this.handleBlur.bind(this),\n onCompositionStart: this.handleCompositionStart.bind(this),\n onCompositionEnd: this.handleCompositionEnd.bind(this),\n onAfterRender: this.handleAfterRender.bind(this),\n onMouseWheel: this.handleMouseWheel.bind(this),\n onFocus: this.handleFocus.bind(this),\n onMouseDown: this.handleMouseDown.bind(this),\n };\n\n constructor(options: OverlayEditorOptions) {\n this.canvas = options.canvas;\n this.target = options.target;\n this.onCommit = options.onCommit;\n this.onCancel = options.onCancel;\n this.lastText = this.target.text \|\| '';\n\n this.container = this.getCanvasContainer();\n this.createOverlayDOM();\n this.attachEventListeners();\n this.refresh();\n this.focusTextarea();\n\n // Note: Don't manage object cursors since IText manages all cursors in _saveEditingProps/_restoreEditingProps\n // The IText editing system handles hoverCursor, moveCursor, and canvas cursors properly\n\n // Note: Canvas cursors are handled by IText's _saveEditingProps/_restoreEditingProps\n // We don't need to save/restore them here as it would conflict with IText's restoration\n }\n\n /\n Get the container element for the overlay (parent of upperCanvasEl)\n /\n private getCanvasContainer(): HTMLElement {\n const upperCanvas = this.canvas.upperCanvasEl;\n const container = upperCanvas.parentElement;\n if (!container) {\n throw new Error('Canvas must be mounted in DOM to use overlay editing');\n }\n\n // Ensure the container is positioned for absolute overlay positioning\n container.style.position = 'relative';\n\n return container;\n }\n\n /\n Create the overlay DOM structure\n /\n private createOverlayDOM(): void {\n // Host div for positioning and overflow control\n this.hostDiv = document.createElement('div');\n this.hostDiv.style.position = 'absolute';\n this.hostDiv.style.pointerEvents = 'none';\n this.hostDiv.style.zIndex = '1000';\n this.hostDiv.style.transformOrigin = 'left top';\n\n // Textarea for actual text input\n this.textarea = document.createElement('textarea');\n this.textarea.style.position = 'absolute';\n this.textarea.style.left = '0';\n this.textarea.style.top = '0';\n this.textarea.style.margin = '0';\n this.textarea.style.resize = 'none';\n this.textarea.style.pointerEvents = 'auto';\n // Set appropriate unicodeBidi based on content and direction\n const hasArabicText =\n /[\\u0600-\\u06FF\\u0750-\\u077F\\uFB50-\\uFDFF\\uFE70-\\uFEFF]/.test(\n this.target.text \|\| '',\n );\n const hasLatinText = /[a-zA-Z]/.test(this.target.text \|\| '');\n const isLTRDirection = (this.target as any).direction === 'ltr';\n\n if (hasArabicText && hasLatinText && isLTRDirection) {\n // For mixed Arabic/Latin text in LTR mode, use embed for consistent line wrapping\n this.textarea.style.unicodeBidi = 'embed';\n } else if (hasArabicText && isLTRDirection) {\n // For Arabic text in LTR mode, use embed to preserve shaping while respecting direction\n this.textarea.style.unicodeBidi = 'embed';\n } else {\n // Default to plaintext for natural text flow\n this.textarea.style.unicodeBidi = 'plaintext';\n }\n this.textarea.style.caretColor = 'auto';\n\n // Polotno-like base\n this.textarea.style.border = 'none';\n this.textarea.style.padding = '0';\n this.textarea.style.background = 'transparent'; // Transparent so Fabric text shows through\n this.textarea.style.outline = 'none';\n this.textarea.style.overflow = 'hidden'; // Prevent scrollbars\n this.textarea.style.whiteSpace = 'pre-wrap';\n this.textarea.style.wordBreak = 'normal';\n this.textarea.style.overflowWrap = 'break-word';\n this.textarea.style.userSelect = 'text';\n this.textarea.style.textTransform = 'none';\n\n // Start visible - we'll handle transitions differently\n this.textarea.style.opacity = '1';\n\n // Set initial text\n this.textarea.value = this.target.text \|\| '';\n\n this.hostDiv.appendChild(this.textarea);\n document.body.appendChild(this.hostDiv);\n }\n\n /\n Attach all event listeners\n /\n private attachEventListeners(): void {\n // Textarea events\n this.textarea.addEventListener('input', this.boundHandlers.onInput);\n this.textarea.addEventListener('keydown', this.boundHandlers.onKeyDown);\n this.textarea.addEventListener('blur', this.boundHandlers.onBlur);\n this.textarea.addEventListener(\n 'compositionstart',\n this.boundHandlers.onCompositionStart,\n );\n this.textarea.addEventListener(\n 'compositionend',\n this.boundHandlers.onCompositionEnd,\n );\n this.textarea.addEventListener('focus', this.boundHandlers.onFocus);\n\n // Canvas events for synchronization\n this.canvas.on('after:render', this.boundHandlers.onAfterRender);\n this.canvas.on('mouse:wheel', this.boundHandlers.onMouseWheel);\n this.canvas.on('mouse:down', this.boundHandlers.onMouseDown);\n\n // Store original methods to detect viewport changes\n this.setupViewportChangeDetection();\n }\n\n /\n Remove all event listeners\n /\n private removeEventListeners(): void {\n this.textarea.removeEventListener('input', this.boundHandlers.onInput);\n this.textarea.removeEventListener('keydown', this.boundHandlers.onKeyDown);\n this.textarea.removeEventListener('blur', this.boundHandlers.onBlur);\n this.textarea.removeEventListener(\n 'compositionstart',\n this.boundHandlers.onCompositionStart,\n );\n this.textarea.removeEventListener(\n 'compositionend',\n this.boundHandlers.onCompositionEnd,\n );\n this.textarea.removeEventListener('focus', this.boundHandlers.onFocus);\n\n this.canvas.off('after:render', this.boundHandlers.onAfterRender);\n this.canvas.off('mouse:wheel', this.boundHandlers.onMouseWheel);\n this.canvas.off('mouse:down', this.boundHandlers.onMouseDown);\n\n // Restore original methods\n this.restoreViewportChangeDetection();\n }\n\n /\n Simple method to refresh positioning when canvas changes\n /\n private updatePosition(): void {\n this.applyOverlayStyle();\n }\n\n /\n Update the Fabric object bounds to match current textarea size\n * This ensures Fabric.js selection controls follow the growing textbox\n /\n private updateObjectBounds(): void {\n if (this.isDestroyed) return;\n\n const target = this.target;\n const zoom = this.canvas.getZoom();\n\n // Get current textbox dimensions from the host div (in canvas coordinates)\n const currentWidth = parseFloat(this.hostDiv.style.width) / zoom;\n const currentHeight = parseFloat(this.hostDiv.style.height) / zoom;\n\n // Always update height for responsive controls (especially important for line deletion)\n const heightDiff = Math.abs(currentHeight - target.height);\n const threshold = 0.5; // Lower threshold for better responsiveness to line changes\n\n if (heightDiff > threshold) {\n const oldHeight = target.height;\n target.height = currentHeight;\n target.setCoords(); // Update control positions\n\n // Force dirty to ensure proper re-rendering\n target.dirty = true;\n this.canvas.requestRenderAll(); // Re-render to show updated selection\n\n // IMPORTANT: Reposition overlay after height change\n requestAnimationFrame(() => {\n if (!this.isDestroyed) {\n this.applyOverlayStyle();\n console.log(\n '📐 Height changed - rechecking alignment after repositioning:',\n );\n }\n });\n }\n }\n\n /\n Convert Fabric charSpacing (1/1000 em) to CSS letter-spacing (px)\n /\n private letterSpacingPx(charSpacing: number, fontSize: number): number {\n return (charSpacing / 1000) fontSize;\n }\n\n /*\n Detect text direction using first strong directional character\n /\n private firstStrongDir(text: string): 'ltr' \| 'rtl' {\n // Hebrew: \\u0590-\\u05FF, Arabic: \\u0600-\\u06FF, \\u0750-\\u077F, \\uFB50-\\uFDFF, \\uFE70-\\uFEFF\n const rtlRegex =\n /[\\u0590-\\u05FF\\u0600-\\u06FF\\u0750-\\u077F\\uFB50-\\uFDFF\\uFE70-\\uFEFF]/;\n return rtlRegex.test(text) ? 'rtl' : 'ltr';\n }\n\n private applyOverlayStyle(): void {\n const target = this.target;\n const canvas = this.canvas;\n\n // 1. Freshen object's transformations - use aCoords like rtl-test.html\n target.setCoords();\n const aCoords = target.aCoords;\n\n // 2. Get canvas position and scroll offsets (like rtl-test.html)\n const canvasEl = canvas.upperCanvasEl;\n const canvasRect = canvasEl.getBoundingClientRect();\n const scrollX = window.scrollX \|\| window.pageXOffset;\n const scrollY = window.scrollY \|\| window.pageYOffset;\n\n // 3. Position and dimensions accounting for Fabric Textbox padding and viewport transform\n const zoom = canvas.getZoom();\n const vpt = canvas.viewportTransform;\n const padding = (target as any).padding \|\| 0;\n const paddingX = padding (target.scaleX \|\| 1) * zoom;\n const paddingY = padding * (target.scaleY \|\| 1) * zoom;\n\n // Transform object's top-left corner coordinates to screen coordinates using viewport transform\n // aCoords.tl already accounts for object positioning and scaling, just need viewport transform\n const screenPoint = transformPoint(\n { x: aCoords.tl.x, y: aCoords.tl.y },\n vpt,\n );\n\n const left = canvasRect.left + scrollX + screenPoint.x;\n const top = canvasRect.top + scrollY + screenPoint.y;\n\n // 4. Calculate the precise width and height for the container\n // THE FIX: Use getBoundingRect() for BOTH width and height.\n // This is the most reliable measure of the object's final rendered dimensions.\n const objectBounds = target.getBoundingRect();\n const width = Math.round(objectBounds.width * zoom);\n const height = Math.round(objectBounds.height * zoom);\n\n // 5. Apply styles to host DIV - absolute positioning like rtl-test.html\n this.hostDiv.style.position = 'absolute';\n this.hostDiv.style.left = `${left}px`;\n this.hostDiv.style.top = `${top}px`;\n this.hostDiv.style.width = `${width}px`;\n this.hostDiv.style.height = `${height}px`;\n this.hostDiv.style.overflow = 'hidden'; // Prevent scrollbars in host div\n // Apply rotation matching Fabric.js object transformation\n if (target.angle) {\n this.hostDiv.style.transform = `rotate(${target.angle}deg)`;\n this.hostDiv.style.transformOrigin = 'top left'; // Match Fabric Textbox behavior\n } else {\n this.hostDiv.style.transform = '';\n this.hostDiv.style.transformOrigin = '';\n }\n\n // 6. Style the textarea - match Fabric's exact rendering with padding\n const baseFontSize = target.fontSize ?? 16;\n // Use scaleX for font scaling to match Fabric text scaling exactly\n const scaleX = target.scaleX \|\| 1;\n const finalFontSize = baseFontSize * scaleX * zoom;\n const fabricLineHeight = target.lineHeight \|\| 1.16;\n // THE FIX: Use 'border-box' so the width property includes padding.\n // This makes alignment much easier and more reliable.\n this.textarea.style.boxSizing = 'border-box';\n\n // THE FIX: Set the textarea width to be IDENTICAL to the host div's width.\n // The padding will now be correctly contained inside this width.\n this.textarea.style.width = `${width}px`;\n this.textarea.style.height = '100%'; // Let hostDiv control height\n this.textarea.style.padding = `${paddingY}px ${paddingX}px`;\n\n // Apply all other font and text styles to match Fabric\n const letterSpacingPx = ((target.charSpacing \|\| 0) / 1000) * finalFontSize;\n \n // Special handling for text objects loaded from JSON - ensure they're properly initialized\n if (target.dirty !== false && target.initDimensions) {\n console.log('🔧 Ensuring text object is properly initialized before overlay editing');\n // Force re-initialization if the text object seems to be in a dirty state\n target.initDimensions();\n }\n\n this.textarea.style.fontSize = `${finalFontSize}px`;\n this.textarea.style.lineHeight = String(fabricLineHeight);\n this.textarea.style.fontFamily = target.fontFamily \|\| 'Arial';\n this.textarea.style.fontWeight = String(target.fontWeight \|\| 'normal');\n this.textarea.style.fontStyle = target.fontStyle \|\| 'normal';\n // Handle text alignment and justification\n const textAlign = (target as any).textAlign \|\| 'left';\n let cssTextAlign = textAlign;\n \n // Detect text direction from content for proper justify handling\n const autoDetectedDirection = this.firstStrongDir(this.textarea.value \|\| '');\n \n // DEBUG: Log alignment details\n console.log('🔍 ALIGNMENT DEBUG:');\n console.log(' Fabric textAlign:', textAlign);\n console.log(' Fabric direction:', (target as any).direction);\n console.log(' Text content:', JSON.stringify(target.text));\n console.log(' Detected direction:', autoDetectedDirection);\n \n // Map fabric.js justify to CSS\n if (textAlign.includes('justify')) {\n // Try to match fabric.js justify behavior more precisely\n try {\n // For justify, we need to replicate fabric.js space expansion\n // Use CSS justify but with specific settings to match fabric.js better\n cssTextAlign = 'justify';\n \n // Set text-align-last based on justify type and detected direction\n // Smart justify: respect detected direction even when fabric alignment doesn't match\n if (textAlign === 'justify') {\n this.textarea.style.textAlignLast = autoDetectedDirection === 'rtl' ? 'right' : 'left';\n } else if (textAlign === 'justify-left') {\n // If text is RTL but fabric says justify-left, override to justify-right for better UX\n if (autoDetectedDirection === 'rtl') {\n this.textarea.style.textAlignLast = 'right';\n console.log(' → Overrode justify-left to justify-right for RTL text');\n } else {\n this.textarea.style.textAlignLast = 'left';\n }\n } else if (textAlign === 'justify-right') {\n // If text is LTR but fabric says justify-right, override to justify-left for better UX \n if (autoDetectedDirection === 'ltr') {\n this.textarea.style.textAlignLast = 'left';\n console.log(' → Overrode justify-right to justify-left for LTR text');\n } else {\n this.textarea.style.textAlignLast = 'right';\n }\n } else if (textAlign === 'justify-center') {\n this.textarea.style.textAlignLast = 'center';\n }\n \n // Enhanced justify settings for better fabric.js matching\n (this.textarea.style as any).textJustify = 'inter-word';\n (this.textarea.style as any).wordSpacing = 'normal';\n \n // Additional CSS properties for better justify matching\n this.textarea.style.textAlign = 'justify';\n this.textarea.style.textAlignLast = this.textarea.style.textAlignLast;\n \n // Try to force better justify behavior\n (this.textarea.style as any).textJustifyTrim = 'none';\n (this.textarea.style as any).textAutospace = 'none';\n \n console.log(' → Applied justify alignment:', textAlign, 'with last-line:', this.textarea.style.textAlignLast);\n } catch (error) {\n console.warn(' → Justify setup failed, falling back to standard alignment:', error);\n cssTextAlign = textAlign.replace('justify-', '').replace('justify', 'left');\n }\n } else {\n this.textarea.style.textAlignLast = 'auto';\n (this.textarea.style as any).textJustify = 'auto';\n (this.textarea.style as any).wordSpacing = 'normal';\n console.log(' → Applied standard alignment:', cssTextAlign);\n }\n \n this.textarea.style.textAlign = cssTextAlign;\n this.textarea.style.color = target.fill?.toString() \|\| '#000';\n this.textarea.style.letterSpacing = `${letterSpacingPx}px`;\n \n // Use the already detected direction from above\n const fabricDirection = (target as any).direction;\n \n // Use auto-detected direction for better BiDi support, but respect fabric direction if it makes sense\n this.textarea.style.direction = autoDetectedDirection \|\| fabricDirection \|\| 'ltr';\n this.textarea.style.fontVariant = 'normal';\n this.textarea.style.fontStretch = 'normal';\n this.textarea.style.textRendering = 'auto'; // Changed from 'optimizeLegibility' to match canvas\n this.textarea.style.fontKerning = 'normal';\n this.textarea.style.fontFeatureSettings = 'normal';\n this.textarea.style.fontVariationSettings = 'normal';\n this.textarea.style.margin = '0';\n this.textarea.style.border = 'none';\n this.textarea.style.outline = 'none';\n this.textarea.style.background = 'transparent';\n this.textarea.style.overflowWrap = 'break-word';\n this.textarea.style.whiteSpace = 'pre-wrap';\n this.textarea.style.hyphens = 'none';\n \n // DEBUG: Log final CSS properties\n console.log('🎨 FINAL TEXTAREA CSS:');\n console.log(' textAlign:', this.textarea.style.textAlign);\n console.log(' textAlignLast:', this.textarea.style.textAlignLast);\n console.log(' direction:', this.textarea.style.direction);\n console.log(' unicodeBidi:', this.textarea.style.unicodeBidi);\n console.log(' width:', this.textarea.style.width);\n console.log(' textJustify:', (this.textarea.style as any).textJustify);\n console.log(' wordSpacing:', (this.textarea.style as any).wordSpacing);\n console.log(' whiteSpace:', this.textarea.style.whiteSpace);\n \n // If justify, log Fabric object dimensions for comparison\n if (textAlign.includes('justify')) {\n console.log('🔧 FABRIC OBJECT JUSTIFY INFO:');\n console.log(' Fabric width:', (target as any).width);\n console.log(' Fabric calcTextWidth:', (target as any).calcTextWidth?.());\n console.log(' Fabric textAlign:', (target as any).textAlign);\n console.log(' Text lines:', (target as any).textLines);\n }\n \n // Debug font properties matching\n console.log('🔤 FONT PROPERTIES COMPARISON:');\n console.log(' Fabric fontFamily:', target.fontFamily);\n console.log(' Fabric fontWeight:', target.fontWeight);\n console.log(' Fabric fontStyle:', target.fontStyle);\n console.log(' Fabric fontSize:', target.fontSize);\n console.log(' → Textarea fontFamily:', this.textarea.style.fontFamily);\n console.log(' → Textarea fontWeight:', this.textarea.style.fontWeight);\n console.log(' → Textarea fontStyle:', this.textarea.style.fontStyle);\n console.log(' → Textarea fontSize:', this.textarea.style.fontSize);\n \n console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n \n // Enhanced font rendering to better match fabric.js canvas rendering\n // Default to auto for more natural rendering\n (this.textarea.style as any).webkitFontSmoothing = 'auto';\n (this.textarea.style as any).mozOsxFontSmoothing = 'auto';\n (this.textarea.style as any).fontSmooth = 'auto';\n (this.textarea.style as any).textSizeAdjust = 'none';\n \n // For bold fonts, use subpixel rendering to match canvas thickness better\n const fontWeight = String(target.fontWeight \|\| 'normal');\n const isBold = fontWeight === 'bold' \|\| fontWeight === '700' \|\| \n (parseInt(fontWeight) >= 600);\n \n if (isBold) {\n (this.textarea.style as any).webkitFontSmoothing = 'subpixel-antialiased';\n (this.textarea.style as any).mozOsxFontSmoothing = 'unset';\n console.log('🔤 Applied enhanced bold rendering for better thickness matching');\n }\n \n console.log('🎨 FONT SMOOTHING APPLIED:');\n console.log(' webkitFontSmoothing:', (this.textarea.style as any).webkitFontSmoothing);\n console.log(' mozOsxFontSmoothing:', (this.textarea.style as any).mozOsxFontSmoothing);\n\n\n // Initial bounds are set correctly by Fabric.js - don't force update here\n }\n\n /*\n Debug method to compare textarea and canvas object bounding boxes\n /\n private debugBoundingBoxComparison(): void {\n const target = this.target;\n const canvas = this.canvas;\n const zoom = canvas.getZoom();\n\n // Get textarea bounding box (in screen coordinates)\n const textareaRect = this.textarea.getBoundingClientRect();\n const hostRect = this.hostDiv.getBoundingClientRect();\n\n // Get canvas object bounding box (in screen coordinates)\n const canvasBounds = target.getBoundingRect();\n const canvasRect = canvas.upperCanvasEl.getBoundingClientRect();\n\n // Convert canvas object bounds to screen coordinates\n const vpt = canvas.viewportTransform;\n const screenObjectBounds = {\n left: canvasRect.left + canvasBounds.left zoom + vpt[4],\n top: canvasRect.top + canvasBounds.top * zoom + vpt[5],\n width: canvasBounds.width * zoom,\n height: canvasBounds.height * zoom,\n };\n\n console.log('🔍 BOUNDING BOX COMPARISON:');\n console.log('📦 Textarea Rect:', {\n left: Math.round(textareaRect.left * 100) / 100,\n top: Math.round(textareaRect.top * 100) / 100,\n width: Math.round(textareaRect.width * 100) / 100,\n height: Math.round(textareaRect.height * 100) / 100,\n });\n console.log('📦 Host Div Rect:', {\n left: Math.round(hostRect.left * 100) / 100,\n top: Math.round(hostRect.top * 100) / 100,\n width: Math.round(hostRect.width * 100) / 100,\n height: Math.round(hostRect.height * 100) / 100,\n });\n console.log('📦 Canvas Object Bounds (screen):', {\n left: Math.round(screenObjectBounds.left * 100) / 100,\n top: Math.round(screenObjectBounds.top * 100) / 100,\n width: Math.round(screenObjectBounds.width * 100) / 100,\n height: Math.round(screenObjectBounds.height * 100) / 100,\n });\n console.log('📦 Canvas Object Bounds (canvas):', canvasBounds);\n\n // Calculate differences\n const hostVsObject = {\n leftDiff:\n Math.round((hostRect.left - screenObjectBounds.left) * 100) / 100,\n topDiff: Math.round((hostRect.top - screenObjectBounds.top) * 100) / 100,\n widthDiff:\n Math.round((hostRect.width - screenObjectBounds.width) * 100) / 100,\n heightDiff:\n Math.round((hostRect.height - screenObjectBounds.height) * 100) / 100,\n };\n\n const textareaVsObject = {\n leftDiff:\n Math.round((textareaRect.left - screenObjectBounds.left) * 100) / 100,\n topDiff:\n Math.round((textareaRect.top - screenObjectBounds.top) * 100) / 100,\n widthDiff:\n Math.round((textareaRect.width - screenObjectBounds.width) * 100) / 100,\n heightDiff:\n Math.round((textareaRect.height - screenObjectBounds.height) * 100) /\n 100,\n };\n\n console.log('📏 Host Div vs Canvas Object Diff:', hostVsObject);\n console.log('📏 Textarea vs Canvas Object Diff:', textareaVsObject);\n\n // Check if they're aligned (within 2px tolerance)\n const tolerance = 2;\n const hostAligned =\n Math.abs(hostVsObject.leftDiff) < tolerance &&\n Math.abs(hostVsObject.topDiff) < tolerance &&\n Math.abs(hostVsObject.widthDiff) < tolerance &&\n Math.abs(hostVsObject.heightDiff) < tolerance;\n\n const textareaAligned =\n Math.abs(textareaVsObject.leftDiff) < tolerance &&\n Math.abs(textareaVsObject.topDiff) < tolerance &&\n Math.abs(textareaVsObject.widthDiff) < tolerance &&\n Math.abs(textareaVsObject.heightDiff) < tolerance;\n\n console.log(\n hostAligned\n ? '✅ Host Div ALIGNED with canvas object'\n : '❌ Host Div MISALIGNED with canvas object',\n );\n console.log(\n textareaAligned\n ? '✅ Textarea ALIGNED with canvas object'\n : '❌ Textarea MISALIGNED with canvas object',\n );\n console.log('🔍 Zoom:', zoom, 'Viewport Transform:', vpt);\n console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n }\n\n /*\n Debug method to compare text wrapping between textarea and Fabric text object\n /\n private debugTextWrapping(): void {\n const target = this.target;\n const text = this.textarea.value;\n\n console.log('📝 TEXT WRAPPING COMPARISON:');\n console.log('📄 Text Content:', `\"${text}\"`);\n console.log('📄 Text Length:', text.length);\n\n // Analyze line breaks\n const explicitLines = text.split('\\n');\n console.log('📄 Explicit Lines (\\\\n):', explicitLines.length);\n explicitLines.forEach((line, i) => {\n console.log(` Line ${i + 1}: \"${line}\" (${line.length} chars)`);\n });\n\n // Get textarea computed styles for wrapping analysis\n const textareaStyles = window.getComputedStyle(this.textarea);\n console.log('📐 Textarea Wrapping Styles:');\n console.log(' width:', textareaStyles.width);\n console.log(' fontSize:', textareaStyles.fontSize);\n console.log(' fontFamily:', textareaStyles.fontFamily);\n console.log(' fontWeight:', textareaStyles.fontWeight);\n console.log(' letterSpacing:', textareaStyles.letterSpacing);\n console.log(' lineHeight:', textareaStyles.lineHeight);\n console.log(' whiteSpace:', textareaStyles.whiteSpace);\n console.log(' wordWrap:', textareaStyles.wordWrap);\n console.log(' overflowWrap:', textareaStyles.overflowWrap);\n console.log(' direction:', textareaStyles.direction);\n console.log(' textAlign:', textareaStyles.textAlign);\n\n // Get Fabric text object properties for comparison\n console.log('📐 Fabric Text Object Properties:');\n console.log(' width:', (target as any).width);\n console.log(' fontSize:', target.fontSize);\n console.log(' fontFamily:', target.fontFamily);\n console.log(' fontWeight:', target.fontWeight);\n console.log(' charSpacing:', target.charSpacing);\n console.log(' lineHeight:', target.lineHeight);\n console.log(' direction:', (target as any).direction);\n console.log(' textAlign:', (target as any).textAlign);\n console.log(' scaleX:', target.scaleX);\n console.log(' scaleY:', target.scaleY);\n\n // Calculate effective dimensions for comparison - use actual rendered width\n // THE FIX:* Use getBoundingRect to get the actual rendered width of the Fabric object.\n const fabricEffectiveWidth = this.target.getBoundingRect().width;\n // Use the exact width set on textarea for comparison\n const textareaComputedWidth = parseFloat(\n window.getComputedStyle(this.textarea).width,\n );\n const textareaEffectiveWidth =\n textareaComputedWidth / this.canvas.getZoom();\n const widthDiff = Math.abs(textareaEffectiveWidth - fabricEffectiveWidth);\n\n console.log('📏 Effective Width Comparison:');\n console.log(' Textarea Effective Width:', textareaEffectiveWidth);\n console.log(' Fabric Effective Width:', fabricEffectiveWidth);\n console.log(' Width Difference:', widthDiff.toFixed(2) + 'px');\n console.log(\n widthDiff < 1\n ? '✅ Widths MATCH for wrapping'\n : '❌ Width MISMATCH may cause different wrapping',\n );\n\n // Check text direction and bidi handling\n const hasRTLText =\n /[\\u0590-\\u05FF\\u0600-\\u06FF\\u0750-\\u077F\\uFB50-\\uFDFF\\uFE70-\\uFEFF]/.test(\n text,\n );\n const hasBidiText = /[\\u0590-\\u06FF]/.test(text) && /[a-zA-Z]/.test(text);\n\n console.log('🌍 Text Direction Analysis:');\n console.log(' Has RTL characters:', hasRTLText);\n console.log(' Has mixed Bidi text:', hasBidiText);\n console.log(' Textarea direction:', textareaStyles.direction);\n console.log(' Fabric direction:', (target as any).direction \|\| 'auto');\n console.log(' Textarea unicodeBidi:', textareaStyles.unicodeBidi);\n\n // Measure actual rendered line count\n const textareaScrollHeight = this.textarea.scrollHeight;\n const textareaLineHeight =\n parseFloat(textareaStyles.lineHeight) \|\|\n parseFloat(textareaStyles.fontSize) * 1.2;\n const estimatedTextareaLines = Math.round(\n textareaScrollHeight / textareaLineHeight,\n );\n\n console.log('📊 Line Count Analysis:');\n console.log(' Textarea scrollHeight:', textareaScrollHeight);\n console.log(' Textarea lineHeight:', textareaLineHeight);\n console.log(' Estimated rendered lines:', estimatedTextareaLines);\n console.log(' Explicit line breaks:', explicitLines.length);\n\n if (estimatedTextareaLines > explicitLines.length) {\n console.log('🔄 Text wrapping detected in textarea');\n console.log(\n ' Wrapped lines:',\n estimatedTextareaLines - explicitLines.length,\n );\n } else {\n console.log('📏 No text wrapping in textarea');\n }\n\n console.log('━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━');\n }\n\n\n /*\n Focus the textarea and position cursor at end\n /\n private focusTextarea(): void {\n // For overlay editing, we want to keep the object in \"selection mode\" not \"editing mode\"\n // This means keeping selected=true and isEditing=false to show boundaries\n\n // Hide the text content only (not the entire object)\n this.target.opacity = 0.01; // Nearly transparent but not fully hidden\n\n // Ensure object stays selected to show boundaries\n (this.target as any).selected = true;\n (this.target as any).isEditing = false; // Override any editing state\n\n // Make sure controls are enabled and movement is allowed during overlay editing\n this.target.set({\n hasControls: true,\n hasBorders: true,\n selectable: true,\n lockMovementX: false,\n lockMovementY: false,\n });\n\n // Keep as active object\n this.canvas.setActiveObject(this.target);\n\n this.canvas.requestRenderAll();\n this.target.setCoords();\n this.applyOverlayStyle();\n\n // Fix character mapping issues after JSON loading for browser-wrapped fonts\n if ((this.target as any)._fixCharacterMappingAfterJsonLoad) {\n (this.target as any)._fixCharacterMappingAfterJsonLoad();\n }\n\n this.textarea.focus();\n\n this.textarea.setSelectionRange(\n this.textarea.value.length,\n this.textarea.value.length,\n );\n\n // Ensure the object stays selected even after textarea focus\n this.canvas.setActiveObject(this.target);\n this.canvas.requestRenderAll();\n }\n\n /\n Refresh overlay positioning and styling\n /\n public refresh(): void {\n if (this.isDestroyed) return;\n this.updatePosition();\n // Don't update object bounds on every refresh - only when textarea actually resizes\n }\n\n /\n Destroy the overlay editor\n /\n public destroy(commit: boolean = true): void {\n if (this.isDestroyed) return;\n this.isDestroyed = true;\n\n this.removeEventListeners();\n\n // Restore target visibility before handling commit/cancel\n if ((this.target as any).__overlayEditor === this) {\n (this.target as any).__overlayEditor = undefined;\n\n // Restore original opacity\n if ((this.target as any).__overlayOriginalOpacity !== undefined) {\n this.target.opacity = (this.target as any).__overlayOriginalOpacity;\n delete (this.target as any).__overlayOriginalOpacity;\n }\n }\n\n // Remove DOM first\n if (this.hostDiv.parentNode) {\n this.hostDiv.parentNode.removeChild(this.hostDiv);\n }\n\n // Handle commit/cancel after restoring visibility\n if (commit && !this.isComposing) {\n const finalText = this.textarea.value;\n \n // Auto-detect text direction and update fabric object if needed\n const detectedDirection = this.firstStrongDir(finalText);\n const currentDirection = (this.target as any).direction \|\| 'ltr';\n \n if (detectedDirection && detectedDirection !== currentDirection) {\n console.log(`🔄 Overlay Exit: Auto-detected direction change from \"${currentDirection}\" to \"${detectedDirection}\"`);\n console.log(` Text content: \"${finalText.substring(0, 50)}...\"`);\n \n // Update the fabric object's direction\n (this.target as any).set('direction', detectedDirection);\n \n // Force a re-render to apply the direction change\n this.canvas.requestRenderAll();\n \n console.log(`✅ Fabric object direction updated to: ${detectedDirection}`);\n } else {\n console.log(`📝 Overlay Exit: Direction unchanged (${currentDirection}), text: \"${finalText.substring(0, 30)}...\"`);\n }\n \n if (this.onCommit) {\n this.onCommit(finalText);\n }\n } else if (!commit && this.onCancel) {\n this.onCancel();\n }\n\n // Note: Don't restore object cursors since IText manages all cursors in _restoreEditingProps\n // Let the IText editing system handle proper restoration of all cursor properties\n\n // Note: Canvas cursors are restored by IText's _restoreEditingProps method\n // Force a cursor refresh by triggering _setCursorFromEvent\n setTimeout(() => {\n this.canvas.upperCanvasEl.style.cursor = '';\n // Trigger cursor refresh on next mouse move\n this.canvas.setCursor(this.canvas.defaultCursor);\n }, 0);\n\n // Request canvas re-render\n this.canvas.requestRenderAll();\n }\n\n // Event handlers\n private handleInput(): void {\n if (!this.isComposing && this.target.text !== this.textarea.value) {\n // Live update target text\n this.target.text = this.textarea.value;\n\n\n // Auto-resize textarea to match new content\n this.autoResizeTextarea();\n\n // Ensure object stays in selection mode (not editing mode) to show controls\n (this.target as any).selected = true;\n (this.target as any).isEditing = false;\n this.canvas.setActiveObject(this.target);\n this.canvas.requestRenderAll();\n }\n }\n\n private autoResizeTextarea(): void {\n // Store the scroll position and the container's old height for comparison.\n const scrollTop = this.textarea.scrollTop;\n const oldHeight = parseFloat(this.hostDiv.style.height \|\| '0');\n\n // 1. Force a reliable reflow.\n // First, reset the textarea's height to a minimal value. This is the crucial step\n // that forces the browser to recalculate the content's height from scratch,\n // ignoring the hostDiv's larger, stale height.\n this.textarea.style.height = '1px';\n\n // 2. Read the now-accurate scrollHeight. This value reflects the minimum\n // height required for the content, whether it's single or multi-line.\n const scrollHeight = this.textarea.scrollHeight;\n\n // A small buffer for rendering consistency across browsers.\n const buffer = 2;\n const newHeight = scrollHeight + buffer;\n\n // Check if the height has changed significantly.\n const heightChanged = Math.abs(newHeight - oldHeight) > 1;\n\n // 4. Only update heights and object bounds if there was a change.\n if (heightChanged) {\n this.textarea.style.height = `${newHeight}px`;\n this.hostDiv.style.height = `${newHeight}px`;\n this.updateObjectBounds();\n } else {\n // If no significant change, ensure the textarea's height matches the container\n // to prevent any minor visual misalignment.\n this.textarea.style.height = this.hostDiv.style.height;\n }\n\n // 5. Restore the original scroll position.\n this.textarea.scrollTop = scrollTop;\n }\n\n private handleKeyDown(e: KeyboardEvent): void {\n if (e.key === 'Escape') {\n e.preventDefault();\n this.destroy(false); // Cancel\n } else if ((e.ctrlKey \|\| e.metaKey) && e.key === 'Enter') {\n e.preventDefault();\n this.destroy(true); // Commit\n } else if (\n e.key === 'Enter' \|\|\n e.key === 'Backspace' \|\|\n e.key === 'Delete'\n ) {\n // For keys that might change the height, schedule a resize check\n // Use both immediate and delayed checks to catch all scenarios\n requestAnimationFrame(() => {\n if (!this.isDestroyed) {\n this.autoResizeTextarea();\n }\n });\n setTimeout(() => {\n if (!this.isDestroyed) {\n this.autoResizeTextarea();\n }\n }, 10); // Small delay to ensure DOM is updated\n }\n }\n\n private handleFocus(): void {\n // Focus handler - could be used for future enhancements\n }\n\n private handleBlur(): void {\n // Commit on blur unless we're in composition mode\n if (!this.isComposing) {\n this.destroy(true);\n }\n }\n\n private handleCompositionStart(): void {\n this.isComposing = true;\n }\n\n private handleCompositionEnd(): void {\n this.isComposing = false;\n this.handleInput(); // Update text after composition\n }\n\n private handleAfterRender(): void {\n this.refresh();\n }\n\n private handleMouseWheel(): void {\n this.refresh();\n }\n\n private handleMouseDown(e: TPointerEventInfo): void {\n if (e.target !== this.target) {\n this.destroy(true);\n }\n }\n\n /\n Setup detection for viewport changes (zoom/pan)\n /\n private setupViewportChangeDetection(): void {\n // Store original methods\n (this.canvas as any).__originalSetZoom = this.canvas.setZoom;\n (this.canvas as any).__originalSetViewportTransform =\n this.canvas.setViewportTransform;\n (this.canvas as any).__overlayEditor = this;\n\n // Override setZoom to detect zoom changes\n const originalSetZoom = this.canvas.setZoom.bind(this.canvas);\n this.canvas.setZoom = (value: number) => {\n const result = originalSetZoom(value);\n if ((this.canvas as any).__overlayEditor && !this.isDestroyed) {\n this.refresh();\n }\n return result;\n };\n\n // Override setViewportTransform to detect pan changes\n const originalSetViewportTransform = this.canvas.setViewportTransform.bind(\n this.canvas,\n );\n this.canvas.setViewportTransform = (vpt: TMat2D) => {\n const result = originalSetViewportTransform(vpt);\n if ((this.canvas as any).__overlayEditor && !this.isDestroyed) {\n this.refresh();\n }\n return result;\n };\n }\n\n /\n Restore original viewport methods\n /\n private restoreViewportChangeDetection(): void {\n if ((this.canvas as any).__originalSetZoom) {\n this.canvas.setZoom = (this.canvas as any).__originalSetZoom;\n delete (this.canvas as any).__originalSetZoom;\n }\n if ((this.canvas as any).__originalSetViewportTransform) {\n this.canvas.setViewportTransform = (\n this.canvas as any\n ).__originalSetViewportTransform;\n delete (this.canvas as any).__originalSetViewportTransform;\n }\n delete (this.canvas as any).__overlayEditor;\n }\n}\n\n/\n Enter overlay text editing mode for a text object\n /\nexport function enterTextOverlayEdit(\n canvas: Canvas,\n target: FabricText \| IText \| Textbox,\n options?: {\n onCommit?: (text: string) => void;\n onCancel?: () => void;\n },\n): OverlayEditor {\n // If already in overlay editing, destroy existing editor first\n if ((target as any).__overlayEditor) {\n (target as any).__overlayEditor.destroy(false);\n }\n\n // Store original opacity so we can restore it later\n (target as any).__overlayOriginalOpacity = target.opacity;\n\n const editor = new OverlayEditor({\n canvas,\n target,\n onCommit: options?.onCommit,\n onCancel: options?.onCancel,\n });\n\n // We no longer change fill, so no need to store it\n\n // Store reference on target for cleanup\n (target as any).__overlayEditor = editor;\n\n return editor;\n}\n\n/\n Check if a text object is currently being edited with overlay editor\n */\nexport function isInOverlayEdit(target: FabricText \| IText \| Textbox): boolean {\n return !!(target as any).__overlayEditor?.isActive;\n}\n"],"names":["OverlayEditor","constructor","options","_defineProperty","this","onInput","handleInput","bind","onKeyDown","handleKeyDown","onBlur","handleBlur","onCompositionStart","handleCompositionStart","onCompositionEnd","handleCompositionEnd","onAfterRender","handleAfterRender","onMouseWheel","handleMouseWheel","onFocus","handleFocus","onMouseDown","handleMouseDown","canvas","target","onCommit","onCancel","lastText","text","container","getCanvasContainer","createOverlayDOM","attachEventListeners","refresh","focusTextarea","upperCanvasEl","parentElement","Error","style","position","hostDiv","document","createElement","pointerEvents","zIndex","transformOrigin","textarea","left","top","margin","resize","hasArabicText","test","hasLatinText","isLTRDirection","direction","unicodeBidi","caretColor","border","padding","background","outline","overflow","whiteSpace","wordBreak","overflowWrap","userSelect","textTransform","opacity","value","appendChild","body","addEventListener","boundHandlers","on","setupViewportChangeDetection","removeEventListeners","removeEventListener","off","restoreViewportChangeDetection","updatePosition","applyOverlayStyle","updateObjectBounds","isDestroyed","zoom","getZoom","parseFloat","width","currentHeight","height","Math","abs","setCoords","dirty","requestRenderAll","requestAnimationFrame","console","log","letterSpacingPx","charSpacing","fontSize","firstStrongDir","_target$fontSize","_target$fill","aCoords","canvasRect","getBoundingClientRect","scrollX","window","pageXOffset","scrollY","pageYOffset","vpt","viewportTransform","paddingX","scaleX","paddingY","scaleY","screenPoint","transformPoint","x","tl","y","objectBounds","getBoundingRect","round","angle","transform","finalFontSize","fabricLineHeight","lineHeight","boxSizing","initDimensions","String","fontFamily","fontWeight","fontStyle","textAlign","cssTextAlign","autoDetectedDirection","JSON","stringify","includes","textAlignLast","textJustify","wordSpacing","textJustifyTrim","textAutospace","error","warn","replace","color","fill","toString","letterSpacing","fabricDirection","_calcTextWidth","_ref","fontVariant","fontStretch","textRendering","fontKerning","fontFeatureSettings","fontVariationSettings","hyphens","calcTextWidth","call","textLines","webkitFontSmoothing","mozOsxFontSmoothing","fontSmooth","textSizeAdjust","parseInt","debugBoundingBoxComparison","textareaRect","hostRect","canvasBounds","screenObjectBounds","hostVsObject","leftDiff","topDiff","widthDiff","heightDiff","textareaVsObject","hostAligned","textareaAligned","debugTextWrapping","length","explicitLines","split","forEach","line","i","textareaStyles","getComputedStyle","wordWrap","fabricEffectiveWidth","textareaEffectiveWidth","toFixed","hasRTLText","hasBidiText","textareaScrollHeight","scrollHeight","textareaLineHeight","estimatedTextareaLines","selected","isEditing","set","hasControls","hasBorders","selectable","lockMovementX","lockMovementY","setActiveObject","_fixCharacterMappingAfterJsonLoad","focus","setSelectionRange","destroy","commit","arguments","undefined","__overlayEditor","__overlayOriginalOpacity","parentNode","removeChild","isComposing","finalText","detectedDirection","currentDirection","substring","setTimeout","cursor","setCursor","defaultCursor","autoResizeTextarea","scrollTop","oldHeight","newHeight","e","key","preventDefault","ctrlKey","metaKey","__originalSetZoom","setZoom","__originalSetViewportTransform","setViewportTransform","originalSetZoom","result","originalSetViewportTransform","enterTextOverlayEdit","editor"],"mappings":"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"}