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

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

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 (2509) hide show

package/dist/src/shapes/Text/TextSVGExportMixin.min.mjs.map CHANGED Viewed

File without changes

package/dist/src/shapes/Text/TextSVGExportMixin.mjs CHANGED Viewed

File without changes

package/dist/src/shapes/Text/TextSVGExportMixin.mjs.map CHANGED Viewed

File without changes

package/dist/src/shapes/Text/constants.d.ts CHANGED Viewed

File without changes

package/dist/src/shapes/Text/constants.d.ts.map CHANGED Viewed

File without changes

package/dist/src/shapes/Text/constants.min.mjs CHANGED Viewed

File without changes

package/dist/src/shapes/Text/constants.min.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.min.mjs","sources":["../../../../src/shapes/Text/constants.ts"],"sourcesContent":["import { FILL, LEFT, STROKE, reNewline } from '../../constants';\r\nimport type { TClassProperties } from '../../typedefs';\r\nimport type { FabricText } from './Text';\r\n\r\nexport const TEXT_DECORATION_THICKNESS = 'textDecorationThickness';\r\n\r\nconst fontProperties = [\r\n 'fontSize',\r\n 'fontWeight',\r\n 'fontFamily',\r\n 'fontStyle',\r\n] as const;\r\n\r\nexport const textDecorationProperties = [\r\n 'underline',\r\n 'overline',\r\n 'linethrough',\r\n] as const;\r\n\r\nexport const textLayoutProperties: string[] = [\r\n ...fontProperties,\r\n 'lineHeight',\r\n 'text',\r\n 'charSpacing',\r\n 'textAlign',\r\n 'styles',\r\n 'path',\r\n 'pathStartOffset',\r\n 'pathSide',\r\n 'pathAlign',\r\n 'wrap',\r\n 'ellipsis', \r\n 'letterSpacing',\r\n 'enableAdvancedLayout',\r\n 'verticalAlign',\r\n];\r\n\r\nexport const additionalProps = [\r\n ...textLayoutProperties,\r\n ...textDecorationProperties,\r\n 'textBackgroundColor',\r\n 'direction',\r\n TEXT_DECORATION_THICKNESS,\r\n] as const;\r\n\r\nexport type StylePropertiesType =\r\n \| 'fill'\r\n \| 'stroke'\r\n \| 'strokeWidth'\r\n \| 'fontSize'\r\n \| 'fontFamily'\r\n \| 'fontWeight'\r\n \| 'fontStyle'\r\n \| 'textBackgroundColor'\r\n \| 'deltaY'\r\n \| 'overline'\r\n \| 'underline'\r\n \| 'linethrough'\r\n \| typeof TEXT_DECORATION_THICKNESS;\r\n\r\nexport const styleProperties: Readonly<StylePropertiesType[]> = [\r\n ...fontProperties,\r\n ...textDecorationProperties,\r\n STROKE,\r\n 'strokeWidth',\r\n FILL,\r\n 'deltaY',\r\n 'textBackgroundColor',\r\n TEXT_DECORATION_THICKNESS,\r\n] as const;\r\n\r\n// @TODO: Many things here are configuration related and shouldn't be on the class nor prototype\r\n// regexes, list of properties that are not suppose to change by instances, magic consts.\r\n// this will be a separated effort\r\nexport const textDefaultValues: Partial<TClassProperties<FabricText>> = {\r\n _reNewline: reNewline,\r\n _reSpacesAndTabs: /[ \\t\\r]/g,\r\n _reSpaceAndTab: /[ \\t\\r]/,\r\n _reWords: /\\S+/g,\r\n fontSize: 40,\r\n fontWeight: 'normal',\r\n fontFamily: 'Times New Roman',\r\n underline: false,\r\n overline: false,\r\n linethrough: false,\r\n textAlign: LEFT,\r\n fontStyle: 'normal',\r\n lineHeight: 1.16,\r\n textBackgroundColor: '',\r\n stroke: null,\r\n shadow: null,\r\n path: undefined,\r\n pathStartOffset: 0,\r\n pathSide: LEFT,\r\n pathAlign: 'baseline',\r\n charSpacing: 0,\r\n deltaY: 0,\r\n direction: 'ltr',\r\n \r\n // New Konva-compatible properties\r\n wrap: 'word' as const,\r\n ellipsis: false,\r\n letterSpacing: 0,\r\n enableAdvancedLayout: false,\r\n verticalAlign: 'top' as const,\r\n \r\n // Overlay editor properties\r\n useOverlayEditing: false,\r\n \r\n CACHE_FONT_SIZE: 400,\r\n MIN_TEXT_WIDTH: 2,\r\n // Text magic numbers\r\n superscript: {\r\n size: 0.6, // fontSize factor\r\n baseline: -0.35, // baseline-shift factor (upwards)\r\n },\r\n subscript: {\r\n size: 0.6, // fontSize factor\r\n baseline: 0.11, // baseline-shift factor (downwards)\r\n },\r\n _fontSizeFraction: 0.222,\r\n offsets: {\r\n underline: 0.1,\r\n linethrough: -0.28167, // added 1/30 to original number\r\n overline: -0.81333, // added 1/15 to original number\r\n },\r\n _fontSizeMult: 1.13,\r\n [TEXT_DECORATION_THICKNESS]: 66.667, // before implementation was 1/15\r\n};\r\n\r\nexport const JUSTIFY = 'justify';\r\nexport const JUSTIFY_LEFT = 'justify-left';\r\nexport const JUSTIFY_RIGHT = 'justify-right';\r\nexport const JUSTIFY_CENTER = 'justify-center';\r\n"],"names":["TEXT_DECORATION_THICKNESS","fontProperties","textDecorationProperties","textLayoutProperties","additionalProps","styleProperties","STROKE","FILL","textDefaultValues","_reNewline","reNewline","_reSpacesAndTabs","_reSpaceAndTab","_reWords","fontSize","fontWeight","fontFamily","underline","overline","linethrough","textAlign","LEFT","fontStyle","lineHeight","textBackgroundColor","stroke","shadow","path","undefined","pathStartOffset","pathSide","pathAlign","charSpacing","deltaY","direction","wrap","ellipsis","letterSpacing","enableAdvancedLayout","verticalAlign","useOverlayEditing","CACHE_FONT_SIZE","MIN_TEXT_WIDTH","superscript","size","baseline","subscript","_fontSizeFraction","offsets","_fontSizeMult","JUSTIFY","JUSTIFY_LEFT","JUSTIFY_RIGHT","JUSTIFY_CENTER"],"mappings":"oFAIO,MAAMA,EAA4B,0BAEnCC,EAAiB,CACrB,WACA,aACA,aACA,aAGWC,EAA2B,CACtC,YACA,WACA,eAGWC,EAAiC,IACzCF,EACH,aACA,OACA,cACA,YACA,SACA,OACA,kBACA,WACA,YACA,OACA,WACA,gBACA,uBACA,iBAGWG,EAAkB,IAC1BD,KACAD,EACH,sBACA,YACAF,GAkBWK,EAAmD,IAC3DJ,KACAC,EACHI,EACA,cACAC,EACA,SACA,sBACAP,GAMWQ,EAA2D,CACtEC,WAAYC,EACZC,iBAAkB,WAClBC,eAAgB,UAChBC,SAAU,OACVC,SAAU,GACVC,WAAY,SACZC,WAAY,kBACZC,WAAW,EACXC,UAAU,EACVC,aAAa,EACbC,UAAWC,EACXC,UAAW,SACXC,WAAY,KACZC,oBAAqB,GACrBC,OAAQ,KACRC,OAAQ,KACRC,UAAMC,EACNC,gBAAiB,EACjBC,SAAUT,EACVU,UAAW,WACXC,YAAa,EACbC,OAAQ,EACRC,UAAW,MAGXC,KAAM,OACNC,UAAU,EACVC,cAAe,EACfC,sBAAsB,EACtBC,cAAe,MAGfC,mBAAmB,EAEnBC,gBAAiB,IACjBC,eAAgB,EAEhBC,YAAa,CACXC,KAAM,GACNC,UAAU,KAEZC,UAAW,CACTF,KAAM,GACNC,SAAU,KAEZE,kBAAmB,KACnBC,QAAS,CACP/B,UAAW,GACXE,aAAa,OACbD,UAAU,QAEZ+B,cAAe,KACfjD,CAACA,GAA4B,QAGlBkD,EAAU,UACVC,EAAe,eACfC,EAAgB,gBAChBC,EAAiB"}
1	+ {"version":3,"file":"constants.min.mjs","sources":["../../../../src/shapes/Text/constants.ts"],"sourcesContent":["import { FILL, LEFT, STROKE, reNewline } from '../../constants';\nimport type { TClassProperties } from '../../typedefs';\nimport type { FabricText } from './Text';\n\nexport const TEXT_DECORATION_THICKNESS = 'textDecorationThickness';\n\nconst fontProperties = [\n 'fontSize',\n 'fontWeight',\n 'fontFamily',\n 'fontStyle',\n] as const;\n\nexport const textDecorationProperties = [\n 'underline',\n 'overline',\n 'linethrough',\n] as const;\n\nexport const textLayoutProperties: string[] = [\n ...fontProperties,\n 'lineHeight',\n 'text',\n 'charSpacing',\n 'textAlign',\n 'styles',\n 'path',\n 'pathStartOffset',\n 'pathSide',\n 'pathAlign',\n 'wrap',\n 'ellipsis', \n 'letterSpacing',\n 'enableAdvancedLayout',\n 'verticalAlign',\n];\n\nexport const additionalProps = [\n ...textLayoutProperties,\n ...textDecorationProperties,\n 'textBackgroundColor',\n 'direction',\n TEXT_DECORATION_THICKNESS,\n] as const;\n\nexport type StylePropertiesType =\n \| 'fill'\n \| 'stroke'\n \| 'strokeWidth'\n \| 'fontSize'\n \| 'fontFamily'\n \| 'fontWeight'\n \| 'fontStyle'\n \| 'textBackgroundColor'\n \| 'deltaY'\n \| 'overline'\n \| 'underline'\n \| 'linethrough'\n \| typeof TEXT_DECORATION_THICKNESS;\n\nexport const styleProperties: Readonly<StylePropertiesType[]> = [\n ...fontProperties,\n ...textDecorationProperties,\n STROKE,\n 'strokeWidth',\n FILL,\n 'deltaY',\n 'textBackgroundColor',\n TEXT_DECORATION_THICKNESS,\n] as const;\n\n// @TODO: Many things here are configuration related and shouldn't be on the class nor prototype\n// regexes, list of properties that are not suppose to change by instances, magic consts.\n// this will be a separated effort\nexport const textDefaultValues: Partial<TClassProperties<FabricText>> = {\n _reNewline: reNewline,\n _reSpacesAndTabs: /[ \\t\\r]/g,\n _reSpaceAndTab: /[ \\t\\r]/,\n _reWords: /\\S+/g,\n fontSize: 40,\n fontWeight: 'normal',\n fontFamily: 'Times New Roman',\n underline: false,\n overline: false,\n linethrough: false,\n textAlign: LEFT,\n fontStyle: 'normal',\n lineHeight: 1.16,\n textBackgroundColor: '',\n stroke: null,\n shadow: null,\n path: undefined,\n pathStartOffset: 0,\n pathSide: LEFT,\n pathAlign: 'baseline',\n charSpacing: 0,\n deltaY: 0,\n direction: 'ltr',\n \n // New Konva-compatible properties\n wrap: 'word' as const,\n ellipsis: false,\n letterSpacing: 0,\n enableAdvancedLayout: false,\n verticalAlign: 'top' as const,\n \n // Overlay editor properties\n useOverlayEditing: false,\n \n CACHE_FONT_SIZE: 400,\n MIN_TEXT_WIDTH: 2,\n // Text magic numbers\n superscript: {\n size: 0.6, // fontSize factor\n baseline: -0.35, // baseline-shift factor (upwards)\n },\n subscript: {\n size: 0.6, // fontSize factor\n baseline: 0.11, // baseline-shift factor (downwards)\n },\n _fontSizeFraction: 0.222,\n offsets: {\n underline: 0.1,\n linethrough: -0.28167, // added 1/30 to original number\n overline: -0.81333, // added 1/15 to original number\n },\n _fontSizeMult: 1.13,\n [TEXT_DECORATION_THICKNESS]: 66.667, // before implementation was 1/15\n};\n\nexport const JUSTIFY = 'justify';\nexport const JUSTIFY_LEFT = 'justify-left';\nexport const JUSTIFY_RIGHT = 'justify-right';\nexport const JUSTIFY_CENTER = 'justify-center';\n"],"names":["TEXT_DECORATION_THICKNESS","fontProperties","textDecorationProperties","textLayoutProperties","additionalProps","styleProperties","STROKE","FILL","textDefaultValues","_reNewline","reNewline","_reSpacesAndTabs","_reSpaceAndTab","_reWords","fontSize","fontWeight","fontFamily","underline","overline","linethrough","textAlign","LEFT","fontStyle","lineHeight","textBackgroundColor","stroke","shadow","path","undefined","pathStartOffset","pathSide","pathAlign","charSpacing","deltaY","direction","wrap","ellipsis","letterSpacing","enableAdvancedLayout","verticalAlign","useOverlayEditing","CACHE_FONT_SIZE","MIN_TEXT_WIDTH","superscript","size","baseline","subscript","_fontSizeFraction","offsets","_fontSizeMult","JUSTIFY","JUSTIFY_LEFT","JUSTIFY_RIGHT","JUSTIFY_CENTER"],"mappings":"oFAIO,MAAMA,EAA4B,0BAEnCC,EAAiB,CACrB,WACA,aACA,aACA,aAGWC,EAA2B,CACtC,YACA,WACA,eAGWC,EAAiC,IACzCF,EACH,aACA,OACA,cACA,YACA,SACA,OACA,kBACA,WACA,YACA,OACA,WACA,gBACA,uBACA,iBAGWG,EAAkB,IAC1BD,KACAD,EACH,sBACA,YACAF,GAkBWK,EAAmD,IAC3DJ,KACAC,EACHI,EACA,cACAC,EACA,SACA,sBACAP,GAMWQ,EAA2D,CACtEC,WAAYC,EACZC,iBAAkB,WAClBC,eAAgB,UAChBC,SAAU,OACVC,SAAU,GACVC,WAAY,SACZC,WAAY,kBACZC,WAAW,EACXC,UAAU,EACVC,aAAa,EACbC,UAAWC,EACXC,UAAW,SACXC,WAAY,KACZC,oBAAqB,GACrBC,OAAQ,KACRC,OAAQ,KACRC,UAAMC,EACNC,gBAAiB,EACjBC,SAAUT,EACVU,UAAW,WACXC,YAAa,EACbC,OAAQ,EACRC,UAAW,MAGXC,KAAM,OACNC,UAAU,EACVC,cAAe,EACfC,sBAAsB,EACtBC,cAAe,MAGfC,mBAAmB,EAEnBC,gBAAiB,IACjBC,eAAgB,EAEhBC,YAAa,CACXC,KAAM,GACNC,UAAU,KAEZC,UAAW,CACTF,KAAM,GACNC,SAAU,KAEZE,kBAAmB,KACnBC,QAAS,CACP/B,UAAW,GACXE,aAAa,OACbD,UAAU,QAEZ+B,cAAe,KACfjD,CAACA,GAA4B,QAGlBkD,EAAU,UACVC,EAAe,eACfC,EAAgB,gBAChBC,EAAiB"}

package/dist/src/shapes/Text/constants.mjs CHANGED Viewed

File without changes

package/dist/src/shapes/Text/constants.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"constants.mjs","sources":["../../../../src/shapes/Text/constants.ts"],"sourcesContent":["import { FILL, LEFT, STROKE, reNewline } from '../../constants';\r\nimport type { TClassProperties } from '../../typedefs';\r\nimport type { FabricText } from './Text';\r\n\r\nexport const TEXT_DECORATION_THICKNESS = 'textDecorationThickness';\r\n\r\nconst fontProperties = [\r\n 'fontSize',\r\n 'fontWeight',\r\n 'fontFamily',\r\n 'fontStyle',\r\n] as const;\r\n\r\nexport const textDecorationProperties = [\r\n 'underline',\r\n 'overline',\r\n 'linethrough',\r\n] as const;\r\n\r\nexport const textLayoutProperties: string[] = [\r\n ...fontProperties,\r\n 'lineHeight',\r\n 'text',\r\n 'charSpacing',\r\n 'textAlign',\r\n 'styles',\r\n 'path',\r\n 'pathStartOffset',\r\n 'pathSide',\r\n 'pathAlign',\r\n 'wrap',\r\n 'ellipsis', \r\n 'letterSpacing',\r\n 'enableAdvancedLayout',\r\n 'verticalAlign',\r\n];\r\n\r\nexport const additionalProps = [\r\n ...textLayoutProperties,\r\n ...textDecorationProperties,\r\n 'textBackgroundColor',\r\n 'direction',\r\n TEXT_DECORATION_THICKNESS,\r\n] as const;\r\n\r\nexport type StylePropertiesType =\r\n \| 'fill'\r\n \| 'stroke'\r\n \| 'strokeWidth'\r\n \| 'fontSize'\r\n \| 'fontFamily'\r\n \| 'fontWeight'\r\n \| 'fontStyle'\r\n \| 'textBackgroundColor'\r\n \| 'deltaY'\r\n \| 'overline'\r\n \| 'underline'\r\n \| 'linethrough'\r\n \| typeof TEXT_DECORATION_THICKNESS;\r\n\r\nexport const styleProperties: Readonly<StylePropertiesType[]> = [\r\n ...fontProperties,\r\n ...textDecorationProperties,\r\n STROKE,\r\n 'strokeWidth',\r\n FILL,\r\n 'deltaY',\r\n 'textBackgroundColor',\r\n TEXT_DECORATION_THICKNESS,\r\n] as const;\r\n\r\n// @TODO: Many things here are configuration related and shouldn't be on the class nor prototype\r\n// regexes, list of properties that are not suppose to change by instances, magic consts.\r\n// this will be a separated effort\r\nexport const textDefaultValues: Partial<TClassProperties<FabricText>> = {\r\n _reNewline: reNewline,\r\n _reSpacesAndTabs: /[ \\t\\r]/g,\r\n _reSpaceAndTab: /[ \\t\\r]/,\r\n _reWords: /\\S+/g,\r\n fontSize: 40,\r\n fontWeight: 'normal',\r\n fontFamily: 'Times New Roman',\r\n underline: false,\r\n overline: false,\r\n linethrough: false,\r\n textAlign: LEFT,\r\n fontStyle: 'normal',\r\n lineHeight: 1.16,\r\n textBackgroundColor: '',\r\n stroke: null,\r\n shadow: null,\r\n path: undefined,\r\n pathStartOffset: 0,\r\n pathSide: LEFT,\r\n pathAlign: 'baseline',\r\n charSpacing: 0,\r\n deltaY: 0,\r\n direction: 'ltr',\r\n \r\n // New Konva-compatible properties\r\n wrap: 'word' as const,\r\n ellipsis: false,\r\n letterSpacing: 0,\r\n enableAdvancedLayout: false,\r\n verticalAlign: 'top' as const,\r\n \r\n // Overlay editor properties\r\n useOverlayEditing: false,\r\n \r\n CACHE_FONT_SIZE: 400,\r\n MIN_TEXT_WIDTH: 2,\r\n // Text magic numbers\r\n superscript: {\r\n size: 0.6, // fontSize factor\r\n baseline: -0.35, // baseline-shift factor (upwards)\r\n },\r\n subscript: {\r\n size: 0.6, // fontSize factor\r\n baseline: 0.11, // baseline-shift factor (downwards)\r\n },\r\n _fontSizeFraction: 0.222,\r\n offsets: {\r\n underline: 0.1,\r\n linethrough: -0.28167, // added 1/30 to original number\r\n overline: -0.81333, // added 1/15 to original number\r\n },\r\n _fontSizeMult: 1.13,\r\n [TEXT_DECORATION_THICKNESS]: 66.667, // before implementation was 1/15\r\n};\r\n\r\nexport const JUSTIFY = 'justify';\r\nexport const JUSTIFY_LEFT = 'justify-left';\r\nexport const JUSTIFY_RIGHT = 'justify-right';\r\nexport const JUSTIFY_CENTER = 'justify-center';\r\n"],"names":["TEXT_DECORATION_THICKNESS","fontProperties","textDecorationProperties","textLayoutProperties","additionalProps","styleProperties","STROKE","FILL","textDefaultValues","_reNewline","reNewline","_reSpacesAndTabs","_reSpaceAndTab","_reWords","fontSize","fontWeight","fontFamily","underline","overline","linethrough","textAlign","LEFT","fontStyle","lineHeight","textBackgroundColor","stroke","shadow","path","undefined","pathStartOffset","pathSide","pathAlign","charSpacing","deltaY","direction","wrap","ellipsis","letterSpacing","enableAdvancedLayout","verticalAlign","useOverlayEditing","CACHE_FONT_SIZE","MIN_TEXT_WIDTH","superscript","size","baseline","subscript","_fontSizeFraction","offsets","_fontSizeMult","JUSTIFY","JUSTIFY_LEFT","JUSTIFY_RIGHT","JUSTIFY_CENTER"],"mappings":";;AAIO,MAAMA,yBAAyB,GAAG;AAEzC,MAAMC,cAAc,GAAG,CACrB,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,CACH;AAEH,MAAMC,wBAAwB,GAAG,CACtC,WAAW,EACX,UAAU,EACV,aAAa;AAGR,MAAMC,oBAA8B,GAAG,CAC5C,GAAGF,cAAc,EACjB,YAAY,EACZ,MAAM,EACN,aAAa,EACb,WAAW,EACX,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,MAAM,EACN,UAAU,EACV,eAAe,EACf,sBAAsB,EACtB,eAAe;AAGV,MAAMG,eAAe,GAAG,CAC7B,GAAGD,oBAAoB,EACvB,GAAGD,wBAAwB,EAC3B,qBAAqB,EACrB,WAAW,EACXF,yBAAyB;AAkBpB,MAAMK,eAAgD,GAAG,CAC9D,GAAGJ,cAAc,EACjB,GAAGC,wBAAwB,EAC3BI,MAAM,EACN,aAAa,EACbC,IAAI,EACJ,QAAQ,EACR,qBAAqB,EACrBP,yBAAyB;;AAG3B;AACA;AACA;AACO,MAAMQ,iBAAwD,GAAG;AACtEC,EAAAA,UAAU,EAAEC,SAAS;AACrBC,EAAAA,gBAAgB,EAAE,UAAU;AAC5BC,EAAAA,cAAc,EAAE,SAAS;AACzBC,EAAAA,QAAQ,EAAE,MAAM;AAChBC,EAAAA,QAAQ,EAAE,EAAE;AACZC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,UAAU,EAAE,iBAAiB;AAC7BC,EAAAA,SAAS,EAAE,KAAK;AAChBC,EAAAA,QAAQ,EAAE,KAAK;AACfC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,SAAS,EAAEC,IAAI;AACfC,EAAAA,SAAS,EAAE,QAAQ;AACnBC,EAAAA,UAAU,EAAE,IAAI;AAChBC,EAAAA,mBAAmB,EAAE,EAAE;AACvBC,EAAAA,MAAM,EAAE,IAAI;AACZC,EAAAA,MAAM,EAAE,IAAI;AACZC,EAAAA,IAAI,EAAEC,SAAS;AACfC,EAAAA,eAAe,EAAE,CAAC;AAClBC,EAAAA,QAAQ,EAAET,IAAI;AACdU,EAAAA,SAAS,EAAE,UAAU;AACrBC,EAAAA,WAAW,EAAE,CAAC;AACdC,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,SAAS,EAAE,KAAK;AAEhB;AACAC,EAAAA,IAAI,EAAE,MAAe;AACrBC,EAAAA,QAAQ,EAAE,KAAK;AACfC,EAAAA,aAAa,EAAE,CAAC;AAChBC,EAAAA,oBAAoB,EAAE,KAAK;AAC3BC,EAAAA,aAAa,EAAE,KAAc;AAE7B;AACAC,EAAAA,iBAAiB,EAAE,KAAK;AAExBC,EAAAA,eAAe,EAAE,GAAG;AACpBC,EAAAA,cAAc,EAAE,CAAC;AACjB;AACAC,EAAAA,WAAW,EAAE;AACXC,IAAAA,IAAI,EAAE,GAAG;AAAE;IACXC,QAAQ,EAAE,KAAK;GAChB;AACDC,EAAAA,SAAS,EAAE;AACTF,IAAAA,IAAI,EAAE,GAAG;AAAE;IACXC,QAAQ,EAAE,IAAI;GACf;AACDE,EAAAA,iBAAiB,EAAE,KAAK;AACxBC,EAAAA,OAAO,EAAE;AACP/B,IAAAA,SAAS,EAAE,GAAG;IACdE,WAAW,EAAE,QAAQ;AAAE;IACvBD,QAAQ,EAAE,QAAQ;GACnB;AACD+B,EAAAA,aAAa,EAAE,IAAI;EACnB,CAACjD,yBAAyB,GAAG,MAAM;AACrC;AAEO,MAAMkD,OAAO,GAAG;AAChB,MAAMC,YAAY,GAAG;AACrB,MAAMC,aAAa,GAAG;AACtB,MAAMC,cAAc,GAAG;;;;"}
1	+ {"version":3,"file":"constants.mjs","sources":["../../../../src/shapes/Text/constants.ts"],"sourcesContent":["import { FILL, LEFT, STROKE, reNewline } from '../../constants';\nimport type { TClassProperties } from '../../typedefs';\nimport type { FabricText } from './Text';\n\nexport const TEXT_DECORATION_THICKNESS = 'textDecorationThickness';\n\nconst fontProperties = [\n 'fontSize',\n 'fontWeight',\n 'fontFamily',\n 'fontStyle',\n] as const;\n\nexport const textDecorationProperties = [\n 'underline',\n 'overline',\n 'linethrough',\n] as const;\n\nexport const textLayoutProperties: string[] = [\n ...fontProperties,\n 'lineHeight',\n 'text',\n 'charSpacing',\n 'textAlign',\n 'styles',\n 'path',\n 'pathStartOffset',\n 'pathSide',\n 'pathAlign',\n 'wrap',\n 'ellipsis', \n 'letterSpacing',\n 'enableAdvancedLayout',\n 'verticalAlign',\n];\n\nexport const additionalProps = [\n ...textLayoutProperties,\n ...textDecorationProperties,\n 'textBackgroundColor',\n 'direction',\n TEXT_DECORATION_THICKNESS,\n] as const;\n\nexport type StylePropertiesType =\n \| 'fill'\n \| 'stroke'\n \| 'strokeWidth'\n \| 'fontSize'\n \| 'fontFamily'\n \| 'fontWeight'\n \| 'fontStyle'\n \| 'textBackgroundColor'\n \| 'deltaY'\n \| 'overline'\n \| 'underline'\n \| 'linethrough'\n \| typeof TEXT_DECORATION_THICKNESS;\n\nexport const styleProperties: Readonly<StylePropertiesType[]> = [\n ...fontProperties,\n ...textDecorationProperties,\n STROKE,\n 'strokeWidth',\n FILL,\n 'deltaY',\n 'textBackgroundColor',\n TEXT_DECORATION_THICKNESS,\n] as const;\n\n// @TODO: Many things here are configuration related and shouldn't be on the class nor prototype\n// regexes, list of properties that are not suppose to change by instances, magic consts.\n// this will be a separated effort\nexport const textDefaultValues: Partial<TClassProperties<FabricText>> = {\n _reNewline: reNewline,\n _reSpacesAndTabs: /[ \\t\\r]/g,\n _reSpaceAndTab: /[ \\t\\r]/,\n _reWords: /\\S+/g,\n fontSize: 40,\n fontWeight: 'normal',\n fontFamily: 'Times New Roman',\n underline: false,\n overline: false,\n linethrough: false,\n textAlign: LEFT,\n fontStyle: 'normal',\n lineHeight: 1.16,\n textBackgroundColor: '',\n stroke: null,\n shadow: null,\n path: undefined,\n pathStartOffset: 0,\n pathSide: LEFT,\n pathAlign: 'baseline',\n charSpacing: 0,\n deltaY: 0,\n direction: 'ltr',\n \n // New Konva-compatible properties\n wrap: 'word' as const,\n ellipsis: false,\n letterSpacing: 0,\n enableAdvancedLayout: false,\n verticalAlign: 'top' as const,\n \n // Overlay editor properties\n useOverlayEditing: false,\n \n CACHE_FONT_SIZE: 400,\n MIN_TEXT_WIDTH: 2,\n // Text magic numbers\n superscript: {\n size: 0.6, // fontSize factor\n baseline: -0.35, // baseline-shift factor (upwards)\n },\n subscript: {\n size: 0.6, // fontSize factor\n baseline: 0.11, // baseline-shift factor (downwards)\n },\n _fontSizeFraction: 0.222,\n offsets: {\n underline: 0.1,\n linethrough: -0.28167, // added 1/30 to original number\n overline: -0.81333, // added 1/15 to original number\n },\n _fontSizeMult: 1.13,\n [TEXT_DECORATION_THICKNESS]: 66.667, // before implementation was 1/15\n};\n\nexport const JUSTIFY = 'justify';\nexport const JUSTIFY_LEFT = 'justify-left';\nexport const JUSTIFY_RIGHT = 'justify-right';\nexport const JUSTIFY_CENTER = 'justify-center';\n"],"names":["TEXT_DECORATION_THICKNESS","fontProperties","textDecorationProperties","textLayoutProperties","additionalProps","styleProperties","STROKE","FILL","textDefaultValues","_reNewline","reNewline","_reSpacesAndTabs","_reSpaceAndTab","_reWords","fontSize","fontWeight","fontFamily","underline","overline","linethrough","textAlign","LEFT","fontStyle","lineHeight","textBackgroundColor","stroke","shadow","path","undefined","pathStartOffset","pathSide","pathAlign","charSpacing","deltaY","direction","wrap","ellipsis","letterSpacing","enableAdvancedLayout","verticalAlign","useOverlayEditing","CACHE_FONT_SIZE","MIN_TEXT_WIDTH","superscript","size","baseline","subscript","_fontSizeFraction","offsets","_fontSizeMult","JUSTIFY","JUSTIFY_LEFT","JUSTIFY_RIGHT","JUSTIFY_CENTER"],"mappings":";;AAIO,MAAMA,yBAAyB,GAAG;AAEzC,MAAMC,cAAc,GAAG,CACrB,UAAU,EACV,YAAY,EACZ,YAAY,EACZ,WAAW,CACH;AAEH,MAAMC,wBAAwB,GAAG,CACtC,WAAW,EACX,UAAU,EACV,aAAa;AAGR,MAAMC,oBAA8B,GAAG,CAC5C,GAAGF,cAAc,EACjB,YAAY,EACZ,MAAM,EACN,aAAa,EACb,WAAW,EACX,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,UAAU,EACV,WAAW,EACX,MAAM,EACN,UAAU,EACV,eAAe,EACf,sBAAsB,EACtB,eAAe;AAGV,MAAMG,eAAe,GAAG,CAC7B,GAAGD,oBAAoB,EACvB,GAAGD,wBAAwB,EAC3B,qBAAqB,EACrB,WAAW,EACXF,yBAAyB;AAkBpB,MAAMK,eAAgD,GAAG,CAC9D,GAAGJ,cAAc,EACjB,GAAGC,wBAAwB,EAC3BI,MAAM,EACN,aAAa,EACbC,IAAI,EACJ,QAAQ,EACR,qBAAqB,EACrBP,yBAAyB;;AAG3B;AACA;AACA;AACO,MAAMQ,iBAAwD,GAAG;AACtEC,EAAAA,UAAU,EAAEC,SAAS;AACrBC,EAAAA,gBAAgB,EAAE,UAAU;AAC5BC,EAAAA,cAAc,EAAE,SAAS;AACzBC,EAAAA,QAAQ,EAAE,MAAM;AAChBC,EAAAA,QAAQ,EAAE,EAAE;AACZC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,UAAU,EAAE,iBAAiB;AAC7BC,EAAAA,SAAS,EAAE,KAAK;AAChBC,EAAAA,QAAQ,EAAE,KAAK;AACfC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,SAAS,EAAEC,IAAI;AACfC,EAAAA,SAAS,EAAE,QAAQ;AACnBC,EAAAA,UAAU,EAAE,IAAI;AAChBC,EAAAA,mBAAmB,EAAE,EAAE;AACvBC,EAAAA,MAAM,EAAE,IAAI;AACZC,EAAAA,MAAM,EAAE,IAAI;AACZC,EAAAA,IAAI,EAAEC,SAAS;AACfC,EAAAA,eAAe,EAAE,CAAC;AAClBC,EAAAA,QAAQ,EAAET,IAAI;AACdU,EAAAA,SAAS,EAAE,UAAU;AACrBC,EAAAA,WAAW,EAAE,CAAC;AACdC,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,SAAS,EAAE,KAAK;AAEhB;AACAC,EAAAA,IAAI,EAAE,MAAe;AACrBC,EAAAA,QAAQ,EAAE,KAAK;AACfC,EAAAA,aAAa,EAAE,CAAC;AAChBC,EAAAA,oBAAoB,EAAE,KAAK;AAC3BC,EAAAA,aAAa,EAAE,KAAc;AAE7B;AACAC,EAAAA,iBAAiB,EAAE,KAAK;AAExBC,EAAAA,eAAe,EAAE,GAAG;AACpBC,EAAAA,cAAc,EAAE,CAAC;AACjB;AACAC,EAAAA,WAAW,EAAE;AACXC,IAAAA,IAAI,EAAE,GAAG;AAAE;IACXC,QAAQ,EAAE,KAAK;GAChB;AACDC,EAAAA,SAAS,EAAE;AACTF,IAAAA,IAAI,EAAE,GAAG;AAAE;IACXC,QAAQ,EAAE,IAAI;GACf;AACDE,EAAAA,iBAAiB,EAAE,KAAK;AACxBC,EAAAA,OAAO,EAAE;AACP/B,IAAAA,SAAS,EAAE,GAAG;IACdE,WAAW,EAAE,QAAQ;AAAE;IACvBD,QAAQ,EAAE,QAAQ;GACnB;AACD+B,EAAAA,aAAa,EAAE,IAAI;EACnB,CAACjD,yBAAyB,GAAG,MAAM;AACrC;AAEO,MAAMkD,OAAO,GAAG;AAChB,MAAMC,YAAY,GAAG;AACrB,MAAMC,aAAa,GAAG;AACtB,MAAMC,cAAc,GAAG;;;;"}

package/dist/src/shapes/Textbox.d.ts CHANGED Viewed

File without changes

package/dist/src/shapes/Textbox.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Textbox.d.ts","sourceRoot":"","sources":["../../../src/shapes/Textbox.ts"],"names":[],"mappings":"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~~IA2ChC~~;;;;;;OAMG;IACH,OAAO,CAAC,eAAe;~~IAkGvB~~;;;;OAIG;IACH,QAAQ,CACN,CAAC,SAAS,IAAI,CAAC,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,EAAE,MAAM,MAAM,CAAC,EAC5D,CAAC,SAAS,MAAM,CAAC,GAAG,KAAK,EACzB,mBAAmB,GAAE,CAAC,EAAO,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,MAAM;CAOtD"}
1	+ {"version":3,"file":"Textbox.d.ts","sourceRoot":"","sources":["../../../src/shapes/Textbox.ts"],"names":[],"mappings":"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"}

package/dist/src/shapes/Textbox.min.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{IText as i}from"./IText/IText.min.mjs";import{classRegistry as e}from"../ClassRegistry.min.mjs";import{createTextboxDefaultControls as s}from"../controls/commonControls.min.mjs";import{JUSTIFY as n}from"./Text/constants.min.mjs";import{layoutText as h}from"../text/layout.min.mjs";const o={minWidth:20,dynamicMinWidth:2,lockScalingFlip:!0,noScaleCache:!1,_wordJoiners:/[ \t\r]/,splitByGrapheme:!1};class r extends i{static getDefaults(){return{...super.getDefaults(),...r.ownDefaults}}constructor(t,i){super(t,{...r.ownDefaults,...i}),this.initializeEventListeners()}static createControls(){return{controls:s()}}initDimensions(){if(this.initialized){if(this.enableAdvancedLayout)return this.initDimensionsAdvanced();this.isEditing&&this.initDelayedCursor(),this._clearCache(),this.dynamicMinWidth=0,this._styleMap=this._generateStyleMap(this._splitText()),this.dynamicMinWidth>this.width&&this._set("width",this.dynamicMinWidth),this.textAlign.includes(n)&&this.enlargeSpaces(),this.height=this.calcTextHeight()}}initDimensionsAdvanced(){if(!this.initialized)return;this.isEditing&&this.initDelayedCursor(),this._clearCache(),this.dynamicMinWidth=0;const t=h({text:this.text,width:this.width,height:this.height,wrap:this.wrap||"word",align:this._mapTextAlignToAlign(this.textAlign),ellipsis:this.ellipsis||!1,fontSize:this.fontSize,lineHeight:this.lineHeight,letterSpacing:this.letterSpacing||0,charSpacing:this.charSpacing,direction:"inherit"===this.direction?"ltr":this.direction,fontFamily:this.fontFamily,fontStyle:this.fontStyle,fontWeight:this.fontWeight,verticalAlign:this.verticalAlign||"top"});if(t.lines.length>0){const i=Math.max(...t.lines.map(t=>t.width));this.dynamicMinWidth=Math.max(this.minWidth,i)}if(this.dynamicMinWidth>this.width){this._set("width",this.dynamicMinWidth);const t=h({...this._getAdvancedLayoutOptions(),width:this.width});this.height=t.totalHeight,this._convertLayoutToLegacyFormat(t)}else this.height=t.totalHeight,this._convertLayoutToLegacyFormat(t);this._styleMap=this._generateStyleMapFromLayout(t),this.dirty=!0}_generateStyleMapFromLayout(t){const i={};let e=0,s=0;return t.lines.forEach((n,h)=>{n.text.includes("\n")&&h>0&&e++,i[h]={line:e,offset:0},s+=n.graphemes.length,h<t.lines.length-1&&(s+=1)}),i}_generateStyleMap(t){let i=0,e=0,s=0;const n={};for(let h=0;h<t.graphemeLines.length;h++)"\n"===t.graphemeText[s]&&h>0?(e=0,s++,i++):!this.splitByGrapheme&&this._reSpaceAndTab.test(t.graphemeText[s])&&h>0&&(e++,s++),n[h]={line:i,offset:e},s+=t.graphemeLines[h].length,e+=t.graphemeLines[h].length;return n}styleHas(t,i){if(this._styleMap&&!this.isWrapping){const t=this._styleMap[i];t&&(i=t.line)}return super.styleHas(t,i)}isEmptyStyles(t){if(!this.styles)return!0;let i,e=0,s=t+1,n=!1;const h=this._styleMap[t],o=this._styleMap[t+1];h&&(t=h.line,e=h.offset),o&&(s=o.line,n=s===t,i=o.offset);const r=void 0===t?this.styles:{line:this.styles[t]};for(const t in r)for(const s in r[t]){const h=parseInt(s,10);if(h>=e&&(!n||h<i))for(const i in r[t][s])return!1}return!0}_getStyleDeclaration(t,i){if(this._styleMap&&!this.isWrapping){const e=this._styleMap[t];if(!e)return{};t=e.line,i=e.offset+i}return super._getStyleDeclaration(t,i)}_setStyleDeclaration(t,i,e){const s=this._styleMap[t];super._setStyleDeclaration(s.line,s.offset+i,e)}_deleteStyleDeclaration(t,i){const e=this._styleMap[t];super._deleteStyleDeclaration(e.line,e.offset+i)}_getLineStyle(t){const i=this._styleMap[t];return!!this.styles[i.line]}_setLineStyle(t){const i=this._styleMap[t];super._setLineStyle(i.line)}_wrapText(t,i){this.isWrapping=!0;const e=this.getGraphemeDataForRender(t),s=[];for(let t=0;t<e.wordsData.length;t++)s.push(...this._wrapLine(t,i,e));return this.isWrapping=!1,s}getGraphemeDataForRender(t){const i=this.splitByGrapheme,e=i?"":" ";let s=0;return{wordsData:t.map((t,n)=>{let h=0;const o=i?this.graphemeSplit(t):this.wordSplit(t);return 0===o.length?[{word:[],width:0}]:o.map(t=>{const o=i?[t]:this.graphemeSplit(t),r=this._measureWord(o,n,h);return s=Math.max(r,s),h+=o.length+e.length,{word:o,width:r}})}),largestWordWidth:s}}_measureWord(t,i){let e,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=0;for(let h=0,o=t.length;h<o;h++){n+=this._getGraphemeBox(t[h],i,h+s,e,true).kernedWidth,e=t[h]}return n}wordSplit(t){return t.split(this._wordJoiners)}_wrapLine(t,i,e){let{largestWordWidth:s,wordsData:n}=e,h=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;const o=this._getWidthOfCharSpacing(),r=this.splitByGrapheme,l=[],a=r?"":" ";let d=0,p=[],c=0,g=0,m=!0;i-=h;const f=Math.max(i,s,this.dynamicMinWidth),u=n[t];let y;for(c=0,y=0;y<u.length;y++){const{word:i,width:e}=u[y];c+=i.length,d+=g+e-o,d>f&&!m?(l.push(p),p=[],d=e,m=!0):d+=o,m||r||p.push(a),p=p.concat(i),g=r?0:this._measureWord([a],t,c),c++,m=!1}return y&&l.push(p),s+h>this.dynamicMinWidth&&(this.dynamicMinWidth=s-o+h),l}isEndOfWrapping(t){return!this._styleMap[t+1]||this._styleMap[t+1].line!==this._styleMap[t].line}missingNewlineOffset(t,i){return this.splitByGrapheme&&!i?this.isEndOfWrapping(t)?1:0:1}_splitTextIntoLines(t){const i=super._splitTextIntoLines(t),e=this._wrapText(i.lines,this.width),s=new Array(e.length);for(let t=0;t<e.length;t++)s[t]=e[t].join("");return i.lines=s,i.graphemeLines=e,i}getMinWidth(){return Math.max(this.minWidth,this.dynamicMinWidth)}_removeExtraneousStyles(){const t=new Map;for(const i in this._styleMap){const e=parseInt(i,10);if(this._textLines[e]){const e=this._styleMap[i].line;t.set(`${e}`,!0)}}for(const i in this.styles)t.has(i)||delete this.styles[i]}initializeEventListeners(){var t;let i=null;this.on("resizing",t=>{if(console.log("🔍 Resize event data:",t),t.transform){const{originX:e,originY:s}=t.transform;console.log("🔍 Transform origins:",{originX:e,originY:s}),i="right"===e?"left":"left"===e?"right":null,console.log("🎯 Setting resizeOrigin to:",i)}else if(t.originX){const{originX:e,originY:s}=t;console.log("🔍 Event origins:",{originX:e,originY:s}),i="right"===e?"left":"left"===e?"right":null,console.log("🎯 Setting resizeOrigin to:",i)}}),this.on("modified",()=>{const t=i;console.log("✅ Modified event fired - resize complete, triggering safety snap",{resizeOrigin:t}),setTimeout(()=>this.safetySnapWidth(t),10),i=null}),null===(t=this.canvas)||void 0===t||t.on("object:modified",t=>{if(t.target===this){const t=i;console.log("✅ Canvas object:modified fired for this textbox"),setTimeout(()=>this.safetySnapWidth(t),10),i=null}})}safetySnapWidth(t){var i,e;if(console.log("🔍 safetySnapWidth called",{isWrapping:this.isWrapping,hasTextLines:!!this._textLines,lineCount:(null===(i=this._textLines)||void 0===i?void 0:i.length)||0,currentWidth:this.width,type:this.type,text:this.text}),!this._textLines||"textbox"!==this.type.toLowerCase()||0===this._textLines.length)return void console.log("❌ Early return - missing requirements",{hasTextLines:!!this._textLines,typeMatch:"textbox"===this.type.toLowerCase(),actualType:this.type,hasLines:(null===(e=this._textLines)||void 0===e?void 0:e.length)>0});const s=this._textLines.length;if(0===s)return;let n=0,h=0;for(let t=0;t<s;t++){const i=this._textLines[t].join(""),e=this.getLineWidth(t);n=Math.max(n,e);if(/[\u0590-\u05FF\u0600-\u06FF\u0750-\u077F\uFB50-\uFDFF\uFE70-\uFEFF]/.test(i)){const t=.15*(this.fontSize||16);h=Math.max(h,e+t)}else h=Math.max(h,e)}if(h>this.width-2){var o;const i=h+1;console.log(`Safety snap: ${this.width.toFixed(0)}px -> ${i.toFixed(0)}px`,{maxActualLineWidth:n.toFixed(1),maxRequiredWidth:h.toFixed(1),difference:(i-this.width).toFixed(1)});const e=this.left,s=this.top,r=i-this.width;this.set("width",i),this.initDimensions(),"left"===t?(console.log("🔧 Compensating for left-side resize",{originalLeft:e,widthIncrease:r,newLeft:e-r}),this.set({left:e-r,top:s})):console.log("✅ Right-side resize, no compensation needed"),this.setCoords(),this.__overlayEditor&&setTimeout(()=>{this.__overlayEditor.refresh()},0),null===(o=this.canvas)||void 0===o||o.requestRenderAll()}}toObject(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return super.toObject(["minWidth","splitByGrapheme",...t])}}t(r,"type","Textbox"),t(r,"textLayoutProperties",[...i.textLayoutProperties,"width"]),t(r,"ownDefaults",o),e.setClass(r);export{r as Textbox,o as textboxDefaultValues};
+import{defineProperty as t}from"../../_virtual/_rollupPluginBabelHelpers.min.mjs";import{IText as i}from"./IText/IText.min.mjs";import{classRegistry as e}from"../ClassRegistry.min.mjs";import{createTextboxDefaultControls as s}from"../controls/commonControls.min.mjs";import{JUSTIFY as n}from"./Text/constants.min.mjs";import{layoutText as h}from"../text/layout.min.mjs";const r={minWidth:20,dynamicMinWidth:2,lockScalingFlip:!0,noScaleCache:!1,_wordJoiners:/[ \t\r]/,splitByGrapheme:!1};class l extends i{static getDefaults(){return{...super.getDefaults(),...l.ownDefaults}}constructor(t,i){super(t,{...l.ownDefaults,...i}),this.initializeEventListeners()}static createControls(){return{controls:s()}}initDimensions(){if(this.initialized){if(this.enableAdvancedLayout)return this.initDimensionsAdvanced();this.isEditing&&this.initDelayedCursor(),this._clearCache(),this.dynamicMinWidth=0,this._styleMap=this._generateStyleMap(this._splitText()),this.dynamicMinWidth>this.width&&this._set("width",this.dynamicMinWidth),this.textAlign.includes(n)&&this.enlargeSpaces(),this.height=this.calcTextHeight()}}initDimensionsAdvanced(){if(!this.initialized)return;this.isEditing&&this.initDelayedCursor(),this._clearCache(),this.dynamicMinWidth=0;const t=h({text:this.text,width:this.width,height:this.height,wrap:this.wrap||"word",align:this._mapTextAlignToAlign(this.textAlign),ellipsis:this.ellipsis||!1,fontSize:this.fontSize,lineHeight:this.lineHeight,letterSpacing:this.letterSpacing||0,charSpacing:this.charSpacing,direction:"inherit"===this.direction?"ltr":this.direction,fontFamily:this.fontFamily,fontStyle:this.fontStyle,fontWeight:this.fontWeight,verticalAlign:this.verticalAlign||"top"});if(t.lines.length>0){const i=Math.max(...t.lines.map(t=>t.width));this.dynamicMinWidth=Math.max(this.minWidth,i)}if(this.dynamicMinWidth>this.width){this._set("width",this.dynamicMinWidth);const t=h({...this._getAdvancedLayoutOptions(),width:this.width});this.height=t.totalHeight,this._convertLayoutToLegacyFormat(t)}else this.height=t.totalHeight,this._convertLayoutToLegacyFormat(t);this._styleMap=this._generateStyleMapFromLayout(t),this.dirty=!0}_generateStyleMapFromLayout(t){const i={};let e=0,s=0;return t.lines.forEach((n,h)=>{n.text.includes("\n")&&h>0&&e++,i[h]={line:e,offset:0},s+=n.graphemes.length,h<t.lines.length-1&&(s+=1)}),i}_generateStyleMap(t){let i=0,e=0,s=0;const n={};for(let h=0;h<t.graphemeLines.length;h++)"\n"===t.graphemeText[s]&&h>0?(e=0,s++,i++):!this.splitByGrapheme&&this._reSpaceAndTab.test(t.graphemeText[s])&&h>0&&(e++,s++),n[h]={line:i,offset:e},s+=t.graphemeLines[h].length,e+=t.graphemeLines[h].length;return n}styleHas(t,i){if(this._styleMap&&!this.isWrapping){const t=this._styleMap[i];t&&(i=t.line)}return super.styleHas(t,i)}isEmptyStyles(t){if(!this.styles)return!0;let i,e=0,s=t+1,n=!1;const h=this._styleMap[t],r=this._styleMap[t+1];h&&(t=h.line,e=h.offset),r&&(s=r.line,n=s===t,i=r.offset);const l=void 0===t?this.styles:{line:this.styles[t]};for(const t in l)for(const s in l[t]){const h=parseInt(s,10);if(h>=e&&(!n||h<i))for(const i in l[t][s])return!1}return!0}_getStyleDeclaration(t,i){if(this._styleMap&&!this.isWrapping){const e=this._styleMap[t];if(!e)return{};t=e.line,i=e.offset+i}return super._getStyleDeclaration(t,i)}_setStyleDeclaration(t,i,e){const s=this._styleMap[t];super._setStyleDeclaration(s.line,s.offset+i,e)}_deleteStyleDeclaration(t,i){const e=this._styleMap[t];super._deleteStyleDeclaration(e.line,e.offset+i)}_getLineStyle(t){const i=this._styleMap[t];return!!this.styles[i.line]}_setLineStyle(t){const i=this._styleMap[t];super._setLineStyle(i.line)}_wrapText(t,i){this.isWrapping=!0;const e=this.getGraphemeDataForRender(t),s=[];for(let t=0;t<e.wordsData.length;t++)s.push(...this._wrapLine(t,i,e));return this.isWrapping=!1,s}getGraphemeDataForRender(t){const i=this.splitByGrapheme,e=i?"":" ";let s=0;return{wordsData:t.map((t,n)=>{let h=0;const r=i?this.graphemeSplit(t):this.wordSplit(t);return 0===r.length?[{word:[],width:0}]:r.map(t=>{const r=i?[t]:this.graphemeSplit(t),l=this._measureWord(r,n,h);return s=Math.max(l,s),h+=r.length+e.length,{word:r,width:l}})}),largestWordWidth:s}}_measureWord(t,i){let e,s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=0;for(let h=0,r=t.length;h<r;h++){n+=this._getGraphemeBox(t[h],i,h+s,e,true).kernedWidth,e=t[h]}return n}wordSplit(t){return t.split(this._wordJoiners)}_wrapLine(t,i,e){let{largestWordWidth:s,wordsData:n}=e,h=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0;const r=this._getWidthOfCharSpacing(),l=this.splitByGrapheme,a=[],o=l?"":" ";let p=0,d=[],c=0,g=0,m=!0;i-=h;const u=Math.max(i,s,this.dynamicMinWidth),y=n[t];let f;for(c=0,f=0;f<y.length;f++){const{word:i,width:e}=y[f];c+=i.length,p+=g+e-r,p>u&&!m?(a.push(d),d=[],p=e,m=!0):p+=r,m||l||d.push(o),d=d.concat(i),g=l?0:this._measureWord([o],t,c),c++,m=!1}return f&&a.push(d),s+h>this.dynamicMinWidth&&(this.dynamicMinWidth=s-r+h),a}isEndOfWrapping(t){return!this._styleMap[t+1]||this._styleMap[t+1].line!==this._styleMap[t].line}missingNewlineOffset(t,i){return this.splitByGrapheme&&!i?this.isEndOfWrapping(t)?1:0:1}_splitTextIntoLines(t){const i=super._splitTextIntoLines(t),e=this._wrapText(i.lines,this.width),s=new Array(e.length);for(let t=0;t<e.length;t++)s[t]=e[t].join("");return i.lines=s,i.graphemeLines=e,i}getMinWidth(){return Math.max(this.minWidth,this.dynamicMinWidth)}_removeExtraneousStyles(){const t=new Map;for(const i in this._styleMap){const e=parseInt(i,10);if(this._textLines[e]){const e=this._styleMap[i].line;t.set(`${e}`,!0)}}for(const i in this.styles)t.has(i)||delete this.styles[i]}initializeEventListeners(){var t;let i=null;this.on("resizing",t=>{if(t.transform){const{originX:e}=t.transform;i="right"===e?"left":"left"===e?"right":null}else if(t.originX){const{originX:e}=t;i="right"===e?"left":"left"===e?"right":null}}),this.on("modified",()=>{const t=i;setTimeout(()=>this.safetySnapWidth(t),10),i=null}),null===(t=this.canvas)||void 0===t||t.on("object:modified",t=>{if(t.target===this){const t=i;setTimeout(()=>this.safetySnapWidth(t),10),i=null}})}safetySnapWidth(t){if(!this._textLines||"textbox"!==this.type.toLowerCase()||0===this._textLines.length)return;const i=this._textLines.length;if(0===i)return;let e=0;for(let t=0;t<i;t++){const i=this._textLines[t].join(""),s=this.getLineWidth(t);if(/[\u0590-\u05FF\u0600-\u06FF\u0750-\u077F\uFB50-\uFDFF\uFE70-\uFEFF]/.test(i)){const t=.15*(this.fontSize||16);e=Math.max(e,s+t)}else e=Math.max(e,s)}if(e>this.width-2){var s;const i=e+1,n=this.left,h=this.top,r=i-this.width;this.set("width",i),this.initDimensions(),"left"===t&&this.set({left:n-r,top:h}),this.setCoords(),this.__overlayEditor&&setTimeout(()=>{this.__overlayEditor.refresh()},0),null===(s=this.canvas)||void 0===s||s.requestRenderAll()}}toObject(){let t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return super.toObject(["minWidth","splitByGrapheme",...t])}}t(l,"type","Textbox"),t(l,"textLayoutProperties",[...i.textLayoutProperties,"width"]),t(l,"ownDefaults",r),e.setClass(l);export{l as Textbox,r as textboxDefaultValues};
 //# sourceMappingURL=Textbox.min.mjs.map

package/dist/src/shapes/Textbox.min.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Textbox.min.mjs","sources":["../../../src/shapes/Textbox.ts"],"sourcesContent":["import type { TClassProperties, TOptions } from '../typedefs';\r\nimport { IText } from './IText/IText';\r\nimport { classRegistry } from '../ClassRegistry';\r\nimport { createTextboxDefaultControls } from '../controls/commonControls';\r\nimport { JUSTIFY } from './Text/constants';\r\nimport type { TextStyleDeclaration } from './Text/StyledText';\r\nimport type { SerializedITextProps, ITextProps } from './IText/IText';\r\nimport type { ITextEvents } from './IText/ITextBehavior';\r\nimport type { TextLinesInfo } from './Text/Text';\r\nimport type { Control } from '../controls/Control';\r\nimport { layoutText } from '../text/layout';\r\n\r\n// @TODO: Many things here are configuration related and shouldn't be on the class nor prototype\r\n// regexes, list of properties that are not suppose to change by instances, magic consts.\r\n// this will be a separated effort\r\nexport const textboxDefaultValues: Partial<TClassProperties<Textbox>> = {\r\n minWidth: 20,\r\n dynamicMinWidth: 2,\r\n lockScalingFlip: true,\r\n noScaleCache: false,\r\n _wordJoiners: /[ \\t\\r]/,\r\n splitByGrapheme: false,\r\n};\r\n\r\nexport type GraphemeData = {\r\n wordsData: {\r\n word: string[];\r\n width: number;\r\n }[][];\r\n largestWordWidth: number;\r\n};\r\n\r\nexport type StyleMap = Record<string, { line: number; offset: number }>;\r\n\r\n// @TODO this is not complete\r\ninterface UniqueTextboxProps {\r\n minWidth: number;\r\n splitByGrapheme: boolean;\r\n dynamicMinWidth: number;\r\n _wordJoiners: RegExp;\r\n}\r\n\r\nexport interface SerializedTextboxProps\r\n extends SerializedITextProps,\r\n Pick<UniqueTextboxProps, 'minWidth' \| 'splitByGrapheme'> {}\r\n\r\nexport interface TextboxProps extends ITextProps, UniqueTextboxProps {}\r\n\r\n/*\r\n Textbox class, based on IText, allows the user to resize the text rectangle\r\n * and wraps lines automatically. Textboxes have their Y scaling locked, the\r\n * user can only change width. Height is adjusted automatically based on the\r\n * wrapping of lines.\r\n /\r\nexport class Textbox<\r\n Props extends TOptions<TextboxProps> = Partial<TextboxProps>,\r\n SProps extends SerializedTextboxProps = SerializedTextboxProps,\r\n EventSpec extends ITextEvents = ITextEvents,\r\n >\r\n extends IText<Props, SProps, EventSpec>\r\n implements UniqueTextboxProps\r\n{\r\n /\r\n Minimum width of textbox, in pixels.\r\n * @type Number\r\n /\r\n declare minWidth: number;\r\n\r\n /\r\n Minimum calculated width of a textbox, in pixels.\r\n * fixed to 2 so that an empty textbox cannot go to 0\r\n * and is still selectable without text.\r\n * @type Number\r\n /\r\n declare dynamicMinWidth: number;\r\n\r\n /\r\n Use this boolean property in order to split strings that have no white space concept.\r\n * this is a cheap way to help with chinese/japanese\r\n * @type Boolean\r\n * @since 2.6.0\r\n /\r\n declare splitByGrapheme: boolean;\r\n\r\n declare _wordJoiners: RegExp;\r\n\r\n declare _styleMap: StyleMap;\r\n\r\n declare isWrapping: boolean;\r\n\r\n static type = 'Textbox';\r\n\r\n static textLayoutProperties = [...IText.textLayoutProperties, 'width'];\r\n\r\n static ownDefaults = textboxDefaultValues;\r\n\r\n static getDefaults(): Record<string, any> {\r\n return {\r\n ...super.getDefaults(),\r\n ...Textbox.ownDefaults,\r\n };\r\n }\r\n\r\n /\r\n Constructor\r\n * @param {String} text Text string\r\n * @param {Object} [options] Options object\r\n /\r\n constructor(text: string, options?: Props) {\r\n super(text, { ...Textbox.ownDefaults, ...options } as Props);\r\n this.initializeEventListeners();\r\n }\r\n\r\n /\r\n Creates the default control object.\r\n * If you prefer to have on instance of controls shared among all objects\r\n * make this function return an empty object and add controls to the ownDefaults object\r\n /\r\n static createControls(): { controls: Record<string, Control> } {\r\n return { controls: createTextboxDefaultControls() };\r\n }\r\n\r\n /\r\n Unlike superclass's version of this function, Textbox does not update\r\n * its width.\r\n * @private\r\n * @override\r\n /\r\n initDimensions() {\r\n if (!this.initialized) {\r\n return;\r\n }\r\n \r\n // Use advanced layout if enabled\r\n if (this.enableAdvancedLayout) {\r\n return this.initDimensionsAdvanced();\r\n }\r\n \r\n this.isEditing && this.initDelayedCursor();\r\n this._clearCache();\r\n // clear dynamicMinWidth as it will be different after we re-wrap line\r\n this.dynamicMinWidth = 0;\r\n // wrap lines\r\n this._styleMap = this._generateStyleMap(this._splitText());\r\n // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap\r\n if (this.dynamicMinWidth > this.width) {\r\n this._set('width', this.dynamicMinWidth);\r\n }\r\n if (this.textAlign.includes(JUSTIFY)) {\r\n // once text is measured we need to make space fatter to make justified text.\r\n this.enlargeSpaces();\r\n }\r\n // clear cache and re-calculate height\r\n this.height = this.calcTextHeight();\r\n }\r\n\r\n /\r\n Advanced dimensions calculation using new layout engine\r\n * @private\r\n /\r\n initDimensionsAdvanced() {\r\n if (!this.initialized) {\r\n return;\r\n }\r\n \r\n this.isEditing && this.initDelayedCursor();\r\n this._clearCache();\r\n this.dynamicMinWidth = 0;\r\n \r\n // Use new layout engine\r\n const layout = layoutText({\r\n text: this.text,\r\n width: this.width,\r\n height: this.height,\r\n wrap: this.wrap \|\| 'word',\r\n align: (this as any)._mapTextAlignToAlign(this.textAlign),\r\n ellipsis: this.ellipsis \|\| false,\r\n fontSize: this.fontSize,\r\n lineHeight: this.lineHeight,\r\n letterSpacing: this.letterSpacing \|\| 0,\r\n charSpacing: this.charSpacing,\r\n direction: this.direction === 'inherit' ? 'ltr' : this.direction,\r\n fontFamily: this.fontFamily,\r\n fontStyle: this.fontStyle,\r\n fontWeight: this.fontWeight,\r\n verticalAlign: this.verticalAlign \|\| 'top',\r\n });\r\n \r\n // Update dynamic minimum width based on layout\r\n if (layout.lines.length > 0) {\r\n const maxLineWidth = Math.max(...layout.lines.map(line => line.width));\r\n this.dynamicMinWidth = Math.max(this.minWidth, maxLineWidth);\r\n }\r\n \r\n // Adjust width if needed (preserving Textbox behavior)\r\n if (this.dynamicMinWidth > this.width) {\r\n this._set('width', this.dynamicMinWidth);\r\n // Re-layout with new width\r\n const newLayout = layoutText({\r\n ...(this as any)._getAdvancedLayoutOptions(),\r\n width: this.width,\r\n });\r\n this.height = newLayout.totalHeight;\r\n (this as any)._convertLayoutToLegacyFormat(newLayout);\r\n } else {\r\n this.height = layout.totalHeight;\r\n (this as any)._convertLayoutToLegacyFormat(layout);\r\n }\r\n \r\n // Generate style map for compatibility\r\n this._styleMap = this._generateStyleMapFromLayout(layout);\r\n this.dirty = true;\r\n }\r\n\r\n /\r\n Generate style map from new layout format\r\n * @private\r\n /\r\n _generateStyleMapFromLayout(layout: any): StyleMap {\r\n const map: StyleMap = {};\r\n let realLineCount = 0;\r\n let charCount = 0;\r\n\r\n layout.lines.forEach((line: any, i: number) => {\r\n if (line.text.includes('\\n') && i > 0) {\r\n realLineCount++;\r\n }\r\n \r\n map[i] = { line: realLineCount, offset: 0 };\r\n charCount += line.graphemes.length;\r\n \r\n if (i < layout.lines.length - 1) {\r\n charCount += 1; // newline character\r\n }\r\n });\r\n\r\n return map;\r\n }\r\n\r\n /\r\n Generate an object that translates the style object so that it is\r\n * broken up by visual lines (new lines and automatic wrapping).\r\n * The original text styles object is broken up by actual lines (new lines only),\r\n * which is only sufficient for Text / IText\r\n * @private\r\n /\r\n _generateStyleMap(textInfo: TextLinesInfo): StyleMap {\r\n let realLineCount = 0,\r\n realLineCharCount = 0,\r\n charCount = 0;\r\n const map: StyleMap = {};\r\n\r\n for (let i = 0; i < textInfo.graphemeLines.length; i++) {\r\n if (textInfo.graphemeText[charCount] === '\\n' && i > 0) {\r\n realLineCharCount = 0;\r\n charCount++;\r\n realLineCount++;\r\n } else if (\r\n !this.splitByGrapheme &&\r\n this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) &&\r\n i > 0\r\n ) {\r\n // this case deals with space's that are removed from end of lines when wrapping\r\n realLineCharCount++;\r\n charCount++;\r\n }\r\n\r\n map[i] = { line: realLineCount, offset: realLineCharCount };\r\n\r\n charCount += textInfo.graphemeLines[i].length;\r\n realLineCharCount += textInfo.graphemeLines[i].length;\r\n }\r\n\r\n return map;\r\n }\r\n\r\n /\r\n Returns true if object has a style property or has it on a specified line\r\n * @param {Number} lineIndex\r\n * @return {Boolean}\r\n /\r\n styleHas(property: keyof TextStyleDeclaration, lineIndex: number): boolean {\r\n if (this._styleMap && !this.isWrapping) {\r\n const map = this._styleMap[lineIndex];\r\n if (map) {\r\n lineIndex = map.line;\r\n }\r\n }\r\n return super.styleHas(property, lineIndex);\r\n }\r\n\r\n /\r\n Returns true if object has no styling or no styling in a line\r\n * @param {Number} lineIndex , lineIndex is on wrapped lines.\r\n * @return {Boolean}\r\n /\r\n isEmptyStyles(lineIndex: number): boolean {\r\n if (!this.styles) {\r\n return true;\r\n }\r\n let offset = 0,\r\n nextLineIndex = lineIndex + 1,\r\n nextOffset: number,\r\n shouldLimit = false;\r\n const map = this._styleMap[lineIndex],\r\n mapNextLine = this._styleMap[lineIndex + 1];\r\n if (map) {\r\n lineIndex = map.line;\r\n offset = map.offset;\r\n }\r\n if (mapNextLine) {\r\n nextLineIndex = mapNextLine.line;\r\n shouldLimit = nextLineIndex === lineIndex;\r\n nextOffset = mapNextLine.offset;\r\n }\r\n const obj =\r\n typeof lineIndex === 'undefined'\r\n ? this.styles\r\n : { line: this.styles[lineIndex] };\r\n for (const p1 in obj) {\r\n for (const p2 in obj[p1]) {\r\n const p2Number = parseInt(p2, 10);\r\n if (p2Number >= offset && (!shouldLimit \|\| p2Number < nextOffset!)) {\r\n for (const p3 in obj[p1][p2]) {\r\n return false;\r\n }\r\n }\r\n }\r\n }\r\n return true;\r\n }\r\n\r\n /\r\n @protected\r\n * @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @return {TextStyleDeclaration} a style object reference to the existing one or a new empty object when undefined\r\n /\r\n _getStyleDeclaration(\r\n lineIndex: number,\r\n charIndex: number,\r\n ): TextStyleDeclaration {\r\n if (this._styleMap && !this.isWrapping) {\r\n const map = this._styleMap[lineIndex];\r\n if (!map) {\r\n return {};\r\n }\r\n lineIndex = map.line;\r\n charIndex = map.offset + charIndex;\r\n }\r\n return super._getStyleDeclaration(lineIndex, charIndex);\r\n }\r\n\r\n /\r\n @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @param {Object} style\r\n * @private\r\n /\r\n protected _setStyleDeclaration(\r\n lineIndex: number,\r\n charIndex: number,\r\n style: object,\r\n ) {\r\n const map = this._styleMap[lineIndex];\r\n super._setStyleDeclaration(map.line, map.offset + charIndex, style);\r\n }\r\n\r\n /\r\n @param {Number} lineIndex\r\n * @param {Number} charIndex\r\n * @private\r\n /\r\n protected _deleteStyleDeclaration(lineIndex: number, charIndex: number) {\r\n const map = this._styleMap[lineIndex];\r\n super._deleteStyleDeclaration(map.line, map.offset + charIndex);\r\n }\r\n\r\n /\r\n probably broken need a fix\r\n * Returns the real style line that correspond to the wrapped lineIndex line\r\n * Used just to verify if the line does exist or not.\r\n * @param {Number} lineIndex\r\n * @returns {Boolean} if the line exists or not\r\n * @private\r\n /\r\n protected _getLineStyle(lineIndex: number): boolean {\r\n const map = this._styleMap[lineIndex];\r\n return !!this.styles[map.line];\r\n }\r\n\r\n /\r\n Set the line style to an empty object so that is initialized\r\n * @param {Number} lineIndex\r\n * @param {Object} style\r\n * @private\r\n /\r\n protected _setLineStyle(lineIndex: number) {\r\n const map = this._styleMap[lineIndex];\r\n super._setLineStyle(map.line);\r\n }\r\n\r\n /\r\n Wraps text using the 'width' property of Textbox. First this function\r\n * splits text on newlines, so we preserve newlines entered by the user.\r\n * Then it wraps each line using the width of the Textbox by calling\r\n * _wrapLine().\r\n * @param {Array} lines The string array of text that is split into lines\r\n * @param {Number} desiredWidth width you want to wrap to\r\n * @returns {Array} Array of lines\r\n /\r\n _wrapText(lines: string[], desiredWidth: number): string[][] {\r\n this.isWrapping = true;\r\n // extract all thewords and the widths to optimally wrap lines.\r\n const data = this.getGraphemeDataForRender(lines);\r\n const wrapped: string[][] = [];\r\n for (let i = 0; i < data.wordsData.length; i++) {\r\n wrapped.push(...this._wrapLine(i, desiredWidth, data));\r\n }\r\n this.isWrapping = false;\r\n return wrapped;\r\n }\r\n\r\n /\r\n For each line of text terminated by an hard line stop,\r\n * measure each word width and extract the largest word from all.\r\n * The returned words here are the one that at the end will be rendered.\r\n * @param {string[]} lines the lines we need to measure\r\n \r\n /\r\n getGraphemeDataForRender(lines: string[]): GraphemeData {\r\n const splitByGrapheme = this.splitByGrapheme,\r\n infix = splitByGrapheme ? '' : ' ';\r\n\r\n let largestWordWidth = 0;\r\n\r\n const data = lines.map((line, lineIndex) => {\r\n let offset = 0;\r\n const wordsOrGraphemes = splitByGrapheme\r\n ? this.graphemeSplit(line)\r\n : this.wordSplit(line);\r\n\r\n if (wordsOrGraphemes.length === 0) {\r\n return [{ word: [], width: 0 }];\r\n }\r\n\r\n return wordsOrGraphemes.map((word: string) => {\r\n // if using splitByGrapheme words are already in graphemes.\r\n const graphemeArray = splitByGrapheme\r\n ? [word]\r\n : this.graphemeSplit(word);\r\n const width = this._measureWord(graphemeArray, lineIndex, offset);\r\n largestWordWidth = Math.max(width, largestWordWidth);\r\n offset += graphemeArray.length + infix.length;\r\n return { word: graphemeArray, width };\r\n });\r\n });\r\n\r\n return {\r\n wordsData: data,\r\n largestWordWidth,\r\n };\r\n }\r\n\r\n /*\r\n Helper function to measure a string of text, given its lineIndex and charIndex offset\r\n * It gets called when charBounds are not available yet.\r\n * Override if necessary\r\n * Use with {@link Textbox#wordSplit}\r\n \r\n @param {CanvasRenderingContext2D} ctx\r\n * @param {String} text\r\n * @param {number} lineIndex\r\n * @param {number} charOffset\r\n * @returns {number}\r\n /\r\n _measureWord(word: string[], lineIndex: number, charOffset = 0): number {\r\n let width = 0,\r\n prevGrapheme;\r\n const skipLeft = true;\r\n for (let i = 0, len = word.length; i < len; i++) {\r\n const box = this._getGraphemeBox(\r\n word[i],\r\n lineIndex,\r\n i + charOffset,\r\n prevGrapheme,\r\n skipLeft,\r\n );\r\n width += box.kernedWidth;\r\n prevGrapheme = word[i];\r\n }\r\n return width;\r\n }\r\n\r\n /\r\n Override this method to customize word splitting\r\n * Use with {@link Textbox#_measureWord}\r\n * @param {string} value\r\n * @returns {string[]} array of words\r\n /\r\n wordSplit(value: string): string[] {\r\n return value.split(this._wordJoiners);\r\n }\r\n\r\n /\r\n Wraps a line of text using the width of the Textbox as desiredWidth\r\n * and leveraging the known width o words from GraphemeData\r\n * @private\r\n * @param {Number} lineIndex\r\n * @param {Number} desiredWidth width you want to wrap the line to\r\n * @param {GraphemeData} graphemeData an object containing all the lines' words width.\r\n * @param {Number} reservedSpace space to remove from wrapping for custom functionalities\r\n * @returns {Array} Array of line(s) into which the given text is wrapped\r\n * to.\r\n /\r\n _wrapLine(\r\n lineIndex: number,\r\n desiredWidth: number,\r\n { largestWordWidth, wordsData }: GraphemeData,\r\n reservedSpace = 0,\r\n ): string[][] {\r\n const additionalSpace = this._getWidthOfCharSpacing(),\r\n splitByGrapheme = this.splitByGrapheme,\r\n graphemeLines = [],\r\n infix = splitByGrapheme ? '' : ' ';\r\n\r\n let lineWidth = 0,\r\n line: string[] = [],\r\n // spaces in different languages?\r\n offset = 0,\r\n infixWidth = 0,\r\n lineJustStarted = true;\r\n\r\n desiredWidth -= reservedSpace;\r\n\r\n const maxWidth = Math.max(\r\n desiredWidth,\r\n largestWordWidth,\r\n this.dynamicMinWidth,\r\n );\r\n // layout words\r\n const data = wordsData[lineIndex];\r\n offset = 0;\r\n let i;\r\n for (i = 0; i < data.length; i++) {\r\n const { word, width: wordWidth } = data[i];\r\n offset += word.length;\r\n\r\n lineWidth += infixWidth + wordWidth - additionalSpace;\r\n if (lineWidth > maxWidth && !lineJustStarted) {\r\n graphemeLines.push(line);\r\n line = [];\r\n lineWidth = wordWidth;\r\n lineJustStarted = true;\r\n } else {\r\n lineWidth += additionalSpace;\r\n }\r\n\r\n if (!lineJustStarted && !splitByGrapheme) {\r\n line.push(infix);\r\n }\r\n line = line.concat(word);\r\n\r\n infixWidth = splitByGrapheme\r\n ? 0\r\n : this._measureWord([infix], lineIndex, offset);\r\n offset++;\r\n lineJustStarted = false;\r\n }\r\n\r\n i && graphemeLines.push(line);\r\n\r\n // TODO: this code is probably not necessary anymore.\r\n // it can be moved out of this function since largestWordWidth is now\r\n // known in advance\r\n if (largestWordWidth + reservedSpace > this.dynamicMinWidth) {\r\n this.dynamicMinWidth = largestWordWidth - additionalSpace + reservedSpace;\r\n }\r\n return graphemeLines;\r\n }\r\n\r\n /\r\n Detect if the text line is ended with an hard break\r\n * text and itext do not have wrapping, return false\r\n * @param {Number} lineIndex text to split\r\n * @return {Boolean}\r\n /\r\n isEndOfWrapping(lineIndex: number): boolean {\r\n if (!this._styleMap[lineIndex + 1]) {\r\n // is last line, return true;\r\n return true;\r\n }\r\n if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) {\r\n // this is last line before a line break, return true;\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n /\r\n Detect if a line has a linebreak and so we need to account for it when moving\r\n * and counting style.\r\n * This is important only for splitByGrapheme at the end of wrapping.\r\n * If we are not wrapping the offset is always 1\r\n * @return Number\r\n /\r\n missingNewlineOffset(lineIndex: number, skipWrapping?: boolean): 0 \| 1 {\r\n if (this.splitByGrapheme && !skipWrapping) {\r\n return this.isEndOfWrapping(lineIndex) ? 1 : 0;\r\n }\r\n return 1;\r\n }\r\n\r\n /\r\n Gets lines of text to render in the Textbox. This function calculates\r\n * text wrapping on the fly every time it is called.\r\n * @param {String} text text to split\r\n * @returns {Array} Array of lines in the Textbox.\r\n * @override\r\n /\r\n _splitTextIntoLines(text: string) {\r\n const newText = super._splitTextIntoLines(text),\r\n graphemeLines = this._wrapText(newText.lines, this.width),\r\n lines = new Array(graphemeLines.length);\r\n for (let i = 0; i < graphemeLines.length; i++) {\r\n lines[i] = graphemeLines[i].join('');\r\n }\r\n newText.lines = lines;\r\n newText.graphemeLines = graphemeLines;\r\n return newText;\r\n }\r\n\r\n getMinWidth() {\r\n return Math.max(this.minWidth, this.dynamicMinWidth);\r\n }\r\n\r\n _removeExtraneousStyles() {\r\n const linesToKeep = new Map();\r\n for (const prop in this._styleMap) {\r\n const propNumber = parseInt(prop, 10);\r\n if (this._textLines[propNumber]) {\r\n const lineIndex = this._styleMap[prop].line;\r\n linesToKeep.set(`${lineIndex}`, true);\r\n }\r\n }\r\n for (const prop in this.styles) {\r\n if (!linesToKeep.has(prop)) {\r\n delete this.styles[prop];\r\n }\r\n }\r\n }\r\n\r\n /\r\n Initialize event listeners for safety snap functionality\r\n * @private\r\n /\r\n private initializeEventListeners(): void {\r\n // Track which side is being used for resize to handle position compensation\r\n let resizeOrigin: 'left' \| 'right' \| null = null;\r\n \r\n // Detect resize origin during resizing\r\n this.on('resizing', (e: any) => {\r\n // Check transform origin to determine which side is being resized\r\n console.log('🔍 Resize event data:', e);\r\n if (e.transform) {\r\n const { originX, originY } = e.transform;\r\n console.log('🔍 Transform origins:', { originX, originY });\r\n // originX tells us which side is the anchor - opposite side is being dragged\r\n resizeOrigin = originX === 'right' ? 'left' : originX === 'left' ? 'right' : null;\r\n console.log('🎯 Setting resizeOrigin to:', resizeOrigin);\r\n } else if (e.originX) {\r\n const { originX, originY } = e;\r\n console.log('🔍 Event origins:', { originX, originY });\r\n resizeOrigin = originX === 'right' ? 'left' : originX === 'left' ? 'right' : null;\r\n console.log('🎯 Setting resizeOrigin to:', resizeOrigin);\r\n }\r\n });\r\n \r\n // Only trigger safety snap after resize is complete (not during)\r\n // Use 'modified' event which fires after user releases the mouse\r\n this.on('modified', () => {\r\n const currentResizeOrigin = resizeOrigin; // Capture the value before reset\r\n console.log('✅ Modified event fired - resize complete, triggering safety snap', { resizeOrigin: currentResizeOrigin });\r\n // Small delay to ensure text layout is updated\r\n setTimeout(() => this.safetySnapWidth(currentResizeOrigin), 10);\r\n resizeOrigin = null; // Reset after capturing\r\n });\r\n \r\n // Also listen to canvas-level modified event as backup\r\n this.canvas?.on('object:modified', (e) => {\r\n if (e.target === this) {\r\n const currentResizeOrigin = resizeOrigin; // Capture the value before reset\r\n console.log('✅ Canvas object:modified fired for this textbox');\r\n setTimeout(() => this.safetySnapWidth(currentResizeOrigin), 10);\r\n resizeOrigin = null; // Reset after capturing\r\n }\r\n });\r\n }\r\n\r\n /\r\n Safety snap to prevent glyph clipping after manual resize.\r\n * Similar to Polotno - checks if any glyphs are too close to edges\r\n * and automatically expands width if needed.\r\n * @private\r\n * @param resizeOrigin - Which side was used for resizing ('left' or 'right')\r\n /\r\n private safetySnapWidth(resizeOrigin?: 'left' \| 'right' \| null): void {\r\n console.log('🔍 safetySnapWidth called', { \r\n isWrapping: this.isWrapping, \r\n hasTextLines: !!this._textLines,\r\n lineCount: this._textLines?.length \|\| 0,\r\n currentWidth: this.width,\r\n type: this.type,\r\n text: this.text\r\n });\r\n \r\n // For Textbox objects, we always want to check for clipping regardless of isWrapping flag\r\n if (!this._textLines \|\| this.type.toLowerCase() !== 'textbox' \|\| this._textLines.length === 0) {\r\n console.log('❌ Early return - missing requirements', {\r\n hasTextLines: !!this._textLines,\r\n typeMatch: this.type.toLowerCase() === 'textbox',\r\n actualType: this.type,\r\n hasLines: this._textLines?.length > 0\r\n });\r\n return;\r\n }\r\n \r\n const lineCount = this._textLines.length;\r\n if (lineCount === 0) return;\r\n\r\n // Check all lines, not just the last one\r\n let maxActualLineWidth = 0; // Actual measured width without buffers\r\n let maxRequiredWidth = 0; // Width including RTL buffer\r\n \r\n for (let i = 0; i < lineCount; i++) {\r\n const lineText = this._textLines[i].join(''); // Convert grapheme array to string\r\n const lineWidth = this.getLineWidth(i);\r\n maxActualLineWidth = Math.max(maxActualLineWidth, lineWidth);\r\n \r\n // RTL detection - regex for Arabic, Hebrew, and other RTL characters\r\n const rtlRegex = /[\\u0590-\\u05FF\\u0600-\\u06FF\\u0750-\\u077F\\uFB50-\\uFDFF\\uFE70-\\uFEFF]/;\r\n if (rtlRegex.test(lineText)) {\r\n // Add minimal RTL compensation buffer - just enough to prevent clipping\r\n const rtlBuffer = (this.fontSize \|\| 16) 0.15; // 15% of font size (much smaller)\r\n maxRequiredWidth = Math.max(maxRequiredWidth, lineWidth + rtlBuffer);\r\n } else {\r\n maxRequiredWidth = Math.max(maxRequiredWidth, lineWidth);\r\n }\r\n }\r\n\r\n // Safety margin - how close glyphs can get before we snap\r\n const safetyThreshold = 2; // px - very subtle trigger\r\n \r\n if (maxRequiredWidth > this.width - safetyThreshold) {\r\n // Set width to exactly what's needed + minimal safety margin\r\n const newWidth = maxRequiredWidth + 1; // Add just 1px safety margin\r\n console.log(`Safety snap: ${this.width.toFixed(0)}px -> ${newWidth.toFixed(0)}px`, {\r\n maxActualLineWidth: maxActualLineWidth.toFixed(1),\r\n maxRequiredWidth: maxRequiredWidth.toFixed(1),\r\n difference: (newWidth - this.width).toFixed(1)\r\n });\r\n \r\n // Store original position before width change\r\n const originalLeft = this.left;\r\n const originalTop = this.top;\r\n const widthIncrease = newWidth - this.width;\r\n \r\n // Change width \r\n this.set('width', newWidth);\r\n \r\n // Force text layout recalculation\r\n this.initDimensions();\r\n \r\n // Only compensate position when resizing from left handle\r\n // Right handle resize doesn't shift the text position\r\n if (resizeOrigin === 'left') {\r\n console.log('🔧 Compensating for left-side resize', {\r\n originalLeft,\r\n widthIncrease,\r\n newLeft: originalLeft - widthIncrease\r\n });\r\n // When resizing from left, the expansion pushes text right\r\n // Compensate by moving the textbox left by the width increase\r\n this.set({\r\n 'left': originalLeft - widthIncrease,\r\n 'top': originalTop\r\n });\r\n } else {\r\n console.log('✅ Right-side resize, no compensation needed');\r\n }\r\n \r\n this.setCoords();\r\n \r\n // Also refresh the overlay editor if it exists\r\n if ((this as any).__overlayEditor) {\r\n setTimeout(() => {\r\n (this as any).__overlayEditor.refresh();\r\n }, 0);\r\n }\r\n \r\n this.canvas?.requestRenderAll();\r\n }\r\n }\r\n\r\n /*\r\n Returns object representation of an instance\r\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\r\n * @return {Object} object representation of an instance\r\n */\r\n toObject<\r\n T extends Omit<Props & TClassProperties<this>, keyof SProps>,\r\n K extends keyof T = never,\r\n >(propertiesToInclude: K[] = []): Pick<T, K> & SProps {\r\n return super.toObject<T, K>([\r\n 'minWidth',\r\n 'splitByGrapheme',\r\n ...propertiesToInclude,\r\n ] as K[]);\r\n }\r\n}\r\n\r\nclassRegistry.setClass(Textbox);\r\n"],"names":["textboxDefaultValues","minWidth","dynamicMinWidth","lockScalingFlip","noScaleCache","_wordJoiners","splitByGrapheme","Textbox","IText","getDefaults","super","ownDefaults","constructor","text","options","this","initializeEventListeners","createControls","controls","createTextboxDefaultControls","initDimensions","initialized","enableAdvancedLayout","initDimensionsAdvanced","isEditing","initDelayedCursor","_clearCache","_styleMap","_generateStyleMap","_splitText","width","_set","textAlign","includes","JUSTIFY","enlargeSpaces","height","calcTextHeight","layout","layoutText","wrap","align","_mapTextAlignToAlign","ellipsis","fontSize","lineHeight","letterSpacing","charSpacing","direction","fontFamily","fontStyle","fontWeight","verticalAlign","lines","length","maxLineWidth","Math","max","map","line","newLayout","_getAdvancedLayoutOptions","totalHeight","_convertLayoutToLegacyFormat","_generateStyleMapFromLayout","dirty","realLineCount","charCount","forEach","i","offset","graphemes","textInfo","realLineCharCount","graphemeLines","graphemeText","_reSpaceAndTab","test","styleHas","property","lineIndex","isWrapping","isEmptyStyles","styles","nextOffset","nextLineIndex","shouldLimit","mapNextLine","obj","p1","p2","p2Number","parseInt","p3","_getStyleDeclaration","charIndex","_setStyleDeclaration","style","_deleteStyleDeclaration","_getLineStyle","_setLineStyle","_wrapText","desiredWidth","data","getGraphemeDataForRender","wrapped","wordsData","push","_wrapLine","infix","largestWordWidth","wordsOrGraphemes","graphemeSplit","wordSplit","word","graphemeArray","_measureWord","prevGrapheme","charOffset","arguments","undefined","len","_getGraphemeBox","kernedWidth","value","split","_ref","reservedSpace","additionalSpace","_getWidthOfCharSpacing","lineWidth","infixWidth","lineJustStarted","maxWidth","wordWidth","concat","isEndOfWrapping","missingNewlineOffset","skipWrapping","_splitTextIntoLines","newText","Array","join","getMinWidth","_removeExtraneousStyles","linesToKeep","Map","prop","propNumber","_textLines","set","has","_this$canvas","resizeOrigin","on","e","console","log","transform","originX","originY","currentResizeOrigin","setTimeout","safetySnapWidth","canvas","target","_this$_textLines","_this$_textLines2","hasTextLines","lineCount","currentWidth","type","toLowerCase","typeMatch","actualType","hasLines","maxActualLineWidth","maxRequiredWidth","lineText","getLineWidth","rtlBuffer","_this$canvas2","newWidth","toFixed","difference","originalLeft","left","originalTop","top","widthIncrease","newLeft","setCoords","__overlayEditor","refresh","requestRenderAll","toObject","propertiesToInclude","_defineProperty","textLayoutProperties","classRegistry","setClass"],"mappings":"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"}
1	+ {"version":3,"file":"Textbox.min.mjs","sources":["../../../src/shapes/Textbox.ts"],"sourcesContent":["import type { TClassProperties, TOptions } from '../typedefs';\nimport { IText } from './IText/IText';\nimport { classRegistry } from '../ClassRegistry';\nimport { createTextboxDefaultControls } from '../controls/commonControls';\nimport { JUSTIFY, JUSTIFY_CENTER } from './Text/constants';\nimport type { TextStyleDeclaration } from './Text/StyledText';\nimport type { SerializedITextProps, ITextProps } from './IText/IText';\nimport type { ITextEvents } from './IText/ITextBehavior';\nimport type { TextLinesInfo } from './Text/Text';\nimport type { Control } from '../controls/Control';\nimport { layoutText } from '../text/layout';\n\n// @TODO: Many things here are configuration related and shouldn't be on the class nor prototype\n// regexes, list of properties that are not suppose to change by instances, magic consts.\n// this will be a separated effort\nexport const textboxDefaultValues: Partial<TClassProperties<Textbox>> = {\n minWidth: 20,\n dynamicMinWidth: 2,\n lockScalingFlip: true,\n noScaleCache: false,\n _wordJoiners: /[ \\t\\r]/,\n splitByGrapheme: false,\n};\n\nexport type GraphemeData = {\n wordsData: {\n word: string[];\n width: number;\n }[][];\n largestWordWidth: number;\n};\n\nexport type StyleMap = Record<string, { line: number; offset: number }>;\n\n// @TODO this is not complete\ninterface UniqueTextboxProps {\n minWidth: number;\n splitByGrapheme: boolean;\n dynamicMinWidth: number;\n _wordJoiners: RegExp;\n}\n\nexport interface SerializedTextboxProps\n extends SerializedITextProps,\n Pick<UniqueTextboxProps, 'minWidth' \| 'splitByGrapheme'> {}\n\nexport interface TextboxProps extends ITextProps, UniqueTextboxProps {}\n\n/*\n Textbox class, based on IText, allows the user to resize the text rectangle\n * and wraps lines automatically. Textboxes have their Y scaling locked, the\n * user can only change width. Height is adjusted automatically based on the\n * wrapping of lines.\n /\nexport class Textbox<\n Props extends TOptions<TextboxProps> = Partial<TextboxProps>,\n SProps extends SerializedTextboxProps = SerializedTextboxProps,\n EventSpec extends ITextEvents = ITextEvents,\n >\n extends IText<Props, SProps, EventSpec>\n implements UniqueTextboxProps\n{\n /\n Minimum width of textbox, in pixels.\n * @type Number\n /\n declare minWidth: number;\n\n /\n Minimum calculated width of a textbox, in pixels.\n * fixed to 2 so that an empty textbox cannot go to 0\n * and is still selectable without text.\n * @type Number\n /\n declare dynamicMinWidth: number;\n\n /\n Use this boolean property in order to split strings that have no white space concept.\n * this is a cheap way to help with chinese/japanese\n * @type Boolean\n * @since 2.6.0\n /\n declare splitByGrapheme: boolean;\n\n declare _wordJoiners: RegExp;\n\n declare _styleMap: StyleMap;\n\n declare isWrapping: boolean;\n\n static type = 'Textbox';\n\n static textLayoutProperties = [...IText.textLayoutProperties, 'width'];\n\n static ownDefaults = textboxDefaultValues;\n\n static getDefaults(): Record<string, any> {\n return {\n ...super.getDefaults(),\n ...Textbox.ownDefaults,\n };\n }\n\n /\n Constructor\n * @param {String} text Text string\n * @param {Object} [options] Options object\n /\n constructor(text: string, options?: Props) {\n super(text, { ...Textbox.ownDefaults, ...options } as Props);\n this.initializeEventListeners();\n }\n\n /\n Creates the default control object.\n * If you prefer to have on instance of controls shared among all objects\n * make this function return an empty object and add controls to the ownDefaults object\n /\n static createControls(): { controls: Record<string, Control> } {\n return { controls: createTextboxDefaultControls() };\n }\n\n /\n Unlike superclass's version of this function, Textbox does not update\n * its width.\n * @private\n * @override\n /\n initDimensions() {\n if (!this.initialized) {\n return;\n }\n \n // Use advanced layout if enabled\n if (this.enableAdvancedLayout) {\n return this.initDimensionsAdvanced();\n }\n \n this.isEditing && this.initDelayedCursor();\n this._clearCache();\n // clear dynamicMinWidth as it will be different after we re-wrap line\n this.dynamicMinWidth = 0;\n // wrap lines\n this._styleMap = this._generateStyleMap(this._splitText());\n // if after wrapping, the width is smaller than dynamicMinWidth, change the width and re-wrap\n if (this.dynamicMinWidth > this.width) {\n this._set('width', this.dynamicMinWidth);\n }\n if (this.textAlign.includes(JUSTIFY)) {\n // once text is measured we need to make space fatter to make justified text.\n this.enlargeSpaces();\n }\n // clear cache and re-calculate height\n this.height = this.calcTextHeight();\n }\n\n /\n Advanced dimensions calculation using new layout engine\n * @private\n /\n initDimensionsAdvanced() {\n if (!this.initialized) {\n return;\n }\n \n this.isEditing && this.initDelayedCursor();\n this._clearCache();\n this.dynamicMinWidth = 0;\n \n // Use new layout engine\n const layout = layoutText({\n text: this.text,\n width: this.width,\n height: this.height,\n wrap: this.wrap \|\| 'word',\n align: (this as any)._mapTextAlignToAlign(this.textAlign),\n ellipsis: this.ellipsis \|\| false,\n fontSize: this.fontSize,\n lineHeight: this.lineHeight,\n letterSpacing: this.letterSpacing \|\| 0,\n charSpacing: this.charSpacing,\n direction: this.direction === 'inherit' ? 'ltr' : this.direction,\n fontFamily: this.fontFamily,\n fontStyle: this.fontStyle,\n fontWeight: this.fontWeight,\n verticalAlign: this.verticalAlign \|\| 'top',\n });\n \n // Update dynamic minimum width based on layout\n if (layout.lines.length > 0) {\n const maxLineWidth = Math.max(...layout.lines.map(line => line.width));\n this.dynamicMinWidth = Math.max(this.minWidth, maxLineWidth);\n }\n \n // Adjust width if needed (preserving Textbox behavior)\n if (this.dynamicMinWidth > this.width) {\n this._set('width', this.dynamicMinWidth);\n // Re-layout with new width\n const newLayout = layoutText({\n ...(this as any)._getAdvancedLayoutOptions(),\n width: this.width,\n });\n this.height = newLayout.totalHeight;\n (this as any)._convertLayoutToLegacyFormat(newLayout);\n } else {\n this.height = layout.totalHeight;\n (this as any)._convertLayoutToLegacyFormat(layout);\n }\n \n // Generate style map for compatibility\n this._styleMap = this._generateStyleMapFromLayout(layout);\n this.dirty = true;\n }\n\n /\n Generate style map from new layout format\n * @private\n /\n _generateStyleMapFromLayout(layout: any): StyleMap {\n const map: StyleMap = {};\n let realLineCount = 0;\n let charCount = 0;\n\n layout.lines.forEach((line: any, i: number) => {\n if (line.text.includes('\\n') && i > 0) {\n realLineCount++;\n }\n \n map[i] = { line: realLineCount, offset: 0 };\n charCount += line.graphemes.length;\n \n if (i < layout.lines.length - 1) {\n charCount += 1; // newline character\n }\n });\n\n return map;\n }\n\n /\n Generate an object that translates the style object so that it is\n * broken up by visual lines (new lines and automatic wrapping).\n * The original text styles object is broken up by actual lines (new lines only),\n * which is only sufficient for Text / IText\n * @private\n /\n _generateStyleMap(textInfo: TextLinesInfo): StyleMap {\n let realLineCount = 0,\n realLineCharCount = 0,\n charCount = 0;\n const map: StyleMap = {};\n\n for (let i = 0; i < textInfo.graphemeLines.length; i++) {\n if (textInfo.graphemeText[charCount] === '\\n' && i > 0) {\n realLineCharCount = 0;\n charCount++;\n realLineCount++;\n } else if (\n !this.splitByGrapheme &&\n this._reSpaceAndTab.test(textInfo.graphemeText[charCount]) &&\n i > 0\n ) {\n // this case deals with space's that are removed from end of lines when wrapping\n realLineCharCount++;\n charCount++;\n }\n\n map[i] = { line: realLineCount, offset: realLineCharCount };\n\n charCount += textInfo.graphemeLines[i].length;\n realLineCharCount += textInfo.graphemeLines[i].length;\n }\n\n return map;\n }\n\n /\n Returns true if object has a style property or has it on a specified line\n * @param {Number} lineIndex\n * @return {Boolean}\n /\n styleHas(property: keyof TextStyleDeclaration, lineIndex: number): boolean {\n if (this._styleMap && !this.isWrapping) {\n const map = this._styleMap[lineIndex];\n if (map) {\n lineIndex = map.line;\n }\n }\n return super.styleHas(property, lineIndex);\n }\n\n /\n Returns true if object has no styling or no styling in a line\n * @param {Number} lineIndex , lineIndex is on wrapped lines.\n * @return {Boolean}\n /\n isEmptyStyles(lineIndex: number): boolean {\n if (!this.styles) {\n return true;\n }\n let offset = 0,\n nextLineIndex = lineIndex + 1,\n nextOffset: number,\n shouldLimit = false;\n const map = this._styleMap[lineIndex],\n mapNextLine = this._styleMap[lineIndex + 1];\n if (map) {\n lineIndex = map.line;\n offset = map.offset;\n }\n if (mapNextLine) {\n nextLineIndex = mapNextLine.line;\n shouldLimit = nextLineIndex === lineIndex;\n nextOffset = mapNextLine.offset;\n }\n const obj =\n typeof lineIndex === 'undefined'\n ? this.styles\n : { line: this.styles[lineIndex] };\n for (const p1 in obj) {\n for (const p2 in obj[p1]) {\n const p2Number = parseInt(p2, 10);\n if (p2Number >= offset && (!shouldLimit \|\| p2Number < nextOffset!)) {\n for (const p3 in obj[p1][p2]) {\n return false;\n }\n }\n }\n }\n return true;\n }\n\n /\n @protected\n * @param {Number} lineIndex\n * @param {Number} charIndex\n * @return {TextStyleDeclaration} a style object reference to the existing one or a new empty object when undefined\n /\n _getStyleDeclaration(\n lineIndex: number,\n charIndex: number,\n ): TextStyleDeclaration {\n if (this._styleMap && !this.isWrapping) {\n const map = this._styleMap[lineIndex];\n if (!map) {\n return {};\n }\n lineIndex = map.line;\n charIndex = map.offset + charIndex;\n }\n return super._getStyleDeclaration(lineIndex, charIndex);\n }\n\n /\n @param {Number} lineIndex\n * @param {Number} charIndex\n * @param {Object} style\n * @private\n /\n protected _setStyleDeclaration(\n lineIndex: number,\n charIndex: number,\n style: object,\n ) {\n const map = this._styleMap[lineIndex];\n super._setStyleDeclaration(map.line, map.offset + charIndex, style);\n }\n\n /\n @param {Number} lineIndex\n * @param {Number} charIndex\n * @private\n /\n protected _deleteStyleDeclaration(lineIndex: number, charIndex: number) {\n const map = this._styleMap[lineIndex];\n super._deleteStyleDeclaration(map.line, map.offset + charIndex);\n }\n\n /\n probably broken need a fix\n * Returns the real style line that correspond to the wrapped lineIndex line\n * Used just to verify if the line does exist or not.\n * @param {Number} lineIndex\n * @returns {Boolean} if the line exists or not\n * @private\n /\n protected _getLineStyle(lineIndex: number): boolean {\n const map = this._styleMap[lineIndex];\n return !!this.styles[map.line];\n }\n\n /\n Set the line style to an empty object so that is initialized\n * @param {Number} lineIndex\n * @param {Object} style\n * @private\n /\n protected _setLineStyle(lineIndex: number) {\n const map = this._styleMap[lineIndex];\n super._setLineStyle(map.line);\n }\n\n /\n Wraps text using the 'width' property of Textbox. First this function\n * splits text on newlines, so we preserve newlines entered by the user.\n * Then it wraps each line using the width of the Textbox by calling\n * _wrapLine().\n * @param {Array} lines The string array of text that is split into lines\n * @param {Number} desiredWidth width you want to wrap to\n * @returns {Array} Array of lines\n /\n _wrapText(lines: string[], desiredWidth: number): string[][] {\n this.isWrapping = true;\n // extract all thewords and the widths to optimally wrap lines.\n const data = this.getGraphemeDataForRender(lines);\n const wrapped: string[][] = [];\n for (let i = 0; i < data.wordsData.length; i++) {\n wrapped.push(...this._wrapLine(i, desiredWidth, data));\n }\n this.isWrapping = false;\n return wrapped;\n }\n\n /\n For each line of text terminated by an hard line stop,\n * measure each word width and extract the largest word from all.\n * The returned words here are the one that at the end will be rendered.\n * @param {string[]} lines the lines we need to measure\n \n /\n getGraphemeDataForRender(lines: string[]): GraphemeData {\n const splitByGrapheme = this.splitByGrapheme,\n infix = splitByGrapheme ? '' : ' ';\n\n let largestWordWidth = 0;\n\n const data = lines.map((line, lineIndex) => {\n let offset = 0;\n const wordsOrGraphemes = splitByGrapheme\n ? this.graphemeSplit(line)\n : this.wordSplit(line);\n\n if (wordsOrGraphemes.length === 0) {\n return [{ word: [], width: 0 }];\n }\n\n return wordsOrGraphemes.map((word: string) => {\n // if using splitByGrapheme words are already in graphemes.\n const graphemeArray = splitByGrapheme\n ? [word]\n : this.graphemeSplit(word);\n const width = this._measureWord(graphemeArray, lineIndex, offset);\n largestWordWidth = Math.max(width, largestWordWidth);\n offset += graphemeArray.length + infix.length;\n return { word: graphemeArray, width };\n });\n });\n\n return {\n wordsData: data,\n largestWordWidth,\n };\n }\n\n /*\n Helper function to measure a string of text, given its lineIndex and charIndex offset\n * It gets called when charBounds are not available yet.\n * Override if necessary\n * Use with {@link Textbox#wordSplit}\n \n @param {CanvasRenderingContext2D} ctx\n * @param {String} text\n * @param {number} lineIndex\n * @param {number} charOffset\n * @returns {number}\n /\n _measureWord(word: string[], lineIndex: number, charOffset = 0): number {\n let width = 0,\n prevGrapheme;\n const skipLeft = true;\n for (let i = 0, len = word.length; i < len; i++) {\n const box = this._getGraphemeBox(\n word[i],\n lineIndex,\n i + charOffset,\n prevGrapheme,\n skipLeft,\n );\n width += box.kernedWidth;\n prevGrapheme = word[i];\n }\n return width;\n }\n\n /\n Override this method to customize word splitting\n * Use with {@link Textbox#_measureWord}\n * @param {string} value\n * @returns {string[]} array of words\n /\n wordSplit(value: string): string[] {\n return value.split(this._wordJoiners);\n }\n\n /\n Wraps a line of text using the width of the Textbox as desiredWidth\n * and leveraging the known width o words from GraphemeData\n * @private\n * @param {Number} lineIndex\n * @param {Number} desiredWidth width you want to wrap the line to\n * @param {GraphemeData} graphemeData an object containing all the lines' words width.\n * @param {Number} reservedSpace space to remove from wrapping for custom functionalities\n * @returns {Array} Array of line(s) into which the given text is wrapped\n * to.\n /\n _wrapLine(\n lineIndex: number,\n desiredWidth: number,\n { largestWordWidth, wordsData }: GraphemeData,\n reservedSpace = 0,\n ): string[][] {\n const additionalSpace = this._getWidthOfCharSpacing(),\n splitByGrapheme = this.splitByGrapheme,\n graphemeLines = [],\n infix = splitByGrapheme ? '' : ' ';\n\n let lineWidth = 0,\n line: string[] = [],\n // spaces in different languages?\n offset = 0,\n infixWidth = 0,\n lineJustStarted = true;\n\n desiredWidth -= reservedSpace;\n\n const maxWidth = Math.max(\n desiredWidth,\n largestWordWidth,\n this.dynamicMinWidth,\n );\n // layout words\n const data = wordsData[lineIndex];\n offset = 0;\n let i;\n for (i = 0; i < data.length; i++) {\n const { word, width: wordWidth } = data[i];\n offset += word.length;\n\n lineWidth += infixWidth + wordWidth - additionalSpace;\n if (lineWidth > maxWidth && !lineJustStarted) {\n graphemeLines.push(line);\n line = [];\n lineWidth = wordWidth;\n lineJustStarted = true;\n } else {\n lineWidth += additionalSpace;\n }\n\n if (!lineJustStarted && !splitByGrapheme) {\n line.push(infix);\n }\n line = line.concat(word);\n\n infixWidth = splitByGrapheme\n ? 0\n : this._measureWord([infix], lineIndex, offset);\n offset++;\n lineJustStarted = false;\n }\n\n i && graphemeLines.push(line);\n\n // TODO: this code is probably not necessary anymore.\n // it can be moved out of this function since largestWordWidth is now\n // known in advance\n if (largestWordWidth + reservedSpace > this.dynamicMinWidth) {\n this.dynamicMinWidth = largestWordWidth - additionalSpace + reservedSpace;\n }\n return graphemeLines;\n }\n\n /\n Detect if the text line is ended with an hard break\n * text and itext do not have wrapping, return false\n * @param {Number} lineIndex text to split\n * @return {Boolean}\n /\n isEndOfWrapping(lineIndex: number): boolean {\n if (!this._styleMap[lineIndex + 1]) {\n // is last line, return true;\n return true;\n }\n if (this._styleMap[lineIndex + 1].line !== this._styleMap[lineIndex].line) {\n // this is last line before a line break, return true;\n return true;\n }\n return false;\n }\n\n /\n Detect if a line has a linebreak and so we need to account for it when moving\n * and counting style.\n * This is important only for splitByGrapheme at the end of wrapping.\n * If we are not wrapping the offset is always 1\n * @return Number\n /\n missingNewlineOffset(lineIndex: number, skipWrapping?: boolean): 0 \| 1 {\n if (this.splitByGrapheme && !skipWrapping) {\n return this.isEndOfWrapping(lineIndex) ? 1 : 0;\n }\n return 1;\n }\n\n /\n Gets lines of text to render in the Textbox. This function calculates\n * text wrapping on the fly every time it is called.\n * @param {String} text text to split\n * @returns {Array} Array of lines in the Textbox.\n * @override\n /\n _splitTextIntoLines(text: string) {\n const newText = super._splitTextIntoLines(text),\n graphemeLines = this._wrapText(newText.lines, this.width),\n lines = new Array(graphemeLines.length);\n for (let i = 0; i < graphemeLines.length; i++) {\n lines[i] = graphemeLines[i].join('');\n }\n newText.lines = lines;\n newText.graphemeLines = graphemeLines;\n return newText;\n }\n\n getMinWidth() {\n return Math.max(this.minWidth, this.dynamicMinWidth);\n }\n\n _removeExtraneousStyles() {\n const linesToKeep = new Map();\n for (const prop in this._styleMap) {\n const propNumber = parseInt(prop, 10);\n if (this._textLines[propNumber]) {\n const lineIndex = this._styleMap[prop].line;\n linesToKeep.set(`${lineIndex}`, true);\n }\n }\n for (const prop in this.styles) {\n if (!linesToKeep.has(prop)) {\n delete this.styles[prop];\n }\n }\n }\n\n /\n Initialize event listeners for safety snap functionality\n * @private\n /\n private initializeEventListeners(): void {\n // Track which side is being used for resize to handle position compensation\n let resizeOrigin: 'left' \| 'right' \| null = null;\n \n // Detect resize origin during resizing\n this.on('resizing', (e: any) => {\n // Check transform origin to determine which side is being resized\n if (e.transform) {\n const { originX } = e.transform;\n // originX tells us which side is the anchor - opposite side is being dragged\n resizeOrigin = originX === 'right' ? 'left' : originX === 'left' ? 'right' : null;\n } else if (e.originX) {\n const { originX } = e;\n resizeOrigin = originX === 'right' ? 'left' : originX === 'left' ? 'right' : null;\n }\n });\n \n // Only trigger safety snap after resize is complete (not during)\n // Use 'modified' event which fires after user releases the mouse\n this.on('modified', () => {\n const currentResizeOrigin = resizeOrigin; // Capture the value before reset\n // Small delay to ensure text layout is updated\n setTimeout(() => this.safetySnapWidth(currentResizeOrigin), 10);\n resizeOrigin = null; // Reset after capturing\n });\n \n // Also listen to canvas-level modified event as backup\n this.canvas?.on('object:modified', (e) => {\n if (e.target === this) {\n const currentResizeOrigin = resizeOrigin; // Capture the value before reset\n setTimeout(() => this.safetySnapWidth(currentResizeOrigin), 10);\n resizeOrigin = null; // Reset after capturing\n }\n });\n }\n\n /\n Safety snap to prevent glyph clipping after manual resize.\n * Similar to Polotno - checks if any glyphs are too close to edges\n * and automatically expands width if needed.\n * @private\n * @param resizeOrigin - Which side was used for resizing ('left' or 'right')\n /\n private safetySnapWidth(resizeOrigin?: 'left' \| 'right' \| null): void {\n // For Textbox objects, we always want to check for clipping regardless of isWrapping flag\n if (!this._textLines \|\| this.type.toLowerCase() !== 'textbox' \|\| this._textLines.length === 0) {\n return;\n }\n \n const lineCount = this._textLines.length;\n if (lineCount === 0) return;\n\n // Check all lines, not just the last one\n let maxActualLineWidth = 0; // Actual measured width without buffers\n let maxRequiredWidth = 0; // Width including RTL buffer\n \n for (let i = 0; i < lineCount; i++) {\n const lineText = this._textLines[i].join(''); // Convert grapheme array to string\n const lineWidth = this.getLineWidth(i);\n maxActualLineWidth = Math.max(maxActualLineWidth, lineWidth);\n \n // RTL detection - regex for Arabic, Hebrew, and other RTL characters\n const rtlRegex = /[\\u0590-\\u05FF\\u0600-\\u06FF\\u0750-\\u077F\\uFB50-\\uFDFF\\uFE70-\\uFEFF]/;\n if (rtlRegex.test(lineText)) {\n // Add minimal RTL compensation buffer - just enough to prevent clipping\n const rtlBuffer = (this.fontSize \|\| 16) 0.15; // 15% of font size (much smaller)\n maxRequiredWidth = Math.max(maxRequiredWidth, lineWidth + rtlBuffer);\n } else {\n maxRequiredWidth = Math.max(maxRequiredWidth, lineWidth);\n }\n }\n\n // Safety margin - how close glyphs can get before we snap\n const safetyThreshold = 2; // px - very subtle trigger\n \n if (maxRequiredWidth > this.width - safetyThreshold) {\n // Set width to exactly what's needed + minimal safety margin\n const newWidth = maxRequiredWidth + 1; // Add just 1px safety margin\n \n // Store original position before width change\n const originalLeft = this.left;\n const originalTop = this.top;\n const widthIncrease = newWidth - this.width;\n \n // Change width \n this.set('width', newWidth);\n \n // Force text layout recalculation\n this.initDimensions();\n \n // Only compensate position when resizing from left handle\n // Right handle resize doesn't shift the text position\n if (resizeOrigin === 'left') {\n // When resizing from left, the expansion pushes text right\n // Compensate by moving the textbox left by the width increase\n this.set({\n 'left': originalLeft - widthIncrease,\n 'top': originalTop\n });\n }\n \n this.setCoords();\n \n // Also refresh the overlay editor if it exists\n if ((this as any).__overlayEditor) {\n setTimeout(() => {\n (this as any).__overlayEditor.refresh();\n }, 0);\n }\n \n this.canvas?.requestRenderAll();\n }\n }\n\n /*\n Returns object representation of an instance\n * @param {Array} [propertiesToInclude] Any properties that you might want to additionally include in the output\n * @return {Object} object representation of an instance\n */\n toObject<\n T extends Omit<Props & TClassProperties<this>, keyof SProps>,\n K extends keyof T = never,\n >(propertiesToInclude: K[] = []): Pick<T, K> & SProps {\n return super.toObject<T, K>([\n 'minWidth',\n 'splitByGrapheme',\n ...propertiesToInclude,\n ] as K[]);\n }\n}\n\nclassRegistry.setClass(Textbox);\n"],"names":["textboxDefaultValues","minWidth","dynamicMinWidth","lockScalingFlip","noScaleCache","_wordJoiners","splitByGrapheme","Textbox","IText","getDefaults","super","ownDefaults","constructor","text","options","this","initializeEventListeners","createControls","controls","createTextboxDefaultControls","initDimensions","initialized","enableAdvancedLayout","initDimensionsAdvanced","isEditing","initDelayedCursor","_clearCache","_styleMap","_generateStyleMap","_splitText","width","_set","textAlign","includes","JUSTIFY","enlargeSpaces","height","calcTextHeight","layout","layoutText","wrap","align","_mapTextAlignToAlign","ellipsis","fontSize","lineHeight","letterSpacing","charSpacing","direction","fontFamily","fontStyle","fontWeight","verticalAlign","lines","length","maxLineWidth","Math","max","map","line","newLayout","_getAdvancedLayoutOptions","totalHeight","_convertLayoutToLegacyFormat","_generateStyleMapFromLayout","dirty","realLineCount","charCount","forEach","i","offset","graphemes","textInfo","realLineCharCount","graphemeLines","graphemeText","_reSpaceAndTab","test","styleHas","property","lineIndex","isWrapping","isEmptyStyles","styles","nextOffset","nextLineIndex","shouldLimit","mapNextLine","obj","p1","p2","p2Number","parseInt","p3","_getStyleDeclaration","charIndex","_setStyleDeclaration","style","_deleteStyleDeclaration","_getLineStyle","_setLineStyle","_wrapText","desiredWidth","data","getGraphemeDataForRender","wrapped","wordsData","push","_wrapLine","infix","largestWordWidth","wordsOrGraphemes","graphemeSplit","wordSplit","word","graphemeArray","_measureWord","prevGrapheme","charOffset","arguments","undefined","len","_getGraphemeBox","kernedWidth","value","split","_ref","reservedSpace","additionalSpace","_getWidthOfCharSpacing","lineWidth","infixWidth","lineJustStarted","maxWidth","wordWidth","concat","isEndOfWrapping","missingNewlineOffset","skipWrapping","_splitTextIntoLines","newText","Array","join","getMinWidth","_removeExtraneousStyles","linesToKeep","Map","prop","propNumber","_textLines","set","has","_this$canvas","resizeOrigin","on","e","transform","originX","currentResizeOrigin","setTimeout","safetySnapWidth","canvas","target","type","toLowerCase","lineCount","maxRequiredWidth","lineText","getLineWidth","rtlBuffer","_this$canvas2","newWidth","originalLeft","left","originalTop","top","widthIncrease","setCoords","__overlayEditor","refresh","requestRenderAll","toObject","propertiesToInclude","_defineProperty","textLayoutProperties","classRegistry","setClass"],"mappings":"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"}