npm - fabric - Versions diffs - 7.3.1 → 7.4.0 - Mend

fabric 7.3.1 → 7.4.0

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextSVGExportMixin.mjs","names":[],"sources":["../../../../src/shapes/Text/TextSVGExportMixin.ts"],"sourcesContent":["import { config } from '../../config';\nimport type { TSVGReviver } from '../../typedefs';\nimport { escapeXml } from '../../util/lang_string';\nimport { colorPropToSVG, createSVGRect } from '../../util/misc/svgParsing';\nimport { hasStyleChanged } from '../../util/misc/textStyles';\nimport { toFixed } from '../../util/misc/toFixed';\nimport { FabricObjectSVGExportMixin } from '../Object/FabricObjectSVGExportMixin';\nimport { type TextStyleDeclaration } from './StyledText';\nimport {\n JUSTIFY,\n TEXT_DECORATION_COLOR,\n TEXT_DECORATION_THICKNESS,\n} from '../Text/constants';\nimport type { FabricText, GraphemeBBox } from './Text';\nimport { STROKE, FILL } from '../../constants';\nimport { createRotateMatrix } from '../../util/misc/matrix';\nimport { radiansToDegrees } from '../../util/misc/radiansDegreesConversion';\nimport { Point } from '../../Point';\nimport { matrixToSVG } from '../../util/misc/svgExport';\n\nconst multipleSpacesRegex = / +/g;\nconst dblQuoteRegex = /\"/g;\n\nfunction createSVGInlineRect(\n color: string,\n left: number,\n top: number,\n width: number,\n height: number,\n) {\n return `\\t\\t${createSVGRect(color, { left, top, width, height })}\\n`;\n}\n\nexport class TextSVGExportMixin extends FabricObjectSVGExportMixin {\n _toSVG(this: TextSVGExportMixin & FabricText): string[] {\n const offsets = this._getSVGLeftTopOffsets(),\n textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft);\n return this._wrapSVGTextAndBg(textAndBg);\n }\n\n toSVG(this: TextSVGExportMixin & FabricText, reviver?: TSVGReviver): string {\n const textSvg = this._createBaseSVGMarkup(this._toSVG(), {\n reviver,\n noStyle: true,\n withShadow: true,\n }),\n path = this.path;\n if (path) {\n return (\n textSvg +\n path._createBaseSVGMarkup(path._toSVG(), {\n reviver,\n withShadow: true,\n additionalTransform: matrixToSVG(this.calcOwnMatrix()),\n })\n );\n }\n return textSvg;\n }\n\n private _getSVGLeftTopOffsets(this: TextSVGExportMixin & FabricText) {\n return {\n textLeft: -this.width / 2,\n textTop: -this.height / 2,\n lineTop: this.getHeightOfLine(0),\n };\n }\n\n private _wrapSVGTextAndBg(\n this: TextSVGExportMixin & FabricText,\n {\n textBgRects,\n textSpans,\n }: {\n textSpans: string[];\n textBgRects: string[];\n },\n ) {\n const noShadow = true,\n textDecoration = this.getSvgTextDecoration(this);\n return [\n textBgRects.join(''),\n '\\t\\t<text xml:space=\"preserve\" ',\n `font-family=\"${escapeXml(this.fontFamily.replace(dblQuoteRegex, \"'\"))}\" `,\n `font-size=\"${escapeXml(this.fontSize)}\" `,\n this.fontStyle ? `font-style=\"${escapeXml(this.fontStyle)}\" ` : '',\n this.fontWeight ? `font-weight=\"${escapeXml(this.fontWeight)}\" ` : '',\n textDecoration ? `text-decoration=\"${textDecoration}\" ` : '',\n this.direction === 'rtl' ? `direction=\"rtl\" ` : '',\n 'style=\"',\n this.getSvgStyles(noShadow),\n '\"',\n this.addPaintOrder(),\n ' >',\n textSpans.join(''),\n '</text>\\n',\n ];\n }\n\n /*\n @private\n * @param {Number} textTopOffset Text top offset\n * @param {Number} textLeftOffset Text left offset\n * @return {Object}\n /\n private _getSVGTextAndBg(\n this: TextSVGExportMixin & FabricText,\n textTopOffset: number,\n textLeftOffset: number,\n ) {\n const textSpans: string[] = [],\n textBgRects: string[] = [];\n let height = textTopOffset,\n lineOffset;\n\n // bounding-box background\n this.backgroundColor &&\n textBgRects.push(\n createSVGInlineRect(\n this.backgroundColor,\n -this.width / 2,\n -this.height / 2,\n this.width,\n this.height,\n ),\n );\n\n // text and text-background\n for (let i = 0, len = this._textLines.length; i < len; i++) {\n lineOffset = this._getLineLeftOffset(i);\n if (this.direction === 'rtl') {\n lineOffset += this.width;\n }\n if (this.textBackgroundColor \|\| this.styleHas('textBackgroundColor', i)) {\n this._setSVGTextLineBg(\n textBgRects,\n i,\n textLeftOffset + lineOffset,\n height,\n );\n }\n this._setSVGTextLineText(\n textSpans,\n i,\n textLeftOffset + lineOffset,\n height,\n );\n height += this.getHeightOfLine(i);\n }\n\n return {\n textSpans,\n textBgRects,\n };\n }\n\n private _createTextCharSpan(\n this: TextSVGExportMixin & FabricText,\n char: string,\n styleDecl: TextStyleDeclaration,\n left: number,\n top: number,\n charBox: GraphemeBBox,\n ) {\n const numFractionDigit = config.NUM_FRACTION_DIGITS;\n const styleProps = this.getSvgSpanStyles(\n styleDecl,\n char !== char.trim() \|\| !!char.match(multipleSpacesRegex),\n ),\n fillStyles = styleProps ? `style=\"${styleProps}\"` : '',\n dy = styleDecl.deltaY,\n dySpan = dy ? ` dy=\"${toFixed(dy, numFractionDigit)}\" ` : '',\n { angle, renderLeft, renderTop, width } = charBox;\n let angleAttr = '';\n if (renderLeft !== undefined) {\n const wBy2 = width / 2;\n angle &&\n (angleAttr = ` rotate=\"${toFixed(radiansToDegrees(angle), numFractionDigit)}\"`);\n const m = createRotateMatrix({ angle: radiansToDegrees(angle!) });\n m[4] = renderLeft!;\n m[5] = renderTop!;\n const renderPoint = new Point(-wBy2, 0).transform(m);\n left = renderPoint.x;\n top = renderPoint.y;\n }\n\n return `<tspan x=\"${toFixed(left, numFractionDigit)}\" y=\"${toFixed(\n top,\n numFractionDigit,\n )}\" ${dySpan}${angleAttr}${fillStyles}>${escapeXml(char)}</tspan>`;\n }\n\n private _setSVGTextLineText(\n this: TextSVGExportMixin & FabricText,\n textSpans: string[],\n lineIndex: number,\n textLeftOffset: number,\n textTopOffset: number,\n ) {\n const lineHeight = this.getHeightOfLine(lineIndex),\n isJustify = this.textAlign.includes(JUSTIFY),\n line = this._textLines[lineIndex];\n let actualStyle,\n nextStyle,\n charsToRender = '',\n charBox,\n style,\n boxWidth = 0,\n timeToRender;\n\n textTopOffset +=\n (lineHeight (1 - this._fontSizeFraction)) / this.lineHeight;\n for (let i = 0, len = line.length - 1; i <= len; i++) {\n timeToRender = i === len \|\| this.charSpacing \|\| this.path;\n charsToRender += line[i];\n charBox = this.__charBounds[lineIndex][i];\n if (boxWidth === 0) {\n textLeftOffset += charBox.kernedWidth - charBox.width;\n boxWidth += charBox.width;\n } else {\n boxWidth += charBox.kernedWidth;\n }\n if (isJustify && !timeToRender) {\n if (this._reSpaceAndTab.test(line[i])) {\n timeToRender = true;\n }\n }\n if (!timeToRender) {\n // if we have charSpacing or a path, we render char by char\n actualStyle =\n actualStyle \|\| this.getCompleteStyleDeclaration(lineIndex, i);\n nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);\n timeToRender = hasStyleChanged(actualStyle, nextStyle, true);\n }\n if (timeToRender) {\n style = this._getStyleDeclaration(lineIndex, i);\n textSpans.push(\n this._createTextCharSpan(\n charsToRender,\n style,\n textLeftOffset,\n textTopOffset,\n charBox,\n ),\n );\n charsToRender = '';\n actualStyle = nextStyle;\n if (this.direction === 'rtl') {\n textLeftOffset -= boxWidth;\n } else {\n textLeftOffset += boxWidth;\n }\n boxWidth = 0;\n }\n }\n }\n\n private _setSVGTextLineBg(\n this: TextSVGExportMixin & FabricText,\n textBgRects: (string \| number)[],\n i: number,\n leftOffset: number,\n textTopOffset: number,\n ) {\n const line = this._textLines[i],\n heightOfLine = this.getHeightOfLine(i) / this.lineHeight;\n let boxWidth = 0,\n boxStart = 0,\n currentColor,\n lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor');\n for (let j = 0; j < line.length; j++) {\n const { left, width, kernedWidth } = this.__charBounds[i][j];\n currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor');\n if (currentColor !== lastColor) {\n lastColor &&\n textBgRects.push(\n createSVGInlineRect(\n lastColor,\n leftOffset + boxStart,\n textTopOffset,\n boxWidth,\n heightOfLine,\n ),\n );\n boxStart = left;\n boxWidth = width;\n lastColor = currentColor;\n } else {\n boxWidth += kernedWidth;\n }\n }\n currentColor &&\n textBgRects.push(\n createSVGInlineRect(\n lastColor,\n leftOffset + boxStart,\n textTopOffset,\n boxWidth,\n heightOfLine,\n ),\n );\n }\n\n /*\n Returns styles-string for svg-export\n * @param {Boolean} skipShadow a boolean to skip shadow filter output\n * @return {String}\n /\n getSvgStyles(this: TextSVGExportMixin & FabricText, skipShadow?: boolean) {\n const objectLevelTextDecorationColor = this[TEXT_DECORATION_COLOR]\n ? ` text-decoration-color: ${escapeXml(this[TEXT_DECORATION_COLOR])};`\n : '';\n return `${super.getSvgStyles(skipShadow)} text-decoration-thickness: ${toFixed((this.textDecorationThickness this.getObjectScaling().y) / 10, config.NUM_FRACTION_DIGITS)}%;${objectLevelTextDecorationColor} white-space: pre;`;\n }\n\n /*\n Returns styles-string for svg-export\n * @param {Object} style the object from which to retrieve style properties\n * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style.\n * @return {String}\n /\n getSvgSpanStyles(\n this: TextSVGExportMixin & FabricText,\n style: TextStyleDeclaration,\n useWhiteSpace?: boolean,\n ) {\n const {\n fontFamily,\n strokeWidth,\n stroke,\n fill,\n fontSize,\n fontStyle,\n fontWeight,\n textDecorationThickness,\n textDecorationColor,\n linethrough,\n overline,\n underline,\n } = style;\n\n const textDecoration = this.getSvgTextDecoration({\n underline: underline ?? this.underline,\n overline: overline ?? this.overline,\n linethrough: linethrough ?? this.linethrough,\n });\n const thickness =\n textDecorationThickness \|\| this[TEXT_DECORATION_THICKNESS];\n const decorationColor = textDecorationColor \|\| this[TEXT_DECORATION_COLOR];\n return [\n stroke ? colorPropToSVG(STROKE, stroke) : '',\n strokeWidth ? `stroke-width: ${escapeXml(strokeWidth)}; ` : '',\n fontFamily\n ? `font-family: ${\n !fontFamily.includes(\"'\") && !fontFamily.includes('\"')\n ? `'${escapeXml(fontFamily)}'`\n : escapeXml(fontFamily)\n }; `\n : '',\n fontSize ? `font-size: ${escapeXml(fontSize)}px; ` : '',\n fontStyle ? `font-style: ${escapeXml(fontStyle)}; ` : '',\n fontWeight ? `font-weight: ${escapeXml(fontWeight)}; ` : '',\n textDecoration\n ? `text-decoration: ${textDecoration}; text-decoration-thickness: ${toFixed((thickness this.getObjectScaling().y) / 10, config.NUM_FRACTION_DIGITS)}%;${\n decorationColor\n ? ` text-decoration-color: ${escapeXml(decorationColor)};`\n : ''\n } `\n : '',\n fill ? colorPropToSVG(FILL, fill) : '',\n useWhiteSpace ? 'white-space: pre; ' : '',\n ].join('');\n }\n\n /*\n Returns text-decoration property for svg-export\n * @param {Object} style the object from which to retrieve style properties\n * @return {String}\n */\n getSvgTextDecoration(\n this: TextSVGExportMixin & FabricText,\n style: TextStyleDeclaration,\n ) {\n return (['overline', 'underline', 'line-through'] as const)\n .filter(\n (decoration) =>\n style[\n decoration.replace('-', '') as\n \| 'overline'\n \| 'underline'\n \| 'linethrough'\n ],\n )\n .join(' ');\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"TextSVGExportMixin.mjs","names":[],"sources":["../../../../src/shapes/Text/TextSVGExportMixin.ts"],"sourcesContent":["import { config } from '../../config';\nimport type { TSVGReviver } from '../../typedefs';\nimport { escapeXml } from '../../util/lang_string';\nimport { colorPropToSVG, createSVGRect } from '../../util/misc/svgParsing';\nimport { hasStyleChanged } from '../../util/misc/textStyles';\nimport { toFixed } from '../../util/misc/toFixed';\nimport { FabricObjectSVGExportMixin } from '../Object/FabricObjectSVGExportMixin';\nimport { type TextStyleDeclaration } from './StyledText';\nimport {\n JUSTIFY,\n TEXT_DECORATION_COLOR,\n TEXT_DECORATION_THICKNESS,\n} from '../Text/constants';\nimport type { FabricText, GraphemeBBox } from './Text';\nimport { STROKE, FILL } from '../../constants';\nimport { createRotateMatrix } from '../../util/misc/matrix';\nimport { radiansToDegrees } from '../../util/misc/radiansDegreesConversion';\nimport { Point } from '../../Point';\nimport {\n getSafeSvgStyleNumber,\n getSafeSvgStyleToken,\n isSafeSvgStyleValue,\n} from '../../util/internals/svgExportCheck';\nimport { matrixToSVG } from '../../util/misc/svgExport';\n\nconst multipleSpacesRegex = / +/g;\nconst dblQuoteRegex = /\"/g;\n\nfunction createSVGInlineRect(\n color: string,\n left: number,\n top: number,\n width: number,\n height: number,\n) {\n return `\\t\\t${createSVGRect(color, { left, top, width, height })}\\n`;\n}\n\nexport class TextSVGExportMixin extends FabricObjectSVGExportMixin {\n _toSVG(this: TextSVGExportMixin & FabricText): string[] {\n const offsets = this._getSVGLeftTopOffsets(),\n textAndBg = this._getSVGTextAndBg(offsets.textTop, offsets.textLeft);\n return this._wrapSVGTextAndBg(textAndBg);\n }\n\n toSVG(this: TextSVGExportMixin & FabricText, reviver?: TSVGReviver): string {\n const textSvg = this._createBaseSVGMarkup(this._toSVG(), {\n reviver,\n noStyle: true,\n withShadow: true,\n }),\n path = this.path;\n if (path) {\n return (\n textSvg +\n path._createBaseSVGMarkup(path._toSVG(), {\n reviver,\n withShadow: true,\n additionalTransform: matrixToSVG(this.calcOwnMatrix()),\n })\n );\n }\n return textSvg;\n }\n\n private _getSVGLeftTopOffsets(this: TextSVGExportMixin & FabricText) {\n return {\n textLeft: -this.width / 2,\n textTop: -this.height / 2,\n lineTop: this.getHeightOfLine(0),\n };\n }\n\n private _wrapSVGTextAndBg(\n this: TextSVGExportMixin & FabricText,\n {\n textBgRects,\n textSpans,\n }: {\n textSpans: string[];\n textBgRects: string[];\n },\n ) {\n const noShadow = true,\n textDecoration = this.getSvgTextDecoration(this);\n return [\n textBgRects.join(''),\n '\\t\\t<text xml:space=\"preserve\" ',\n `font-family=\"${escapeXml(this.fontFamily.replace(dblQuoteRegex, \"'\"))}\" `,\n `font-size=\"${escapeXml(this.fontSize)}\" `,\n this.fontStyle ? `font-style=\"${escapeXml(this.fontStyle)}\" ` : '',\n this.fontWeight ? `font-weight=\"${escapeXml(this.fontWeight)}\" ` : '',\n textDecoration ? `text-decoration=\"${textDecoration}\" ` : '',\n this.direction === 'rtl' ? `direction=\"rtl\" ` : '',\n 'style=\"',\n this.getSvgStyles(noShadow),\n '\"',\n this.addPaintOrder(),\n ' >',\n textSpans.join(''),\n '</text>\\n',\n ];\n }\n\n /*\n @private\n * @param {Number} textTopOffset Text top offset\n * @param {Number} textLeftOffset Text left offset\n * @return {Object}\n /\n private _getSVGTextAndBg(\n this: TextSVGExportMixin & FabricText,\n textTopOffset: number,\n textLeftOffset: number,\n ) {\n const textSpans: string[] = [],\n textBgRects: string[] = [];\n let height = textTopOffset,\n lineOffset;\n\n // bounding-box background\n this.backgroundColor &&\n textBgRects.push(\n createSVGInlineRect(\n this.backgroundColor,\n -this.width / 2,\n -this.height / 2,\n this.width,\n this.height,\n ),\n );\n\n // text and text-background\n for (let i = 0, len = this._textLines.length; i < len; i++) {\n lineOffset = this._getLineLeftOffset(i);\n if (this.direction === 'rtl') {\n lineOffset += this.width;\n }\n if (this.textBackgroundColor \|\| this.styleHas('textBackgroundColor', i)) {\n this._setSVGTextLineBg(\n textBgRects,\n i,\n textLeftOffset + lineOffset,\n height,\n );\n }\n this._setSVGTextLineText(\n textSpans,\n i,\n textLeftOffset + lineOffset,\n height,\n );\n height += this.getHeightOfLine(i);\n }\n\n return {\n textSpans,\n textBgRects,\n };\n }\n\n private _createTextCharSpan(\n this: TextSVGExportMixin & FabricText,\n char: string,\n styleDecl: TextStyleDeclaration,\n left: number,\n top: number,\n charBox: GraphemeBBox,\n ) {\n const numFractionDigit = config.NUM_FRACTION_DIGITS;\n const styleProps = this.getSvgSpanStyles(\n styleDecl,\n char !== char.trim() \|\| !!char.match(multipleSpacesRegex),\n ),\n fillStyles = styleProps ? `style=\"${styleProps}\"` : '',\n dy = styleDecl.deltaY,\n dySpan = dy ? ` dy=\"${toFixed(dy, numFractionDigit)}\" ` : '',\n { angle, renderLeft, renderTop, width } = charBox;\n let angleAttr = '';\n if (renderLeft !== undefined) {\n const wBy2 = width / 2;\n angle &&\n (angleAttr = ` rotate=\"${toFixed(radiansToDegrees(angle), numFractionDigit)}\"`);\n const m = createRotateMatrix({ angle: radiansToDegrees(angle!) });\n m[4] = renderLeft!;\n m[5] = renderTop!;\n const renderPoint = new Point(-wBy2, 0).transform(m);\n left = renderPoint.x;\n top = renderPoint.y;\n }\n\n return `<tspan x=\"${toFixed(left, numFractionDigit)}\" y=\"${toFixed(\n top,\n numFractionDigit,\n )}\" ${dySpan}${angleAttr}${fillStyles}>${escapeXml(char)}</tspan>`;\n }\n\n private _setSVGTextLineText(\n this: TextSVGExportMixin & FabricText,\n textSpans: string[],\n lineIndex: number,\n textLeftOffset: number,\n textTopOffset: number,\n ) {\n const lineHeight = this.getHeightOfLine(lineIndex),\n isJustify = this.textAlign.includes(JUSTIFY),\n line = this._textLines[lineIndex];\n let actualStyle,\n nextStyle,\n charsToRender = '',\n charBox,\n style,\n boxWidth = 0,\n timeToRender;\n\n textTopOffset +=\n (lineHeight (1 - this._fontSizeFraction)) / this.lineHeight;\n for (let i = 0, len = line.length - 1; i <= len; i++) {\n timeToRender = i === len \|\| this.charSpacing \|\| this.path;\n charsToRender += line[i];\n charBox = this.__charBounds[lineIndex][i];\n if (boxWidth === 0) {\n textLeftOffset += charBox.kernedWidth - charBox.width;\n boxWidth += charBox.width;\n } else {\n boxWidth += charBox.kernedWidth;\n }\n if (isJustify && !timeToRender) {\n if (this._reSpaceAndTab.test(line[i])) {\n timeToRender = true;\n }\n }\n if (!timeToRender) {\n // if we have charSpacing or a path, we render char by char\n actualStyle =\n actualStyle \|\| this.getCompleteStyleDeclaration(lineIndex, i);\n nextStyle = this.getCompleteStyleDeclaration(lineIndex, i + 1);\n timeToRender = hasStyleChanged(actualStyle, nextStyle, true);\n }\n if (timeToRender) {\n style = this._getStyleDeclaration(lineIndex, i);\n textSpans.push(\n this._createTextCharSpan(\n charsToRender,\n style,\n textLeftOffset,\n textTopOffset,\n charBox,\n ),\n );\n charsToRender = '';\n actualStyle = nextStyle;\n if (this.direction === 'rtl') {\n textLeftOffset -= boxWidth;\n } else {\n textLeftOffset += boxWidth;\n }\n boxWidth = 0;\n }\n }\n }\n\n private _setSVGTextLineBg(\n this: TextSVGExportMixin & FabricText,\n textBgRects: (string \| number)[],\n i: number,\n leftOffset: number,\n textTopOffset: number,\n ) {\n const line = this._textLines[i],\n heightOfLine = this.getHeightOfLine(i) / this.lineHeight;\n let boxWidth = 0,\n boxStart = 0,\n currentColor,\n lastColor = this.getValueOfPropertyAt(i, 0, 'textBackgroundColor');\n for (let j = 0; j < line.length; j++) {\n const { left, width, kernedWidth } = this.__charBounds[i][j];\n currentColor = this.getValueOfPropertyAt(i, j, 'textBackgroundColor');\n if (currentColor !== lastColor) {\n lastColor &&\n textBgRects.push(\n createSVGInlineRect(\n lastColor,\n leftOffset + boxStart,\n textTopOffset,\n boxWidth,\n heightOfLine,\n ),\n );\n boxStart = left;\n boxWidth = width;\n lastColor = currentColor;\n } else {\n boxWidth += kernedWidth;\n }\n }\n currentColor &&\n textBgRects.push(\n createSVGInlineRect(\n lastColor,\n leftOffset + boxStart,\n textTopOffset,\n boxWidth,\n heightOfLine,\n ),\n );\n }\n\n /*\n Returns styles-string for svg-export\n * @param {Boolean} skipShadow a boolean to skip shadow filter output\n * @return {String}\n /\n getSvgStyles(this: TextSVGExportMixin & FabricText, skipShadow?: boolean) {\n const objectLevelTextDecorationColor = isSafeSvgStyleValue(\n this[TEXT_DECORATION_COLOR],\n )\n ? ` text-decoration-color: ${escapeXml(this[TEXT_DECORATION_COLOR])};`\n : '';\n return `${super.getSvgStyles(skipShadow)} text-decoration-thickness: ${toFixed((this.textDecorationThickness this.getObjectScaling().y) / 10, config.NUM_FRACTION_DIGITS)}%;${objectLevelTextDecorationColor} white-space: pre;`;\n }\n\n /*\n Returns styles-string for svg-export\n * @param {Object} style the object from which to retrieve style properties\n * @param {Boolean} useWhiteSpace a boolean to include an additional attribute in the style.\n * @return {String}\n /\n getSvgSpanStyles(\n this: TextSVGExportMixin & FabricText,\n style: TextStyleDeclaration,\n useWhiteSpace?: boolean,\n ) {\n const {\n fontFamily,\n strokeWidth,\n stroke,\n fill,\n fontSize,\n fontStyle,\n fontWeight,\n textDecorationThickness,\n textDecorationColor,\n linethrough,\n overline,\n underline,\n } = style;\n\n const textDecoration = this.getSvgTextDecoration({\n underline: underline ?? this.underline,\n overline: overline ?? this.overline,\n linethrough: linethrough ?? this.linethrough,\n });\n const thickness =\n textDecorationThickness \|\| this[TEXT_DECORATION_THICKNESS];\n const decorationColor = textDecorationColor \|\| this[TEXT_DECORATION_COLOR];\n const safeStrokeWidth = getSafeSvgStyleNumber(strokeWidth);\n const safeFontFamily = getSafeSvgStyleToken(fontFamily);\n const safeFontSize = getSafeSvgStyleNumber(fontSize);\n const safeFontStyle = getSafeSvgStyleToken(fontStyle);\n const safeFontWeight =\n getSafeSvgStyleNumber(fontWeight) \|\| getSafeSvgStyleToken(fontWeight);\n const safeDecorationColor = getSafeSvgStyleToken(decorationColor);\n return [\n stroke ? colorPropToSVG(STROKE, stroke) : '',\n safeStrokeWidth ? `stroke-width: ${escapeXml(safeStrokeWidth)}; ` : '',\n safeFontFamily\n ? `font-family: ${\n !safeFontFamily.includes(\"'\") && !safeFontFamily.includes('\"')\n ? `'${escapeXml(safeFontFamily)}'`\n : escapeXml(safeFontFamily)\n }; `\n : '',\n safeFontSize ? `font-size: ${escapeXml(safeFontSize)}px; ` : '',\n safeFontStyle ? `font-style: ${escapeXml(safeFontStyle)}; ` : '',\n safeFontWeight ? `font-weight: ${escapeXml(safeFontWeight)}; ` : '',\n textDecoration\n ? `text-decoration: ${textDecoration}; text-decoration-thickness: ${toFixed((thickness this.getObjectScaling().y) / 10, config.NUM_FRACTION_DIGITS)}%;${\n safeDecorationColor\n ? ` text-decoration-color: ${escapeXml(safeDecorationColor)};`\n : ''\n } `\n : '',\n fill ? colorPropToSVG(FILL, fill) : '',\n useWhiteSpace ? 'white-space: pre; ' : '',\n ].join('');\n }\n\n /*\n Returns text-decoration property for svg-export\n * @param {Object} style the object from which to retrieve style properties\n * @return {String}\n */\n getSvgTextDecoration(\n this: TextSVGExportMixin & FabricText,\n style: TextStyleDeclaration,\n ) {\n return (['overline', 'underline', 'line-through'] as const)\n .filter(\n (decoration) =>\n style[\n decoration.replace('-', '') as\n \| 'overline'\n \| 'underline'\n \| 'linethrough'\n ],\n )\n .join(' ');\n }\n}\n"],"mappings":"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"}

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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~~IA6Db~~;;;;;OAKG;IACH,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO;IAY3C;;;;;;OAMG;IACH,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC;IAOtE;;;;;;OAMG;IACH,mBAAmB,CAAC,IAAI,EAAE,MAAM;IAYhC,WAAW;IAIX,uBAAuB;IAgBvB;;;;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":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAItC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAKnD,eAAO,MAAM,oBAAoB,EAAE,OAAO,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAOnE,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,SAAS,EAAE;QACT,IAAI,EAAE,MAAM,EAAE,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,EAAE,CAAC;IACN,gBAAgB,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAGxE,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,sBACf,SACE,oBAAoB,EACpB,IAAI,CAAC,kBAAkB,EAAE,UAAU,GAAG,iBAAiB,CAAC;CAAG;AAE/D,MAAM,WAAW,YAAa,SAAQ,UAAU,EAAE,kBAAkB;CAAG;AAEvE;;;;;GAKG;AACH,qBAAa,OAAO,CAClB,KAAK,SAAS,QAAQ,CAAC,YAAY,CAAC,GAAG,OAAO,CAAC,YAAY,CAAC,EAC5D,MAAM,SAAS,sBAAsB,GAAG,sBAAsB,EAC9D,SAAS,SAAS,WAAW,GAAG,WAAW,CAE3C,SAAQ,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,SAAS,CACtC,YAAW,kBAAkB;IAE7B;;;OAGG;IACK,QAAQ,EAAE,MAAM,CAAC;IAEzB;;;;;OAKG;IACK,eAAe,EAAE,MAAM,CAAC;IAEhC;;;;;OAKG;IACK,eAAe,EAAE,OAAO,CAAC;IAEzB,YAAY,EAAE,MAAM,CAAC;IAErB,SAAS,EAAE,QAAQ,CAAC;IAEpB,UAAU,EAAE,OAAO,CAAC;IAE5B,MAAM,CAAC,IAAI,SAAa;IAExB,MAAM,CAAC,oBAAoB,WAA4C;IAEvE,MAAM,CAAC,WAAW,iGAAwB;IAE1C,MAAM,CAAC,WAAW,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAOzC;;;;OAIG;gBACS,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,KAAK;IAIzC;;;;OAIG;IACH,MAAM,CAAC,cAAc,IAAI;QAAE,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;KAAE;IAI9D;;;;;OAKG;IACH,cAAc;IAsBd;;;;;;OAMG;IACH,iBAAiB,CAAC,QAAQ,EAAE,aAAa,GAAG,QAAQ;IA8BpD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,MAAM,oBAAoB,EAAE,SAAS,EAAE,MAAM,GAAG,OAAO;IAU1E;;;;OAIG;IACH,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO;IAoCzC;;;;;OAKG;IACH,oBAAoB,CAClB,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,GAChB,oBAAoB;IAYvB;;;;;OAKG;IACH,SAAS,CAAC,oBAAoB,CAC5B,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,MAAM;IAMf;;;;OAIG;IACH,SAAS,CAAC,uBAAuB,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM;IAKtE;;;;;;;OAOG;IACH,SAAS,CAAC,aAAa,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO;IAKnD;;;;;OAKG;IACH,SAAS,CAAC,aAAa,CAAC,SAAS,EAAE,MAAM;IAKzC;;;;;;;;OAQG;IACH,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE;IAY5D;;;;;;OAMG;IACH,wBAAwB,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,YAAY;IAkCvD;;;;;;;;;;;OAWG;IACH,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,SAAI,GAAG,MAAM;IAkBvE;;;;;OAKG;IACH,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE;IAIlC;;;;;;;;;;OAUG;IACH,SAAS,CACP,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,MAAM,EACpB,EAAE,gBAAgB,EAAE,SAAS,EAAE,EAAE,YAAY,EAC7C,aAAa,SAAI,GAChB,MAAM,EAAE,EAAE;IA4Db;;;;;OAKG;IACH,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO;IAY3C;;;;;;OAMG;IACH,oBAAoB,CAAC,SAAS,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC;IAOtE;;;;;;OAMG;IACH,mBAAmB,CAAC,IAAI,EAAE,MAAM;IAYhC,WAAW;IAIX,uBAAuB;IAgBvB;;;;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"}

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

@@ -1,3 +1,3 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{classRegistry as t}from"../ClassRegistry.min.mjs";import"./Text/constants.min.mjs";import{createTextboxDefaultControls as n}from"../controls/commonControls.min.mjs";import{IText as r}from"./IText/IText.min.mjs";var i=class e extends r{static getDefaults(){return{...super.getDefaults(),...e.ownDefaults}}constructor(t,n){super(t,{...e.ownDefaults,...n})}static createControls(){return{controls:n()}}initDimensions(){this.initialized&&(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(`justify`)&&this.enlargeSpaces(),this.height=this.calcTextHeight())}_generateStyleMap(e){let t=0,n=0,r=0,i={};for(let a=0;a<e.graphemeLines.length;a++)e.graphemeText[r]===`
-`&&a>0?(n=0,r++,t++):!this.splitByGrapheme&&this._reSpaceAndTab.test(e.graphemeText[r])&&a>0&&(n++,r++),i[a]={line:t,offset:n},r+=e.graphemeLines[a].length,n+=e.graphemeLines[a].length;return i}styleHas(e,t){if(this._styleMap&&!this.isWrapping){let e=this._styleMap[t];e&&(t=e.line)}return super.styleHas(e,t)}isEmptyStyles(e){if(!this.styles)return!0;let t,n=0,r=e+1,i=!1,a=this._styleMap[e],o=this._styleMap[e+1];a&&(e=a.line,n=a.offset),o&&(r=o.line,i=r===e,t=o.offset);let s=e===void 0?this.styles:{line:this.styles[e]};for(let e in s)for(let r in s[e]){let a=parseInt(r,10);if(a>=n&&(!i||a<t))for(let t in s[e][r])return!1}return!0}_getStyleDeclaration(e,t){if(this._styleMap&&!this.isWrapping){let n=this._styleMap[e];if(!n)return{};e=n.line,t=n.offset+t}return super._getStyleDeclaration(e,t)}_setStyleDeclaration(e,t,n){let r=this._styleMap[e];super._setStyleDeclaration(r.line,r.offset+t,n)}_deleteStyleDeclaration(e,t){let n=this._styleMap[e];super._deleteStyleDeclaration(n.line,n.offset+t)}_getLineStyle(e){let t=this._styleMap[e];return!!this.styles[t.line]}_setLineStyle(e){let t=this._styleMap[e];super._setLineStyle(t.line)}_wrapText(e,t){this.isWrapping=!0;let n=this.getGraphemeDataForRender(e),r=[];for(let e=0;e<n.wordsData.length;e++)r.push(...this._wrapLine(e,t,n));return this.isWrapping=!1,r}getGraphemeDataForRender(e){let t=this.splitByGrapheme,n=t?``:` `,r=0;return{wordsData:e.map((e,i)=>{let a=0,o=t?this.graphemeSplit(e):this.wordSplit(e);return o.length===0?[{word:[],width:0}]:o.map(e=>{let o=t?[e]:this.graphemeSplit(e),s=this._measureWord(o,i,a);return r=Math.max(s,r),a+=o.length+n.length,{word:o,width:s}})}),largestWordWidth:r}}_measureWord(e,t,n=0){let r,i=0;for(let a=0,o=e.length;a<o;a++)i+=this._getGraphemeBox(e[a],t,a+n,r,!0).kernedWidth,r=e[a];return i}wordSplit(e){return e.split(this._wordJoiners)}_wrapLine(e,t,{largestWordWidth:n,wordsData:r},i=0){let a=this._getWidthOfCharSpacing(),o=this.splitByGrapheme,s=[],c=o?``:` `,l=0,u=[],d=0,f=0,p=!0;t-=i;let m=Math.max(t,n,this.dynamicMinWidth),h=r[e],g;for(d=0,g=0;g<h.length;g++){let{word:t,width:n}=h[g];d+=t.length,l+=f+n-a,l>m&&!p?(s.push(u),u=[],l=n,p=!0):l+=a,p||o||u.push(c),u=u.concat(t),f=o?0:this._measureWord([c],e,d),d++,p=!1}return g&&s.push(u),n+i>this.dynamicMinWidth&&(this.dynamicMinWidth=n-a+i),s}isEndOfWrapping(e){return!this._styleMap[e+1]||this._styleMap[e+1].line!==this._styleMap[e].line}missingNewlineOffset(e,t){return this.splitByGrapheme&&!t?this.isEndOfWrapping(e)?1:0:1}_splitTextIntoLines(e){let t=super._splitTextIntoLines(e),n=this._wrapText(t.lines,this.width),r=Array(n.length);for(let e=0;e<n.length;e++)r[e]=n[e].join(``);return t.lines=r,t.graphemeLines=n,t}getMinWidth(){return Math.max(this.minWidth,this.dynamicMinWidth)}_removeExtraneousStyles(){let e=new Map;for(let t in this._styleMap){let n=parseInt(t,10);if(this._textLines[n]){let n=this._styleMap[t].line;e.set(`${n}`,!0)}}for(let t in this.styles)e.has(t)||delete this.styles[t]}toObject(e=[]){return super.toObject([`minWidth`,`splitByGrapheme`,...e])}};e(i,`type`,`Textbox`),e(i,`textLayoutProperties`,[...r.textLayoutProperties,`width`]),e(i,`ownDefaults`,{minWidth:20,dynamicMinWidth:2,lockScalingFlip:!0,noScaleCache:!1,_wordJoiners:/[ \t\r]/,splitByGrapheme:!1}),t.setClass(i);export{i as Textbox};
+import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{classRegistry as t}from"../ClassRegistry.min.mjs";import"./Text/constants.min.mjs";import{createTextboxDefaultControls as n}from"../controls/commonControls.min.mjs";import{IText as r}from"./IText/IText.min.mjs";var i=class e extends r{static getDefaults(){return{...super.getDefaults(),...e.ownDefaults}}constructor(t,n){super(t,{...e.ownDefaults,...n})}static createControls(){return{controls:n()}}initDimensions(){this.initialized&&(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(`justify`)&&this.enlargeSpaces(),this.height=this.calcTextHeight())}_generateStyleMap(e){let t=0,n=0,r=0,i={};for(let a=0;a<e.graphemeLines.length;a++)e.graphemeText[r]===`
+`&&a>0?(n=0,r++,t++):!this.splitByGrapheme&&this._reSpaceAndTab.test(e.graphemeText[r])&&a>0&&(n++,r++),i[a]={line:t,offset:n},r+=e.graphemeLines[a].length,n+=e.graphemeLines[a].length;return i}styleHas(e,t){if(this._styleMap&&!this.isWrapping){let e=this._styleMap[t];e&&(t=e.line)}return super.styleHas(e,t)}isEmptyStyles(e){if(!this.styles)return!0;let t,n,r=0,i=!1,a=this._styleMap[e],o=this._styleMap[e+1];a&&(e=a.line,r=a.offset),o&&(t=o.line,i=t===e,n=o.offset);let s=e===void 0?this.styles:{line:this.styles[e]};for(let e in s)for(let t in s[e]){let a=parseInt(t,10);if(a>=r&&(!i||a<n))for(let n in s[e][t])return!1}return!0}_getStyleDeclaration(e,t){if(this._styleMap&&!this.isWrapping){let n=this._styleMap[e];if(!n)return{};e=n.line,t=n.offset+t}return super._getStyleDeclaration(e,t)}_setStyleDeclaration(e,t,n){let r=this._styleMap[e];super._setStyleDeclaration(r.line,r.offset+t,n)}_deleteStyleDeclaration(e,t){let n=this._styleMap[e];super._deleteStyleDeclaration(n.line,n.offset+t)}_getLineStyle(e){let t=this._styleMap[e];return!!this.styles[t.line]}_setLineStyle(e){let t=this._styleMap[e];super._setLineStyle(t.line)}_wrapText(e,t){this.isWrapping=!0;let n=this.getGraphemeDataForRender(e),r=[];for(let e=0;e<n.wordsData.length;e++)r.push(...this._wrapLine(e,t,n));return this.isWrapping=!1,r}getGraphemeDataForRender(e){let t=this.splitByGrapheme,n=t?``:` `,r=0;return{wordsData:e.map((e,i)=>{let a=0,o=t?this.graphemeSplit(e):this.wordSplit(e);return o.length===0?[{word:[],width:0}]:o.map(e=>{let o=t?[e]:this.graphemeSplit(e),s=this._measureWord(o,i,a);return r=Math.max(s,r),a+=o.length+n.length,{word:o,width:s}})}),largestWordWidth:r}}_measureWord(e,t,n=0){let r,i=0;for(let a=0,o=e.length;a<o;a++)i+=this._getGraphemeBox(e[a],t,a+n,r,!0).kernedWidth,r=e[a];return i}wordSplit(e){return e.split(this._wordJoiners)}_wrapLine(e,t,{largestWordWidth:n,wordsData:r},i=0){let a=this._getWidthOfCharSpacing(),o=this.splitByGrapheme,s=[],c=o?``:` `,l=0,u=[],d=0,f=0,p=!0;t-=i;let m=Math.max(t,n,this.dynamicMinWidth),h=r[e],g;for(g=0;g<h.length;g++){let{word:t,width:n}=h[g];d+=t.length,l+=f+n-a,l>m&&!p?(s.push(u),u=[],l=n,p=!0):l+=a,p||o||u.push(c),u=u.concat(t),f=o?0:this._measureWord([c],e,d),d++,p=!1}return g&&s.push(u),n+i>this.dynamicMinWidth&&(this.dynamicMinWidth=n-a+i),s}isEndOfWrapping(e){return!this._styleMap[e+1]||this._styleMap[e+1].line!==this._styleMap[e].line}missingNewlineOffset(e,t){return this.splitByGrapheme&&!t?+!!this.isEndOfWrapping(e):1}_splitTextIntoLines(e){let t=super._splitTextIntoLines(e),n=this._wrapText(t.lines,this.width),r=Array(n.length);for(let e=0;e<n.length;e++)r[e]=n[e].join(``);return t.lines=r,t.graphemeLines=n,t}getMinWidth(){return Math.max(this.minWidth,this.dynamicMinWidth)}_removeExtraneousStyles(){let e=new Map;for(let t in this._styleMap){let n=parseInt(t,10);if(this._textLines[n]){let n=this._styleMap[t].line;e.set(`${n}`,!0)}}for(let t in this.styles)e.has(t)||delete this.styles[t]}toObject(e=[]){return super.toObject([`minWidth`,`splitByGrapheme`,...e])}};e(i,`type`,`Textbox`),e(i,`textLayoutProperties`,[...r.textLayoutProperties,`width`]),e(i,`ownDefaults`,{minWidth:20,dynamicMinWidth:2,lockScalingFlip:!0,noScaleCache:!1,_wordJoiners:/[ \t\r]/,splitByGrapheme:!1}),t.setClass(i);export{i as Textbox};
 //# sourceMappingURL=Textbox.min.mjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Textbox.min.mjs","names":[],"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 } 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';\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\n 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 }\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 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 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 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"],"mappings":"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"}
1	+ {"version":3,"file":"Textbox.min.mjs","names":[],"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 } 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';\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\n 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 }\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 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 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: number,\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 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 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"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
+import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
 import { classRegistry } from "../ClassRegistry.mjs";
 import "./Text/constants.mjs";
 import { createTextboxDefaultControls } from "../controls/commonControls.mjs";
@@ -107,7 +107,7 @@ var Textbox = class Textbox extends IText {
 	*/
 	isEmptyStyles(lineIndex) {
 		if (!this.styles) return true;
-		let offset = 0, nextLineIndex = lineIndex + 1, nextOffset, shouldLimit = false;
+		let offset = 0, nextLineIndex, nextOffset, shouldLimit = false;
 		const map = this._styleMap[lineIndex], mapNextLine = this._styleMap[lineIndex + 1];
 		if (map) {
 			lineIndex = map.line;
@@ -278,7 +278,6 @@ var Textbox = class Textbox extends IText {
 		desiredWidth -= reservedSpace;
 		const maxWidth = Math.max(desiredWidth, largestWordWidth, this.dynamicMinWidth);
 		const data = wordsData[lineIndex];
-		offset = 0;
 		let i;
 		for (i = 0; i < data.length; i++) {
 			const { word, width: wordWidth } = data[i];

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Textbox.mjs","names":[],"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 } 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';\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\n 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 }\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 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 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 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"],"mappings":"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"}
1	+ {"version":3,"file":"Textbox.mjs","names":[],"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 } 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';\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\n 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 }\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 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 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: number,\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 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 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"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{classRegistry as t}from"../ClassRegistry.min.mjs";import{FabricObject as n}from"./Object/FabricObject.min.mjs";var r=class e extends n{static getDefaults(){return{...super.getDefaults(),...e.ownDefaults}}constructor(t){super(),Object.assign(this,e.ownDefaults),this.setOptions(t)}_render(e){let t=this.width/2,n=this.height/2;e.beginPath(),e.moveTo(-t,n),e.lineTo(0,-n),e.lineTo(t,n),e.closePath(),this._renderPaintInOrder(e)}_toSVG(){let e=this.width/2,t=this.height/2;return[`<polygon `,`COMMON_PARTS`,`points="`,`${-e} ${t},0 ${-t},${e} ${t}`,`" />`]}};e(r,`type`,`Triangle`),e(r,`ownDefaults`,{width:100,height:100}),t.setClass(r),t.setSVGClass(r);export{r as Triangle};
+import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{classRegistry as t}from"../ClassRegistry.min.mjs";import{FabricObject as n}from"./Object/FabricObject.min.mjs";var r=class e extends n{static getDefaults(){return{...super.getDefaults(),...e.ownDefaults}}constructor(t){super(),Object.assign(this,e.ownDefaults),this.setOptions(t)}_render(e){let t=this.width/2,n=this.height/2;e.beginPath(),e.moveTo(-t,n),e.lineTo(0,-n),e.lineTo(t,n),e.closePath(),this._renderPaintInOrder(e)}_toSVG(){let e=this.width/2,t=this.height/2;return[`<polygon `,`COMMON_PARTS`,`points="`,`${-e} ${t},0 ${-t},${e} ${t}`,`" />`]}};e(r,`type`,`Triangle`),e(r,`ownDefaults`,{width:100,height:100}),t.setClass(r),t.setSVGClass(r);export{r as Triangle};
 //# sourceMappingURL=Triangle.min.mjs.map

package/dist/src/shapes/Triangle.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
+import { _defineProperty } from "../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
 import { classRegistry } from "../ClassRegistry.mjs";
 import { FabricObject } from "./Object/FabricObject.mjs";
 //#region src/shapes/Triangle.ts

package/dist/src/util/animation/AnimationBase.min.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{_defineProperty as e}from"../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.min.mjs";import{getFabricWindow as t}from"../../env/index.min.mjs";import{noop as n}from"../../constants.min.mjs";import{runningAnimations as r}from"./AnimationRegistry.min.mjs";import{requestAnimFrame as i}from"./AnimationFrameProvider.min.mjs";import{defaultEasing as a}from"./easing.min.mjs";const o=()=>!1;var s=class{constructor({startValue:t,byValue:r,duration:i=500,delay:s=0,easing:c=a,onStart:l=n,onChange:u=n,onComplete:d=n,abort:f=o,target:p}){e(this,`_state`,`pending`),e(this,`durationProgress`,0),e(this,`valueProgress`,0),this.tick=this.tick.bind(this),this.duration=i,this.delay=s,this.easing=c,this._onStart=l,this._onChange=u,this._onComplete=d,this._abort=f,this.target=p,this.startValue=t,this.byValue=r,this.value=this.startValue,this.endValue=Object.freeze(this.calculate(this.duration).value)}get state(){return this._state}isDone(){return this._state===`aborted`||this._state===`completed`}start(){let e=e=>{this._state===`pending`&&(this.startTime=e||+new Date,this._state=`running`,this._onStart(),this.tick(this.startTime))};this.register(),this.delay>0?this.timeout=t().setTimeout(()=>i(e),this.delay):i(e)}tick(e){let t=(e||+new Date)-this.startTime,n=Math.min(t,this.duration);this.durationProgress=n/this.duration;let{value:r,valueProgress:a}=this.calculate(n);this.value=Object.freeze(r),this.valueProgress=a,this._state!==`aborted`&&(this._abort(this.value,this.valueProgress,this.durationProgress)?(this._state=`aborted`,this.unregister()):t>=this.duration?(this.durationProgress=this.valueProgress=1,this._onChange(this.endValue,this.valueProgress,this.durationProgress),this._state=`completed`,this._onComplete(this.endValue,this.valueProgress,this.durationProgress),this.unregister(),this.timeout=null):(this._onChange(this.value,this.valueProgress,this.durationProgress),i(this.tick)))}register(){r.push(this)}unregister(){r.remove(this)}abort(){this._state=`aborted`,this.unregister(),this.timeout&&t().clearTimeout(this.timeout)}};export{s as AnimationBase};
+import{_defineProperty as e}from"../../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.min.mjs";import{getFabricWindow as t}from"../../env/index.min.mjs";import{noop as n}from"../../constants.min.mjs";import{runningAnimations as r}from"./AnimationRegistry.min.mjs";import{requestAnimFrame as i}from"./AnimationFrameProvider.min.mjs";import{defaultEasing as a}from"./easing.min.mjs";const o=()=>!1;var s=class{constructor({startValue:t,byValue:r,duration:i=500,delay:s=0,easing:c=a,onStart:l=n,onChange:u=n,onComplete:d=n,abort:f=o,target:p}){e(this,`_state`,`pending`),e(this,`durationProgress`,0),e(this,`valueProgress`,0),this.tick=this.tick.bind(this),this.duration=i,this.delay=s,this.easing=c,this._onStart=l,this._onChange=u,this._onComplete=d,this._abort=f,this.target=p,this.startValue=t,this.byValue=r,this.value=this.startValue,this.endValue=Object.freeze(this.calculate(this.duration).value)}get state(){return this._state}isDone(){return this._state===`aborted`||this._state===`completed`}start(){let e=e=>{this._state===`pending`&&(this.startTime=e||+new Date,this._state=`running`,this._onStart(),this.tick(this.startTime))};this.register(),this.delay>0?this.timeout=t().setTimeout(()=>i(e),this.delay):i(e)}tick(e){let t=(e||+new Date)-this.startTime,n=Math.min(t,this.duration);this.durationProgress=n/this.duration;let{value:r,valueProgress:a}=this.calculate(n);this.value=Object.freeze(r),this.valueProgress=a,this._state!==`aborted`&&(this._abort(this.value,this.valueProgress,this.durationProgress)?(this._state=`aborted`,this.unregister()):t>=this.duration?(this.durationProgress=this.valueProgress=1,this._onChange(this.endValue,this.valueProgress,this.durationProgress),this._state=`completed`,this._onComplete(this.endValue,this.valueProgress,this.durationProgress),this.unregister(),this.timeout=null):(this._onChange(this.value,this.valueProgress,this.durationProgress),i(this.tick)))}register(){r.push(this)}unregister(){r.remove(this)}abort(){this._state=`aborted`,this.unregister(),this.timeout&&t().clearTimeout(this.timeout)}};export{s as AnimationBase};
 //# sourceMappingURL=AnimationBase.min.mjs.map

package/dist/src/util/animation/AnimationBase.mjs CHANGED Viewed

@@ -1,4 +1,4 @@
-import { _defineProperty } from "../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/defineProperty.mjs";
+import { _defineProperty } from "../../../_virtual/_@oxc-project_runtime@0.126.0/helpers/defineProperty.mjs";
 import { getFabricWindow } from "../../env/index.mjs";
 import { noop } from "../../constants.mjs";
 import { runningAnimations } from "./AnimationRegistry.mjs";

package/dist/src/util/animation/easing.min.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__exportAll as e}from"../../../_virtual/_rolldown/runtime.min.mjs";import{halfPI as t,twoMathPi as n}from"../../constants.min.mjs";var r=e({defaultEasing:()=>o,easeInBack:()=>O,easeInBounce:()=>M,easeInCirc:()=>S,easeInCubic:()=>s,easeInElastic:()=>T,easeInExpo:()=>y,easeInOutBack:()=>A,easeInOutBounce:()=>N,easeInOutCirc:()=>w,easeInOutCubic:()=>l,easeInOutElastic:()=>D,easeInOutExpo:()=>x,easeInOutQuad:()=>I,easeInOutQuart:()=>f,easeInOutQuint:()=>h,easeInOutSine:()=>v,easeInQuad:()=>P,easeInQuart:()=>u,easeInQuint:()=>p,easeInSine:()=>g,easeOutBack:()=>k,easeOutBounce:()=>j,easeOutCirc:()=>C,easeOutCubic:()=>c,easeOutElastic:()=>E,easeOutExpo:()=>b,easeOutQuad:()=>F,easeOutQuart:()=>d,easeOutQuint:()=>m,easeOutSine:()=>_});const i=(e,t,r,i)=>(e<Math.abs(t)?(e=t,i=r/4):i=t===0&&e===0?r/n*Math.asin(1):r/n*Math.asin(t/e),{a:e,c:t,p:r,s:i}),a=(e,t,r,i,a)=>e*2**(10*--i)*Math.sin((i*a-t)*n/r),o=(e,n,r,i)=>-r*Math.cos(e/i*t)+r+n,s=(e,t,n,r)=>n*(e/r)**3+t,c=(e,t,n,r)=>n*((e/r-1)**3+1)+t,l=(e,t,n,r)=>(e/=r/2)<1?n/2*e**3+t:n/2*((e-2)**3+2)+t,u=(e,t,n,r)=>n*(e/=r)*e**3+t,d=(e,t,n,r)=>-n*((e=e/r-1)*e**3-1)+t,f=(e,t,n,r)=>(e/=r/2)<1?n/2*e**4+t:-n/2*((e-=2)*e**3-2)+t,p=(e,t,n,r)=>n*(e/r)**5+t,m=(e,t,n,r)=>n*((e/r-1)**5+1)+t,h=(e,t,n,r)=>(e/=r/2)<1?n/2*e**5+t:n/2*((e-2)**5+2)+t,g=(e,n,r,i)=>-r*Math.cos(e/i*t)+r+n,_=(e,n,r,i)=>r*Math.sin(e/i*t)+n,v=(e,t,n,r)=>-n/2*(Math.cos(Math.PI*e/r)-1)+t,y=(e,t,n,r)=>e===0?t:n*2**(10*(e/r-1))+t,b=(e,t,n,r)=>e===r?t+n:n*-(2**(-10*e/r)+1)+t,x=(e,t,n,r)=>e===0?t:e===r?t+n:(e/=r/2)<1?n/2*2**(10*(e-1))+t:n/2*-(2**(-10*--e)+2)+t,S=(e,t,n,r)=>-n*(Math.sqrt(1-(e/=r)*e)-1)+t,C=(e,t,n,r)=>n*Math.sqrt(1-(e=e/r-1)*e)+t,w=(e,t,n,r)=>(e/=r/2)<1?-n/2*(Math.sqrt(1-e**2)-1)+t:n/2*(Math.sqrt(1-(e-=2)*e)+1)+t,T=(e,t,n,r)=>{let o=n,s=0;if(e===0)return t;if((e/=r)===1)return t+n;s||(s=.3*r);let{a:c,s:l,p:u}=i(o,n,s,1.70158);return-a(c,l,u,e,r)+t},E=(e,t,r,a)=>{let o=r,s=0;if(e===0)return t;if((e/=a)===1)return t+r;s||(s=.3*a);let{a:c,s:l,p:u,c:d}=i(o,r,s,1.70158);return c*2**(-10*e)*Math.sin((e*a-l)*n/u)+d+t},D=(e,t,r,o)=>{let s=r,c=0;if(e===0)return t;if((e/=o/2)==2)return t+r;c||(c=.3*1.5*o);let{a:l,s:u,p:d,c:f}=i(s,r,c,1.70158);return e<1?-.5*a(l,u,d,e,o)+t:l*2**(-10*--e)*Math.sin((e*o-u)*n/d)*.5+f+t},O=(e,t,n,r,i=1.70158)=>n*(e/=r)*e*((i+1)*e-i)+t,k=(e,t,n,r,i=1.70158)=>n*((e=e/r-1)*e*((i+1)*e+i)+1)+t,A=(e,t,n,r,i=1.70158)=>(e/=r/2)<1?n/2*(e*e*((1+(i*=1.525))*e-i))+t:n/2*((e-=2)*e*((1+(i*=1.525))*e+i)+2)+t,j=(e,t,n,r)=>(e/=r)<1/2.75?n*(7.5625*e*e)+t:e<2/2.75?n*(7.5625*(e-=1.5/2.75)*e+.75)+t:e<2.5/2.75?n*(7.5625*(e-=2.25/2.75)*e+.9375)+t:n*(7.5625*(e-=2.625/2.75)*e+.984375)+t,M=(e,t,n,r)=>n-j(r-e,0,n,r)+t,N=(e,t,n,r)=>e<r/2?.5*M(2*e,0,n,r)+t:.5*j(2*e-r,0,n,r)+.5*n+t,P=(e,t,n,r)=>n*(e/=r)*e+t,F=(e,t,n,r)=>-n*(e/=r)*(e-2)+t,I=(e,t,n,r)=>(e/=r/2)<1?n/2*e**2+t:-n/2*(--e*(e-2)-1)+t;export{o as defaultEasing,r as easing_exports};
+import{__exportAll as e}from"../../../_virtual/_rolldown/runtime.min.mjs";import{halfPI as t,twoMathPi as n}from"../../constants.min.mjs";var r=e({defaultEasing:()=>o,easeInBack:()=>O,easeInBounce:()=>M,easeInCirc:()=>S,easeInCubic:()=>s,easeInElastic:()=>T,easeInExpo:()=>y,easeInOutBack:()=>A,easeInOutBounce:()=>N,easeInOutCirc:()=>w,easeInOutCubic:()=>l,easeInOutElastic:()=>D,easeInOutExpo:()=>x,easeInOutQuad:()=>I,easeInOutQuart:()=>f,easeInOutQuint:()=>h,easeInOutSine:()=>v,easeInQuad:()=>P,easeInQuart:()=>u,easeInQuint:()=>p,easeInSine:()=>g,easeOutBack:()=>k,easeOutBounce:()=>j,easeOutCirc:()=>C,easeOutCubic:()=>c,easeOutElastic:()=>E,easeOutExpo:()=>b,easeOutQuad:()=>F,easeOutQuart:()=>d,easeOutQuint:()=>m,easeOutSine:()=>_});const i=(e,t,r,i)=>(e<Math.abs(t)?(e=t,i=r/4):i=t===0&&e===0?r/n*Math.asin(1):r/n*Math.asin(t/e),{a:e,c:t,p:r,s:i}),a=(e,t,r,i,a)=>e*2**(10*--i)*Math.sin((i*a-t)*n/r),o=(e,n,r,i)=>-r*Math.cos(e/i*t)+r+n,s=(e,t,n,r)=>n*(e/r)**3+t,c=(e,t,n,r)=>n*((e/r-1)**3+1)+t,l=(e,t,n,r)=>(e/=r/2)<1?n/2*e**3+t:n/2*((e-2)**3+2)+t,u=(e,t,n,r)=>n*(e/=r)*e**3+t,d=(e,t,n,r)=>-n*((e=e/r-1)*e**3-1)+t,f=(e,t,n,r)=>(e/=r/2)<1?n/2*e**4+t:-n/2*((e-=2)*e**3-2)+t,p=(e,t,n,r)=>n*(e/r)**5+t,m=(e,t,n,r)=>n*((e/r-1)**5+1)+t,h=(e,t,n,r)=>(e/=r/2)<1?n/2*e**5+t:n/2*((e-2)**5+2)+t,g=(e,n,r,i)=>-r*Math.cos(e/i*t)+r+n,_=(e,n,r,i)=>r*Math.sin(e/i*t)+n,v=(e,t,n,r)=>-n/2*(Math.cos(Math.PI*e/r)-1)+t,y=(e,t,n,r)=>e===0?t:n*2**(10*(e/r-1))+t,b=(e,t,n,r)=>e===r?t+n:n*-(2**(-10*e/r)+1)+t,x=(e,t,n,r)=>e===0?t:e===r?t+n:(e/=r/2)<1?n/2*2**(10*(e-1))+t:n/2*-(2**(-10*(e-1))+2)+t,S=(e,t,n,r)=>-n*(Math.sqrt(1-(e/=r)*e)-1)+t,C=(e,t,n,r)=>n*Math.sqrt(1-(e=e/r-1)*e)+t,w=(e,t,n,r)=>(e/=r/2)<1?-n/2*(Math.sqrt(1-e**2)-1)+t:n/2*(Math.sqrt(1-(e-=2)*e)+1)+t,T=(e,t,n,r)=>{let o=n,s=0;if(e===0)return t;if((e/=r)===1)return t+n;s||(s=.3*r);let{a:c,s:l,p:u}=i(o,n,s,1.70158);return-a(c,l,u,e,r)+t},E=(e,t,r,a)=>{let o=r,s=0;if(e===0)return t;if((e/=a)===1)return t+r;s||(s=.3*a);let{a:c,s:l,p:u,c:d}=i(o,r,s,1.70158);return c*2**(-10*e)*Math.sin((e*a-l)*n/u)+d+t},D=(e,t,r,o)=>{let s=r,c=0;if(e===0)return t;if((e/=o/2)==2)return t+r;c||(c=.3*1.5*o);let{a:l,s:u,p:d,c:f}=i(s,r,c,1.70158);return e<1?-.5*a(l,u,d,e,o)+t:l*2**(-10*--e)*Math.sin((e*o-u)*n/d)*.5+f+t},O=(e,t,n,r,i=1.70158)=>n*(e/=r)*e*((i+1)*e-i)+t,k=(e,t,n,r,i=1.70158)=>n*((e=e/r-1)*e*((i+1)*e+i)+1)+t,A=(e,t,n,r,i=1.70158)=>(e/=r/2)<1?n/2*(e*e*((1+(i*=1.525))*e-i))+t:n/2*((e-=2)*e*((1+(i*=1.525))*e+i)+2)+t,j=(e,t,n,r)=>(e/=r)<1/2.75?n*(7.5625*e*e)+t:e<2/2.75?n*(7.5625*(e-=1.5/2.75)*e+.75)+t:e<2.5/2.75?n*(7.5625*(e-=2.25/2.75)*e+.9375)+t:n*(7.5625*(e-=2.625/2.75)*e+.984375)+t,M=(e,t,n,r)=>n-j(r-e,0,n,r)+t,N=(e,t,n,r)=>e<r/2?.5*M(2*e,0,n,r)+t:.5*j(2*e-r,0,n,r)+.5*n+t,P=(e,t,n,r)=>n*(e/=r)*e+t,F=(e,t,n,r)=>-n*(e/=r)*(e-2)+t,I=(e,t,n,r)=>(e/=r/2)<1?n/2*e**2+t:-n/2*(--e*(e-2)-1)+t;export{o as defaultEasing,r as easing_exports};
 //# sourceMappingURL=easing.min.mjs.map

package/dist/src/util/animation/easing.min.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"easing.min.mjs","names":[],"sources":["../../../../src/util/animation/easing.ts"],"sourcesContent":["/*\n Easing functions\n * @see {@link http://gizma.com/easing/ Easing Equations by Robert Penner}\n /\n\nimport { twoMathPi, halfPI } from '../../constants';\nimport type { TEasingFunction } from './types';\n\nconst normalize = (a: number, c: number, p: number, s: number) => {\n if (a < Math.abs(c)) {\n a = c;\n s = p / 4;\n } else {\n //handle the 0/0 case:\n if (c === 0 && a === 0) {\n s = (p / twoMathPi) Math.asin(1);\n } else {\n s = (p / twoMathPi) * Math.asin(c / a);\n }\n }\n return { a, c, p, s };\n};\n\nconst elastic = (\n a: number,\n s: number,\n p: number,\n t: number,\n d: number,\n): number =>\n a * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t * d - s) * twoMathPi) / p);\n\n/*\n Default sinusoidal easing\n /\nexport const defaultEasing: TEasingFunction = (t, b, c, d) =>\n -c Math.cos((t / d) * halfPI) + c + b;\n\n/*\n Cubic easing in\n /\nexport const easeInCubic: TEasingFunction = (t, b, c, d) =>\n c (t / d) 3 + b;\n\n/\n * Cubic easing out\n /\nexport const easeOutCubic: TEasingFunction = (t, b, c, d) =>\n c ((t / d - 1) 3 + 1) + b;\n\n/\n * Cubic easing in and out\n /\nexport const easeInOutCubic: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 3 + b;\n }\n return (c / 2) * ((t - 2) 3 + 2) + b;\n};\n\n/\n * Quartic easing in\n /\nexport const easeInQuart: TEasingFunction = (t, b, c, d) =>\n c (t /= d) * t 3 + b;\n\n/\n * Quartic easing out\n /\nexport const easeOutQuart: TEasingFunction = (t, b, c, d) =>\n -c ((t = t / d - 1) * t 3 - 1) + b;\n\n/\n * Quartic easing in and out\n /\nexport const easeInOutQuart: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 4 + b;\n }\n return (-c / 2) * ((t -= 2) * t 3 - 2) + b;\n};\n\n/\n * Quintic easing in\n /\nexport const easeInQuint: TEasingFunction = (t, b, c, d) =>\n c (t / d) 5 + b;\n\n/\n * Quintic easing out\n /\nexport const easeOutQuint: TEasingFunction = (t, b, c, d) =>\n c ((t / d - 1) 5 + 1) + b;\n\n/\n * Quintic easing in and out\n /\nexport const easeInOutQuint: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 5 + b;\n }\n return (c / 2) * ((t - 2) 5 + 2) + b;\n};\n\n/\n * Sinusoidal easing in\n /\nexport const easeInSine: TEasingFunction = (t, b, c, d) =>\n -c Math.cos((t / d) * halfPI) + c + b;\n\n/*\n Sinusoidal easing out\n /\nexport const easeOutSine: TEasingFunction = (t, b, c, d) =>\n c Math.sin((t / d) * halfPI) + b;\n\n/*\n Sinusoidal easing in and out\n /\nexport const easeInOutSine: TEasingFunction = (t, b, c, d) =>\n (-c / 2) (Math.cos((Math.PI * t) / d) - 1) + b;\n\n/*\n Exponential easing in\n /\nexport const easeInExpo: TEasingFunction = (t, b, c, d) =>\n t === 0 ? b : c 2 ** (10 * (t / d - 1)) + b;\n\n/*\n Exponential easing out\n /\nexport const easeOutExpo: TEasingFunction = (t, b, c, d) =>\n t === d ? b + c : c -(2 ** ((-10 * t) / d) + 1) + b;\n\n/*\n Exponential easing in and out\n /\nexport const easeInOutExpo: TEasingFunction = (t, b, c, d) => {\n if (t === 0) {\n return b;\n }\n if (t === d) {\n return b + c;\n }\n t /= d / 2;\n if (t < 1) {\n return (c / 2) 2 ** (10 * (t - 1)) + b;\n }\n return (c / 2) * -(2 ** (-10 * --t) + 2) + b;\n};\n\n/*\n Circular easing in\n /\nexport const easeInCirc: TEasingFunction = (t, b, c, d) =>\n -c (Math.sqrt(1 - (t /= d) * t) - 1) + b;\n\n/*\n Circular easing out\n /\nexport const easeOutCirc: TEasingFunction = (t, b, c, d) =>\n c Math.sqrt(1 - (t = t / d - 1) * t) + b;\n\n/*\n Circular easing in and out\n /\nexport const easeInOutCirc: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (-c / 2) (Math.sqrt(1 - t ** 2) - 1) + b;\n }\n return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;\n};\n\n/*\n Elastic easing in\n /\nexport const easeInElastic: TEasingFunction = (t, b, c, d) => {\n const s = 1.70158,\n a = c;\n let p = 0;\n if (t === 0) {\n return b;\n }\n t /= d;\n if (t === 1) {\n return b + c;\n }\n if (!p) {\n p = d 0.3;\n }\n const { a: normA, s: normS, p: normP } = normalize(a, c, p, s);\n return -elastic(normA, normS, normP, t, d) + b;\n};\n\n/*\n Elastic easing out\n /\nexport const easeOutElastic: TEasingFunction = (t, b, c, d) => {\n const s = 1.70158,\n a = c;\n let p = 0;\n if (t === 0) {\n return b;\n }\n t /= d;\n if (t === 1) {\n return b + c;\n }\n if (!p) {\n p = d 0.3;\n }\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\n return (\n normA * 2 ** (-10 * t) * Math.sin(((t * d - normS) * twoMathPi) / normP) +\n normC +\n b\n );\n};\n\n/*\n Elastic easing in and out\n /\nexport const easeInOutElastic: TEasingFunction = (t, b, c, d) => {\n const s = 1.70158,\n a = c;\n let p = 0;\n if (t === 0) {\n return b;\n }\n t /= d / 2;\n if (t === 2) {\n return b + c;\n }\n if (!p) {\n p = d (0.3 * 1.5);\n }\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\n if (t < 1) {\n return -0.5 * elastic(normA, normS, normP, t, d) + b;\n }\n return (\n normA \n Math.pow(2, -10 (t -= 1)) \n Math.sin(((t d - normS) * twoMathPi) / normP) \n 0.5 +\n normC +\n b\n );\n};\n\n/\n Backwards easing in\n /\nexport const easeInBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\n c (t /= d) * t * ((s + 1) * t - s) + b;\n\n/*\n Backwards easing out\n /\nexport const easeOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\n c ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;\n\n/*\n Backwards easing in and out\n /\nexport const easeInOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) (t * t * (((s = 1.525) + 1) t - s)) + b;\n }\n return (c / 2) * ((t -= 2) * t * (((s = 1.525) + 1) t + s) + 2) + b;\n};\n\n/*\n Bouncing easing out\n /\nexport const easeOutBounce: TEasingFunction = (t, b, c, d) => {\n if ((t /= d) < 1 / 2.75) {\n return c (7.5625 * t * t) + b;\n } else if (t < 2 / 2.75) {\n return c * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + b;\n } else if (t < 2.5 / 2.75) {\n return c * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + b;\n } else {\n return c * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + b;\n }\n};\n\n/*\n Bouncing easing in\n /\nexport const easeInBounce: TEasingFunction = (t, b, c, d) =>\n c - easeOutBounce(d - t, 0, c, d) + b;\n\n/\n Bouncing easing in and out\n /\nexport const easeInOutBounce: TEasingFunction = (t, b, c, d) =>\n t < d / 2\n ? easeInBounce(t 2, 0, c, d) * 0.5 + b\n : easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b;\n\n/*\n Quadratic easing in\n /\nexport const easeInQuad: TEasingFunction = (t, b, c, d) => c (t /= d) * t + b;\n\n/*\n Quadratic easing out\n /\nexport const easeOutQuad: TEasingFunction = (t, b, c, d) =>\n -c (t /= d) * (t - 2) + b;\n\n/*\n Quadratic easing in and out\n /\nexport const easeInOutQuad: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 2 + b;\n }\n return (-c / 2) * (--t * (t - 2) - 1) + b;\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"easing.min.mjs","names":[],"sources":["../../../../src/util/animation/easing.ts"],"sourcesContent":["/*\n Easing functions\n * @see {@link http://gizma.com/easing/ Easing Equations by Robert Penner}\n /\n\nimport { twoMathPi, halfPI } from '../../constants';\nimport type { TEasingFunction } from './types';\n\nconst normalize = (a: number, c: number, p: number, s: number) => {\n if (a < Math.abs(c)) {\n a = c;\n s = p / 4;\n } else {\n //handle the 0/0 case:\n if (c === 0 && a === 0) {\n s = (p / twoMathPi) Math.asin(1);\n } else {\n s = (p / twoMathPi) * Math.asin(c / a);\n }\n }\n return { a, c, p, s };\n};\n\nconst elastic = (\n a: number,\n s: number,\n p: number,\n t: number,\n d: number,\n): number =>\n a * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t * d - s) * twoMathPi) / p);\n\n/*\n Default sinusoidal easing\n /\nexport const defaultEasing: TEasingFunction = (t, b, c, d) =>\n -c Math.cos((t / d) * halfPI) + c + b;\n\n/*\n Cubic easing in\n /\nexport const easeInCubic: TEasingFunction = (t, b, c, d) =>\n c (t / d) 3 + b;\n\n/\n * Cubic easing out\n /\nexport const easeOutCubic: TEasingFunction = (t, b, c, d) =>\n c ((t / d - 1) 3 + 1) + b;\n\n/\n * Cubic easing in and out\n /\nexport const easeInOutCubic: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 3 + b;\n }\n return (c / 2) * ((t - 2) 3 + 2) + b;\n};\n\n/\n * Quartic easing in\n /\nexport const easeInQuart: TEasingFunction = (t, b, c, d) =>\n c (t /= d) * t 3 + b;\n\n/\n * Quartic easing out\n /\nexport const easeOutQuart: TEasingFunction = (t, b, c, d) =>\n -c ((t = t / d - 1) * t 3 - 1) + b;\n\n/\n * Quartic easing in and out\n /\nexport const easeInOutQuart: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 4 + b;\n }\n return (-c / 2) * ((t -= 2) * t 3 - 2) + b;\n};\n\n/\n * Quintic easing in\n /\nexport const easeInQuint: TEasingFunction = (t, b, c, d) =>\n c (t / d) 5 + b;\n\n/\n * Quintic easing out\n /\nexport const easeOutQuint: TEasingFunction = (t, b, c, d) =>\n c ((t / d - 1) 5 + 1) + b;\n\n/\n * Quintic easing in and out\n /\nexport const easeInOutQuint: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 5 + b;\n }\n return (c / 2) * ((t - 2) 5 + 2) + b;\n};\n\n/\n * Sinusoidal easing in\n /\nexport const easeInSine: TEasingFunction = (t, b, c, d) =>\n -c Math.cos((t / d) * halfPI) + c + b;\n\n/*\n Sinusoidal easing out\n /\nexport const easeOutSine: TEasingFunction = (t, b, c, d) =>\n c Math.sin((t / d) * halfPI) + b;\n\n/*\n Sinusoidal easing in and out\n /\nexport const easeInOutSine: TEasingFunction = (t, b, c, d) =>\n (-c / 2) (Math.cos((Math.PI * t) / d) - 1) + b;\n\n/*\n Exponential easing in\n /\nexport const easeInExpo: TEasingFunction = (t, b, c, d) =>\n t === 0 ? b : c 2 ** (10 * (t / d - 1)) + b;\n\n/*\n Exponential easing out\n /\nexport const easeOutExpo: TEasingFunction = (t, b, c, d) =>\n t === d ? b + c : c -(2 ** ((-10 * t) / d) + 1) + b;\n\n/*\n Exponential easing in and out\n /\nexport const easeInOutExpo: TEasingFunction = (t, b, c, d) => {\n if (t === 0) {\n return b;\n }\n if (t === d) {\n return b + c;\n }\n t /= d / 2;\n if (t < 1) {\n return (c / 2) 2 ** (10 * (t - 1)) + b;\n }\n return (c / 2) * -(2 ** (-10 * (t - 1)) + 2) + b;\n};\n\n/*\n Circular easing in\n /\nexport const easeInCirc: TEasingFunction = (t, b, c, d) =>\n -c (Math.sqrt(1 - (t /= d) * t) - 1) + b;\n\n/*\n Circular easing out\n /\nexport const easeOutCirc: TEasingFunction = (t, b, c, d) =>\n c Math.sqrt(1 - (t = t / d - 1) * t) + b;\n\n/*\n Circular easing in and out\n /\nexport const easeInOutCirc: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (-c / 2) (Math.sqrt(1 - t ** 2) - 1) + b;\n }\n return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;\n};\n\n/*\n Elastic easing in\n /\nexport const easeInElastic: TEasingFunction = (t, b, c, d) => {\n const s = 1.70158,\n a = c;\n let p = 0;\n if (t === 0) {\n return b;\n }\n t /= d;\n if (t === 1) {\n return b + c;\n }\n if (!p) {\n p = d 0.3;\n }\n const { a: normA, s: normS, p: normP } = normalize(a, c, p, s);\n return -elastic(normA, normS, normP, t, d) + b;\n};\n\n/*\n Elastic easing out\n /\nexport const easeOutElastic: TEasingFunction = (t, b, c, d) => {\n const s = 1.70158,\n a = c;\n let p = 0;\n if (t === 0) {\n return b;\n }\n t /= d;\n if (t === 1) {\n return b + c;\n }\n if (!p) {\n p = d 0.3;\n }\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\n return (\n normA * 2 ** (-10 * t) * Math.sin(((t * d - normS) * twoMathPi) / normP) +\n normC +\n b\n );\n};\n\n/*\n Elastic easing in and out\n /\nexport const easeInOutElastic: TEasingFunction = (t, b, c, d) => {\n const s = 1.70158,\n a = c;\n let p = 0;\n if (t === 0) {\n return b;\n }\n t /= d / 2;\n if (t === 2) {\n return b + c;\n }\n if (!p) {\n p = d (0.3 * 1.5);\n }\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\n if (t < 1) {\n return -0.5 * elastic(normA, normS, normP, t, d) + b;\n }\n return (\n normA \n Math.pow(2, -10 (t -= 1)) \n Math.sin(((t d - normS) * twoMathPi) / normP) \n 0.5 +\n normC +\n b\n );\n};\n\n/\n Backwards easing in\n /\nexport const easeInBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\n c (t /= d) * t * ((s + 1) * t - s) + b;\n\n/*\n Backwards easing out\n /\nexport const easeOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\n c ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;\n\n/*\n Backwards easing in and out\n /\nexport const easeInOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) (t * t * (((s = 1.525) + 1) t - s)) + b;\n }\n return (c / 2) * ((t -= 2) * t * (((s = 1.525) + 1) t + s) + 2) + b;\n};\n\n/*\n Bouncing easing out\n /\nexport const easeOutBounce: TEasingFunction = (t, b, c, d) => {\n if ((t /= d) < 1 / 2.75) {\n return c (7.5625 * t * t) + b;\n } else if (t < 2 / 2.75) {\n return c * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + b;\n } else if (t < 2.5 / 2.75) {\n return c * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + b;\n } else {\n return c * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + b;\n }\n};\n\n/*\n Bouncing easing in\n /\nexport const easeInBounce: TEasingFunction = (t, b, c, d) =>\n c - easeOutBounce(d - t, 0, c, d) + b;\n\n/\n Bouncing easing in and out\n /\nexport const easeInOutBounce: TEasingFunction = (t, b, c, d) =>\n t < d / 2\n ? easeInBounce(t 2, 0, c, d) * 0.5 + b\n : easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b;\n\n/*\n Quadratic easing in\n /\nexport const easeInQuad: TEasingFunction = (t, b, c, d) => c (t /= d) * t + b;\n\n/*\n Quadratic easing out\n /\nexport const easeOutQuad: TEasingFunction = (t, b, c, d) =>\n -c (t /= d) * (t - 2) + b;\n\n/*\n Quadratic easing in and out\n /\nexport const easeInOutQuad: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 2 + b;\n }\n return (-c / 2) * (--t * (t - 2) - 1) + b;\n};\n"],"mappings":"uuBAQA,MAAM,GAAa,EAAW,EAAW,EAAW,KAC9C,EAAI,KAAK,IAAI,EAAA,EACf,EAAI,EACJ,EAAI,EAAI,GAIN,EADE,IAAM,GAAK,IAAM,EACd,EAAI,EAAa,KAAK,KAAK,EAAA,CAE3B,EAAI,EAAa,KAAK,KAAK,EAAI,EAAA,CAGjC,CAAE,EAAA,EAAG,EAAA,EAAG,EAAA,EAAG,EAAA,EAAA,EAGd,GACJ,EACA,EACA,EACA,EACA,IAEA,EAAa,IAAG,GAAM,KAAW,KAAK,KAAM,EAAI,EAAI,GAAK,EAAa,EAAA,CAK3D,GAAkC,EAAG,EAAG,EAAG,IAAA,CACrD,EAAI,KAAK,IAAK,EAAI,EAAK,EAAA,CAAU,EAAI,EAK3B,GAAgC,EAAG,EAAG,EAAG,IACpD,GAAK,EAAI,IAAM,EAAI,EAKR,GAAiC,EAAG,EAAG,EAAG,IACrD,IAAM,EAAI,EAAI,IAAM,EAAI,GAAK,EAKlB,GAAmC,EAAG,EAAG,EAAG,KACvD,GAAK,EAAI,GACD,EACE,EAAI,EAAK,GAAK,EAAI,EAEpB,EAAI,IAAO,EAAI,IAAM,EAAI,GAAK,EAM3B,GAAgC,EAAG,EAAG,EAAG,IACpD,GAAK,GAAK,GAAK,GAAK,EAAI,EAKb,GAAiC,EAAG,EAAG,EAAG,IAAA,CACpD,IAAM,EAAI,EAAI,EAAI,GAAK,GAAK,EAAI,GAAK,EAK3B,GAAmC,EAAG,EAAG,EAAG,KACvD,GAAK,EAAI,GACD,EACE,EAAI,EAAK,GAAK,EAAI,EAAA,CAEnB,EAAI,IAAO,GAAK,GAAK,GAAK,EAAI,GAAK,EAMjC,GAAgC,EAAG,EAAG,EAAG,IACpD,GAAK,EAAI,IAAM,EAAI,EAKR,GAAiC,EAAG,EAAG,EAAG,IACrD,IAAM,EAAI,EAAI,IAAM,EAAI,GAAK,EAKlB,GAAmC,EAAG,EAAG,EAAG,KACvD,GAAK,EAAI,GACD,EACE,EAAI,EAAK,GAAK,EAAI,EAEpB,EAAI,IAAO,EAAI,IAAM,EAAI,GAAK,EAM3B,GAA+B,EAAG,EAAG,EAAG,IAAA,CAClD,EAAI,KAAK,IAAK,EAAI,EAAK,EAAA,CAAU,EAAI,EAK3B,GAAgC,EAAG,EAAG,EAAG,IACpD,EAAI,KAAK,IAAK,EAAI,EAAK,EAAA,CAAU,EAKtB,GAAkC,EAAG,EAAG,EAAG,IAAA,CACpD,EAAI,GAAM,KAAK,IAAK,KAAK,GAAK,EAAK,EAAA,CAAK,GAAK,EAKpC,GAA+B,EAAG,EAAG,EAAG,IACnD,IAAM,EAAI,EAAI,EAAI,IAAM,IAAM,EAAI,EAAI,IAAM,EAKjC,GAAgC,EAAG,EAAG,EAAG,IACpD,IAAM,EAAI,EAAI,EAAI,EAAA,EAAM,IAAA,IAAa,EAAK,GAAK,GAAK,EAKzC,GAAkC,EAAG,EAAG,EAAG,IAClD,IAAM,EACD,EAEL,IAAM,EACD,EAAI,GAEb,GAAK,EAAI,GACD,EACE,EAAI,EAAK,IAAM,IAAM,EAAI,IAAM,EAEjC,EAAI,EAAA,EAAO,IAAA,KAAa,EAAI,IAAM,GAAK,EAMpC,GAA+B,EAAG,EAAG,EAAG,IAAA,CAClD,GAAK,KAAK,KAAK,GAAK,GAAK,GAAK,EAAA,CAAK,GAAK,EAK9B,GAAgC,EAAG,EAAG,EAAG,IACpD,EAAI,KAAK,KAAK,GAAK,EAAI,EAAI,EAAI,GAAK,EAAA,CAAK,EAK9B,GAAkC,EAAG,EAAG,EAAG,KACtD,GAAK,EAAI,GACD,EAAA,CACG,EAAI,GAAM,KAAK,KAAK,EAAI,GAAK,EAAA,CAAK,GAAK,EAE1C,EAAI,GAAM,KAAK,KAAK,GAAK,GAAK,GAAK,EAAA,CAAK,GAAK,EAM1C,GAAkC,EAAG,EAAG,EAAG,IAAA,CACtD,IACE,EAAI,EACF,EAAI,EACR,GAAI,IAAM,EACR,OAAO,EAGT,IADA,GAAK,KACK,EACR,OAAO,EAAI,EAER,IACH,EAAQ,GAAJ,GAEN,GAAA,CAAQ,EAAG,EAAO,EAAG,EAAO,EAAG,GAAU,EAAU,EAAG,EAAG,EAb/C,QAAA,CAcV,MAAA,CAAQ,EAAQ,EAAO,EAAO,EAAO,EAAG,EAAA,CAAK,GAMlC,GAAmC,EAAG,EAAG,EAAG,IAAA,CACvD,IACE,EAAI,EACF,EAAI,EACR,GAAI,IAAM,EACR,OAAO,EAGT,IADA,GAAK,KACK,EACR,OAAO,EAAI,EAER,IACH,EAAQ,GAAJ,GAEN,GAAA,CAAQ,EAAG,EAAO,EAAG,EAAO,EAAG,EAAO,EAAG,GAAU,EAAU,EAAG,EAAG,EAbzD,QAAA,CAcV,OACE,EAAQ,IAAA,IAAY,GAAK,KAAK,KAAM,EAAI,EAAI,GAAS,EAAa,EAAA,CAClE,EACA,GAOS,GAAqC,EAAG,EAAG,EAAG,IAAA,CACzD,IACE,EAAI,EACF,EAAI,EACR,GAAI,IAAM,EACR,OAAO,EAGT,IADA,GAAK,EAAI,IACC,EACR,OAAO,EAAI,EAER,IACH,EAAS,GAAM,IAAX,GAEN,GAAA,CAAQ,EAAG,EAAO,EAAG,EAAO,EAAG,EAAO,EAAG,GAAU,EAAU,EAAG,EAAG,EAbzD,QAAA,CAcV,OAAI,EAAI,EAAA,IACQ,EAAQ,EAAO,EAAO,EAAO,EAAG,EAAA,CAAK,EAGnD,EACW,IAAA,IAAU,KACnB,KAAK,KAAM,EAAI,EAAI,GAAS,EAAa,EAAA,CACzC,GACF,EACA,GAOS,GAA+B,EAAG,EAAG,EAAG,EAAG,EAAI,UAC1D,GAAK,GAAK,GAAK,IAAM,EAAI,GAAK,EAAI,GAAK,EAK5B,GAAgC,EAAG,EAAG,EAAG,EAAG,EAAI,UAC3D,IAAM,EAAI,EAAI,EAAI,GAAK,IAAM,EAAI,GAAK,EAAI,GAAK,GAAK,EAKzC,GAAkC,EAAG,EAAG,EAAG,EAAG,EAAI,WAC7D,GAAK,EAAI,GACD,EACE,EAAI,GAAM,EAAI,IAAqB,GAAd,GAAK,QAAc,EAAI,IAAM,EAEpD,EAAI,IAAO,GAAK,GAAK,IAAqB,GAAd,GAAK,QAAc,EAAI,GAAK,GAAK,EAM1D,GAAkC,EAAG,EAAG,EAAG,KACjD,GAAK,GAAK,EAAI,KACV,GAAK,OAAS,EAAI,GAAK,EACrB,EAAI,EAAI,KACV,GAAK,QAAU,GAAK,IAAM,MAAQ,EAAI,KAAQ,EAC5C,EAAI,IAAM,KACZ,GAAK,QAAU,GAAK,KAAO,MAAQ,EAAI,OAAU,EAEjD,GAAK,QAAU,GAAK,MAAQ,MAAQ,EAAI,SAAY,EAOlD,GAAiC,EAAG,EAAG,EAAG,IACrD,EAAI,EAAc,EAAI,EAAG,EAAG,EAAG,EAAA,CAAK,EAKzB,GAAoC,EAAG,EAAG,EAAG,IACxD,EAAI,EAAI,EAC2B,GAA/B,EAAiB,EAAJ,EAAO,EAAG,EAAG,EAAA,CAAW,EACD,GAApC,EAAkB,EAAJ,EAAQ,EAAG,EAAG,EAAG,EAAA,CAAe,GAAJ,EAAU,EAK7C,GAA+B,EAAG,EAAG,EAAG,IAAM,GAAK,GAAK,GAAK,EAAI,EAKjE,GAAgC,EAAG,EAAG,EAAG,IAAA,CACnD,GAAK,GAAK,IAAM,EAAI,GAAK,EAKf,GAAkC,EAAG,EAAG,EAAG,KACtD,GAAK,EAAI,GACD,EACE,EAAI,EAAK,GAAK,EAAI,EAAA,CAEnB,EAAI,GAAA,EAAQ,GAAK,EAAI,GAAK,GAAK,EAAA,OAAA,KAAA,cAAA,KAAA"}

package/dist/src/util/animation/easing.mjs CHANGED Viewed

@@ -132,7 +132,7 @@ const easeInOutExpo = (t, b, c, d) => {
 	if (t === d) return b + c;
 	t /= d / 2;
 	if (t < 1) return c / 2 * 2 ** (10 * (t - 1)) + b;
-	return c / 2 * -(2 ** (-10 * --t) + 2) + b;
+	return c / 2 * -(2 ** (-10 * (t - 1)) + 2) + b;
 };
 /**
 * Circular easing in

package/dist/src/util/animation/easing.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"easing.mjs","names":[],"sources":["../../../../src/util/animation/easing.ts"],"sourcesContent":["/*\n Easing functions\n * @see {@link http://gizma.com/easing/ Easing Equations by Robert Penner}\n /\n\nimport { twoMathPi, halfPI } from '../../constants';\nimport type { TEasingFunction } from './types';\n\nconst normalize = (a: number, c: number, p: number, s: number) => {\n if (a < Math.abs(c)) {\n a = c;\n s = p / 4;\n } else {\n //handle the 0/0 case:\n if (c === 0 && a === 0) {\n s = (p / twoMathPi) Math.asin(1);\n } else {\n s = (p / twoMathPi) * Math.asin(c / a);\n }\n }\n return { a, c, p, s };\n};\n\nconst elastic = (\n a: number,\n s: number,\n p: number,\n t: number,\n d: number,\n): number =>\n a * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t * d - s) * twoMathPi) / p);\n\n/*\n Default sinusoidal easing\n /\nexport const defaultEasing: TEasingFunction = (t, b, c, d) =>\n -c Math.cos((t / d) * halfPI) + c + b;\n\n/*\n Cubic easing in\n /\nexport const easeInCubic: TEasingFunction = (t, b, c, d) =>\n c (t / d) 3 + b;\n\n/\n * Cubic easing out\n /\nexport const easeOutCubic: TEasingFunction = (t, b, c, d) =>\n c ((t / d - 1) 3 + 1) + b;\n\n/\n * Cubic easing in and out\n /\nexport const easeInOutCubic: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 3 + b;\n }\n return (c / 2) * ((t - 2) 3 + 2) + b;\n};\n\n/\n * Quartic easing in\n /\nexport const easeInQuart: TEasingFunction = (t, b, c, d) =>\n c (t /= d) * t 3 + b;\n\n/\n * Quartic easing out\n /\nexport const easeOutQuart: TEasingFunction = (t, b, c, d) =>\n -c ((t = t / d - 1) * t 3 - 1) + b;\n\n/\n * Quartic easing in and out\n /\nexport const easeInOutQuart: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 4 + b;\n }\n return (-c / 2) * ((t -= 2) * t 3 - 2) + b;\n};\n\n/\n * Quintic easing in\n /\nexport const easeInQuint: TEasingFunction = (t, b, c, d) =>\n c (t / d) 5 + b;\n\n/\n * Quintic easing out\n /\nexport const easeOutQuint: TEasingFunction = (t, b, c, d) =>\n c ((t / d - 1) 5 + 1) + b;\n\n/\n * Quintic easing in and out\n /\nexport const easeInOutQuint: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 5 + b;\n }\n return (c / 2) * ((t - 2) 5 + 2) + b;\n};\n\n/\n * Sinusoidal easing in\n /\nexport const easeInSine: TEasingFunction = (t, b, c, d) =>\n -c Math.cos((t / d) * halfPI) + c + b;\n\n/*\n Sinusoidal easing out\n /\nexport const easeOutSine: TEasingFunction = (t, b, c, d) =>\n c Math.sin((t / d) * halfPI) + b;\n\n/*\n Sinusoidal easing in and out\n /\nexport const easeInOutSine: TEasingFunction = (t, b, c, d) =>\n (-c / 2) (Math.cos((Math.PI * t) / d) - 1) + b;\n\n/*\n Exponential easing in\n /\nexport const easeInExpo: TEasingFunction = (t, b, c, d) =>\n t === 0 ? b : c 2 ** (10 * (t / d - 1)) + b;\n\n/*\n Exponential easing out\n /\nexport const easeOutExpo: TEasingFunction = (t, b, c, d) =>\n t === d ? b + c : c -(2 ** ((-10 * t) / d) + 1) + b;\n\n/*\n Exponential easing in and out\n /\nexport const easeInOutExpo: TEasingFunction = (t, b, c, d) => {\n if (t === 0) {\n return b;\n }\n if (t === d) {\n return b + c;\n }\n t /= d / 2;\n if (t < 1) {\n return (c / 2) 2 ** (10 * (t - 1)) + b;\n }\n return (c / 2) * -(2 ** (-10 * --t) + 2) + b;\n};\n\n/*\n Circular easing in\n /\nexport const easeInCirc: TEasingFunction = (t, b, c, d) =>\n -c (Math.sqrt(1 - (t /= d) * t) - 1) + b;\n\n/*\n Circular easing out\n /\nexport const easeOutCirc: TEasingFunction = (t, b, c, d) =>\n c Math.sqrt(1 - (t = t / d - 1) * t) + b;\n\n/*\n Circular easing in and out\n /\nexport const easeInOutCirc: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (-c / 2) (Math.sqrt(1 - t ** 2) - 1) + b;\n }\n return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;\n};\n\n/*\n Elastic easing in\n /\nexport const easeInElastic: TEasingFunction = (t, b, c, d) => {\n const s = 1.70158,\n a = c;\n let p = 0;\n if (t === 0) {\n return b;\n }\n t /= d;\n if (t === 1) {\n return b + c;\n }\n if (!p) {\n p = d 0.3;\n }\n const { a: normA, s: normS, p: normP } = normalize(a, c, p, s);\n return -elastic(normA, normS, normP, t, d) + b;\n};\n\n/*\n Elastic easing out\n /\nexport const easeOutElastic: TEasingFunction = (t, b, c, d) => {\n const s = 1.70158,\n a = c;\n let p = 0;\n if (t === 0) {\n return b;\n }\n t /= d;\n if (t === 1) {\n return b + c;\n }\n if (!p) {\n p = d 0.3;\n }\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\n return (\n normA * 2 ** (-10 * t) * Math.sin(((t * d - normS) * twoMathPi) / normP) +\n normC +\n b\n );\n};\n\n/*\n Elastic easing in and out\n /\nexport const easeInOutElastic: TEasingFunction = (t, b, c, d) => {\n const s = 1.70158,\n a = c;\n let p = 0;\n if (t === 0) {\n return b;\n }\n t /= d / 2;\n if (t === 2) {\n return b + c;\n }\n if (!p) {\n p = d (0.3 * 1.5);\n }\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\n if (t < 1) {\n return -0.5 * elastic(normA, normS, normP, t, d) + b;\n }\n return (\n normA \n Math.pow(2, -10 (t -= 1)) \n Math.sin(((t d - normS) * twoMathPi) / normP) \n 0.5 +\n normC +\n b\n );\n};\n\n/\n Backwards easing in\n /\nexport const easeInBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\n c (t /= d) * t * ((s + 1) * t - s) + b;\n\n/*\n Backwards easing out\n /\nexport const easeOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\n c ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;\n\n/*\n Backwards easing in and out\n /\nexport const easeInOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) (t * t * (((s = 1.525) + 1) t - s)) + b;\n }\n return (c / 2) * ((t -= 2) * t * (((s = 1.525) + 1) t + s) + 2) + b;\n};\n\n/*\n Bouncing easing out\n /\nexport const easeOutBounce: TEasingFunction = (t, b, c, d) => {\n if ((t /= d) < 1 / 2.75) {\n return c (7.5625 * t * t) + b;\n } else if (t < 2 / 2.75) {\n return c * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + b;\n } else if (t < 2.5 / 2.75) {\n return c * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + b;\n } else {\n return c * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + b;\n }\n};\n\n/*\n Bouncing easing in\n /\nexport const easeInBounce: TEasingFunction = (t, b, c, d) =>\n c - easeOutBounce(d - t, 0, c, d) + b;\n\n/\n Bouncing easing in and out\n /\nexport const easeInOutBounce: TEasingFunction = (t, b, c, d) =>\n t < d / 2\n ? easeInBounce(t 2, 0, c, d) * 0.5 + b\n : easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b;\n\n/*\n Quadratic easing in\n /\nexport const easeInQuad: TEasingFunction = (t, b, c, d) => c (t /= d) * t + b;\n\n/*\n Quadratic easing out\n /\nexport const easeOutQuad: TEasingFunction = (t, b, c, d) =>\n -c (t /= d) * (t - 2) + b;\n\n/*\n Quadratic easing in and out\n /\nexport const easeInOutQuad: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 2 + b;\n }\n return (-c / 2) * (--t * (t - 2) - 1) + b;\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"easing.mjs","names":[],"sources":["../../../../src/util/animation/easing.ts"],"sourcesContent":["/*\n Easing functions\n * @see {@link http://gizma.com/easing/ Easing Equations by Robert Penner}\n /\n\nimport { twoMathPi, halfPI } from '../../constants';\nimport type { TEasingFunction } from './types';\n\nconst normalize = (a: number, c: number, p: number, s: number) => {\n if (a < Math.abs(c)) {\n a = c;\n s = p / 4;\n } else {\n //handle the 0/0 case:\n if (c === 0 && a === 0) {\n s = (p / twoMathPi) Math.asin(1);\n } else {\n s = (p / twoMathPi) * Math.asin(c / a);\n }\n }\n return { a, c, p, s };\n};\n\nconst elastic = (\n a: number,\n s: number,\n p: number,\n t: number,\n d: number,\n): number =>\n a * Math.pow(2, 10 * (t -= 1)) * Math.sin(((t * d - s) * twoMathPi) / p);\n\n/*\n Default sinusoidal easing\n /\nexport const defaultEasing: TEasingFunction = (t, b, c, d) =>\n -c Math.cos((t / d) * halfPI) + c + b;\n\n/*\n Cubic easing in\n /\nexport const easeInCubic: TEasingFunction = (t, b, c, d) =>\n c (t / d) 3 + b;\n\n/\n * Cubic easing out\n /\nexport const easeOutCubic: TEasingFunction = (t, b, c, d) =>\n c ((t / d - 1) 3 + 1) + b;\n\n/\n * Cubic easing in and out\n /\nexport const easeInOutCubic: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 3 + b;\n }\n return (c / 2) * ((t - 2) 3 + 2) + b;\n};\n\n/\n * Quartic easing in\n /\nexport const easeInQuart: TEasingFunction = (t, b, c, d) =>\n c (t /= d) * t 3 + b;\n\n/\n * Quartic easing out\n /\nexport const easeOutQuart: TEasingFunction = (t, b, c, d) =>\n -c ((t = t / d - 1) * t 3 - 1) + b;\n\n/\n * Quartic easing in and out\n /\nexport const easeInOutQuart: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 4 + b;\n }\n return (-c / 2) * ((t -= 2) * t 3 - 2) + b;\n};\n\n/\n * Quintic easing in\n /\nexport const easeInQuint: TEasingFunction = (t, b, c, d) =>\n c (t / d) 5 + b;\n\n/\n * Quintic easing out\n /\nexport const easeOutQuint: TEasingFunction = (t, b, c, d) =>\n c ((t / d - 1) 5 + 1) + b;\n\n/\n * Quintic easing in and out\n /\nexport const easeInOutQuint: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 5 + b;\n }\n return (c / 2) * ((t - 2) 5 + 2) + b;\n};\n\n/\n * Sinusoidal easing in\n /\nexport const easeInSine: TEasingFunction = (t, b, c, d) =>\n -c Math.cos((t / d) * halfPI) + c + b;\n\n/*\n Sinusoidal easing out\n /\nexport const easeOutSine: TEasingFunction = (t, b, c, d) =>\n c Math.sin((t / d) * halfPI) + b;\n\n/*\n Sinusoidal easing in and out\n /\nexport const easeInOutSine: TEasingFunction = (t, b, c, d) =>\n (-c / 2) (Math.cos((Math.PI * t) / d) - 1) + b;\n\n/*\n Exponential easing in\n /\nexport const easeInExpo: TEasingFunction = (t, b, c, d) =>\n t === 0 ? b : c 2 ** (10 * (t / d - 1)) + b;\n\n/*\n Exponential easing out\n /\nexport const easeOutExpo: TEasingFunction = (t, b, c, d) =>\n t === d ? b + c : c -(2 ** ((-10 * t) / d) + 1) + b;\n\n/*\n Exponential easing in and out\n /\nexport const easeInOutExpo: TEasingFunction = (t, b, c, d) => {\n if (t === 0) {\n return b;\n }\n if (t === d) {\n return b + c;\n }\n t /= d / 2;\n if (t < 1) {\n return (c / 2) 2 ** (10 * (t - 1)) + b;\n }\n return (c / 2) * -(2 ** (-10 * (t - 1)) + 2) + b;\n};\n\n/*\n Circular easing in\n /\nexport const easeInCirc: TEasingFunction = (t, b, c, d) =>\n -c (Math.sqrt(1 - (t /= d) * t) - 1) + b;\n\n/*\n Circular easing out\n /\nexport const easeOutCirc: TEasingFunction = (t, b, c, d) =>\n c Math.sqrt(1 - (t = t / d - 1) * t) + b;\n\n/*\n Circular easing in and out\n /\nexport const easeInOutCirc: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (-c / 2) (Math.sqrt(1 - t ** 2) - 1) + b;\n }\n return (c / 2) * (Math.sqrt(1 - (t -= 2) * t) + 1) + b;\n};\n\n/*\n Elastic easing in\n /\nexport const easeInElastic: TEasingFunction = (t, b, c, d) => {\n const s = 1.70158,\n a = c;\n let p = 0;\n if (t === 0) {\n return b;\n }\n t /= d;\n if (t === 1) {\n return b + c;\n }\n if (!p) {\n p = d 0.3;\n }\n const { a: normA, s: normS, p: normP } = normalize(a, c, p, s);\n return -elastic(normA, normS, normP, t, d) + b;\n};\n\n/*\n Elastic easing out\n /\nexport const easeOutElastic: TEasingFunction = (t, b, c, d) => {\n const s = 1.70158,\n a = c;\n let p = 0;\n if (t === 0) {\n return b;\n }\n t /= d;\n if (t === 1) {\n return b + c;\n }\n if (!p) {\n p = d 0.3;\n }\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\n return (\n normA * 2 ** (-10 * t) * Math.sin(((t * d - normS) * twoMathPi) / normP) +\n normC +\n b\n );\n};\n\n/*\n Elastic easing in and out\n /\nexport const easeInOutElastic: TEasingFunction = (t, b, c, d) => {\n const s = 1.70158,\n a = c;\n let p = 0;\n if (t === 0) {\n return b;\n }\n t /= d / 2;\n if (t === 2) {\n return b + c;\n }\n if (!p) {\n p = d (0.3 * 1.5);\n }\n const { a: normA, s: normS, p: normP, c: normC } = normalize(a, c, p, s);\n if (t < 1) {\n return -0.5 * elastic(normA, normS, normP, t, d) + b;\n }\n return (\n normA \n Math.pow(2, -10 (t -= 1)) \n Math.sin(((t d - normS) * twoMathPi) / normP) \n 0.5 +\n normC +\n b\n );\n};\n\n/\n Backwards easing in\n /\nexport const easeInBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\n c (t /= d) * t * ((s + 1) * t - s) + b;\n\n/*\n Backwards easing out\n /\nexport const easeOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) =>\n c ((t = t / d - 1) * t * ((s + 1) * t + s) + 1) + b;\n\n/*\n Backwards easing in and out\n /\nexport const easeInOutBack: TEasingFunction = (t, b, c, d, s = 1.70158) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) (t * t * (((s = 1.525) + 1) t - s)) + b;\n }\n return (c / 2) * ((t -= 2) * t * (((s = 1.525) + 1) t + s) + 2) + b;\n};\n\n/*\n Bouncing easing out\n /\nexport const easeOutBounce: TEasingFunction = (t, b, c, d) => {\n if ((t /= d) < 1 / 2.75) {\n return c (7.5625 * t * t) + b;\n } else if (t < 2 / 2.75) {\n return c * (7.5625 * (t -= 1.5 / 2.75) * t + 0.75) + b;\n } else if (t < 2.5 / 2.75) {\n return c * (7.5625 * (t -= 2.25 / 2.75) * t + 0.9375) + b;\n } else {\n return c * (7.5625 * (t -= 2.625 / 2.75) * t + 0.984375) + b;\n }\n};\n\n/*\n Bouncing easing in\n /\nexport const easeInBounce: TEasingFunction = (t, b, c, d) =>\n c - easeOutBounce(d - t, 0, c, d) + b;\n\n/\n Bouncing easing in and out\n /\nexport const easeInOutBounce: TEasingFunction = (t, b, c, d) =>\n t < d / 2\n ? easeInBounce(t 2, 0, c, d) * 0.5 + b\n : easeOutBounce(t * 2 - d, 0, c, d) * 0.5 + c * 0.5 + b;\n\n/*\n Quadratic easing in\n /\nexport const easeInQuad: TEasingFunction = (t, b, c, d) => c (t /= d) * t + b;\n\n/*\n Quadratic easing out\n /\nexport const easeOutQuad: TEasingFunction = (t, b, c, d) =>\n -c (t /= d) * (t - 2) + b;\n\n/*\n Quadratic easing in and out\n /\nexport const easeInOutQuad: TEasingFunction = (t, b, c, d) => {\n t /= d / 2;\n if (t < 1) {\n return (c / 2) t ** 2 + b;\n }\n return (-c / 2) * (--t * (t - 2) - 1) + b;\n};\n"],"mappings":"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"}