@babylonjs/addons 8.6.2 → 8.7.1

package/index.d.ts

@@ -1 +1,2 @@
 export * from "./htmlMesh.js";
+export * from "./msdfText.js";

package/index.js

@@ -1,2 +1,3 @@
 export * from "./htmlMesh.js";
+export * from "./msdfText.js";
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../dev/addons/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from \"./htmlMesh\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../dev/addons/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC","sourcesContent":["export * from \"./htmlMesh\";\nexport * from \"./msdfText\";\n"]}

package/msdfText/fontAsset.d.ts

@@ -0,0 +1,34 @@
+import type { BMFontChar } from "./sdf/bmFont.js";
+import type { SdfFont } from "./sdf/font.js";
+import { Texture } from "@babylonjs/core/Materials/Textures/texture.js";
+/**
+ * Class representing a font asset for SDF (Signed Distance Field) rendering.
+ */
+export declare class FontAsset {
+    private readonly _chars;
+    private readonly _charsRegex;
+    private readonly _kernings;
+    /** @internal */
+    readonly _font: SdfFont;
+    /**
+     * Gets the font scale value
+     */
+    readonly scale: number;
+    /**
+     * Gets the list of used textures
+     */
+    readonly textures: Texture[];
+    /**
+     * Creates a new FontAsset instance.
+     * @param definitionData defines the font data in JSON format.
+     * @param textureUrl defines the url of the texture to use for the font.
+     */
+    constructor(definitionData: string, textureUrl: string);
+    private _updateFallbacks;
+    /** @internal */
+    _getChar(charCode: number): BMFontChar;
+    /** @internal */
+    _getKerning(first: number, second: number): number;
+    /** @internal */
+    _unsupportedChars(text: string): string;
+}

package/msdfText/fontAsset.js

@@ -0,0 +1,83 @@
+import { Texture } from "@babylonjs/core/Materials/Textures/texture.js";
+var CharCode;
+(function (CharCode) {
+    CharCode[CharCode["SPACE"] = 32] = "SPACE";
+    CharCode[CharCode["TOFU"] = 65532] = "TOFU";
+})(CharCode || (CharCode = {}));
+/**
+ * Class representing a font asset for SDF (Signed Distance Field) rendering.
+ */
+export class FontAsset {
+    /**
+     * Creates a new FontAsset instance.
+     * @param definitionData defines the font data in JSON format.
+     * @param textureUrl defines the url of the texture to use for the font.
+     */
+    constructor(definitionData, textureUrl) {
+        this._chars = new Map();
+        this._kernings = new Map();
+        this._font = JSON.parse(definitionData);
+        // So far we only consider one page
+        this._font.pages = [textureUrl];
+        this._font.chars.forEach((char) => this._chars.set(char.id, char));
+        this._font.kernings.forEach((kerning) => {
+            let submap = this._kernings.get(kerning.first);
+            if (!submap) {
+                submap = new Map();
+                this._kernings.set(kerning.first, submap);
+            }
+            submap.set(kerning.second, kerning.amount);
+        });
+        this._charsRegex = new RegExp(`[${this._font.chars.map((c) => c.char.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&")).join("")}]`, "g");
+        this._updateFallbacks();
+        this.scale = 1 / this._font.info.size;
+        this.textures = this._font.pages.map((page) => new Texture(page, undefined, { noMipmap: true, invertY: false }));
+    }
+    _updateFallbacks() {
+        if (!this._chars.has(CharCode.SPACE)) {
+            this._chars.set(CharCode.SPACE, {
+                id: CharCode.SPACE,
+                x: 0,
+                y: 0,
+                width: 0,
+                height: 0,
+                xoffset: 0,
+                yoffset: 0,
+                xadvance: this._font.info.size * 0.5,
+                page: -1,
+                chnl: -1,
+                index: -1,
+                char: " ",
+            });
+        }
+        if (!this._chars.has(CharCode.TOFU)) {
+            this._chars.set(CharCode.TOFU, {
+                id: CharCode.TOFU,
+                x: 0,
+                y: 0,
+                width: this._font.info.size,
+                height: this._font.info.size,
+                xoffset: 0,
+                yoffset: 0,
+                xadvance: this._font.info.size * 0.5,
+                page: -1,
+                chnl: -1,
+                index: -1,
+                char: "￿",
+            });
+        }
+    }
+    /** @internal */
+    _getChar(charCode) {
+        return this._chars.get(charCode) || this._chars.get(CharCode.TOFU);
+    }
+    /** @internal */
+    _getKerning(first, second) {
+        return this._kernings.get(first)?.get(second) || 0;
+    }
+    /** @internal */
+    _unsupportedChars(text) {
+        return text.replace(this._charsRegex, "");
+    }
+}
+//# sourceMappingURL=fontAsset.js.map

package/msdfText/fontAsset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontAsset.js","sourceRoot":"","sources":["../../../../dev/addons/src/msdfText/fontAsset.ts"],"names":[],"mappings":"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","sourcesContent":["import type { BMFontChar } from \"./sdf/bmFont\";\r\nimport type { SdfFont } from \"./sdf/font\";\r\nimport { Texture } from \"core/Materials/Textures/texture\";\r\n\r\nenum CharCode {\r\n    SPACE = 32,\r\n    TOFU = 0xfffc,\r\n}\r\n\r\n/**\r\n * Class representing a font asset for SDF (Signed Distance Field) rendering.\r\n */\r\nexport class FontAsset {\r\n    private readonly _chars = new Map<number, BMFontChar>();\r\n    private readonly _charsRegex: RegExp;\r\n    private readonly _kernings = new Map<number, Map<number, number>>();\r\n\r\n    /** @internal */\r\n    public readonly _font: SdfFont;\r\n\r\n    /**\r\n     * Gets the font scale value\r\n     */\r\n    public readonly scale: number;\r\n\r\n    /**\r\n     * Gets the list of used textures\r\n     */\r\n    public readonly textures: Texture[];\r\n\r\n    /**\r\n     * Creates a new FontAsset instance.\r\n     * @param definitionData defines the font data in JSON format.\r\n     * @param textureUrl defines the url of the texture to use for the font.\r\n     */\r\n    public constructor(definitionData: string, textureUrl: string) {\r\n        this._font = JSON.parse(definitionData) as SdfFont;\r\n        // So far we only consider one page\r\n        this._font.pages = [textureUrl];\r\n\r\n        this._font.chars.forEach((char) => this._chars.set(char.id, char));\r\n        this._font.kernings.forEach((kerning) => {\r\n            let submap = this._kernings.get(kerning.first);\r\n            if (!submap) {\r\n                submap = new Map();\r\n                this._kernings.set(kerning.first, submap);\r\n            }\r\n            submap.set(kerning.second, kerning.amount);\r\n        });\r\n        this._charsRegex = new RegExp(`[${this._font.chars.map((c) => c.char.replace(/[-[\\]{}()*+?.,\\\\^$|#\\s]/g, \"\\\\$&\")).join(\"\")}]`, \"g\");\r\n\r\n        this._updateFallbacks();\r\n\r\n        this.scale = 1 / this._font.info.size;\r\n        this.textures = this._font.pages.map((page) => new Texture(page, undefined, { noMipmap: true, invertY: false }));\r\n    }\r\n\r\n    private _updateFallbacks() {\r\n        if (!this._chars.has(CharCode.SPACE)) {\r\n            this._chars.set(CharCode.SPACE, {\r\n                id: CharCode.SPACE,\r\n                x: 0,\r\n                y: 0,\r\n                width: 0,\r\n                height: 0,\r\n                xoffset: 0,\r\n                yoffset: 0,\r\n                xadvance: this._font.info.size * 0.5,\r\n                page: -1,\r\n                chnl: -1,\r\n                index: -1,\r\n                char: \" \",\r\n            });\r\n        }\r\n\r\n        if (!this._chars.has(CharCode.TOFU)) {\r\n            this._chars.set(CharCode.TOFU, {\r\n                id: CharCode.TOFU,\r\n                x: 0,\r\n                y: 0,\r\n                width: this._font.info.size,\r\n                height: this._font.info.size,\r\n                xoffset: 0,\r\n                yoffset: 0,\r\n                xadvance: this._font.info.size * 0.5,\r\n                page: -1,\r\n                chnl: -1,\r\n                index: -1,\r\n                char: \"￿\",\r\n            });\r\n        }\r\n    }\r\n\r\n    /** @internal */\r\n    public _getChar(charCode: number) {\r\n        return this._chars.get(charCode) || this._chars.get(CharCode.TOFU)!;\r\n    }\r\n\r\n    /** @internal */\r\n    public _getKerning(first: number, second: number) {\r\n        return this._kernings.get(first)?.get(second) || 0;\r\n    }\r\n\r\n    /** @internal */\r\n    public _unsupportedChars(text: string) {\r\n        return text.replace(this._charsRegex, \"\");\r\n    }\r\n}\r\n"]}

package/msdfText/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./fontAsset.js";
+export * from "./paragraphOptions.js";
+export * from "./textRenderer.js";

package/msdfText/index.js

@@ -0,0 +1,4 @@
+export * from "./fontAsset.js";
+export * from "./paragraphOptions.js";
+export * from "./textRenderer.js";
+//# sourceMappingURL=index.js.map

package/msdfText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../dev/addons/src/msdfText/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC","sourcesContent":["export * from \"./fontAsset\";\r\nexport * from \"./paragraphOptions\";\r\nexport * from \"./textRenderer\";\r\n"]}

package/msdfText/paragraphOptions.d.ts

@@ -0,0 +1,13 @@
+import { Vector2 } from "@babylonjs/core/Maths/math.vector.js";
+/** @internal */
+export type ParagraphOptions = {
+    maxWidth: number;
+    lineHeight: number;
+    letterSpacing: number;
+    tabSize: number;
+    whiteSpace: "pre-line";
+    textAlign: "left" | "right" | "center";
+    translate: Vector2 | undefined;
+};
+/** @internal */
+export declare const DefaultParagraphOptions: ParagraphOptions;

package/msdfText/paragraphOptions.js

@@ -0,0 +1,13 @@
+/* eslint-disable jsdoc/require-jsdoc */
+import { Vector2 } from "@babylonjs/core/Maths/math.vector.js";
+/** @internal */
+export const DefaultParagraphOptions = {
+    maxWidth: Infinity,
+    lineHeight: 1,
+    letterSpacing: 1,
+    tabSize: 4,
+    whiteSpace: "pre-line",
+    textAlign: "center",
+    translate: new Vector2(-0.5, -0.5),
+};
+//# sourceMappingURL=paragraphOptions.js.map

package/msdfText/paragraphOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraphOptions.js","sourceRoot":"","sources":["../../../../dev/addons/src/msdfText/paragraphOptions.ts"],"names":[],"mappings":"AAAA,wCAAwC;AAExC,OAAO,EAAE,OAAO,EAAE,6CAA+B;AAajD,gBAAgB;AAChB,MAAM,CAAC,MAAM,uBAAuB,GAAqB;IACrD,QAAQ,EAAE,QAAQ;IAClB,UAAU,EAAE,CAAC;IACb,aAAa,EAAE,CAAC;IAChB,OAAO,EAAE,CAAC;IACV,UAAU,EAAE,UAAU;IACtB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,IAAI,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,CAAC;CACrC,CAAC","sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\r\n\r\nimport { Vector2 } from \"core/Maths/math.vector\";\r\n\r\n/** @internal */\r\nexport type ParagraphOptions = {\r\n    maxWidth: number;\r\n    lineHeight: number;\r\n    letterSpacing: number;\r\n    tabSize: number;\r\n    whiteSpace: /* 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | */ \"pre-line\" /* | 'break-spaces'*/;\r\n    textAlign: \"left\" | \"right\" | \"center\" /* | 'justify'*/;\r\n    translate: Vector2 | undefined;\r\n};\r\n\r\n/** @internal */\r\nexport const DefaultParagraphOptions: ParagraphOptions = {\r\n    maxWidth: Infinity,\r\n    lineHeight: 1,\r\n    letterSpacing: 1,\r\n    tabSize: 4,\r\n    whiteSpace: \"pre-line\",\r\n    textAlign: \"center\",\r\n    translate: new Vector2(-0.5, -0.5),\r\n};\r\n"]}

package/msdfText/sdf/bmFont.d.ts

@@ -0,0 +1,129 @@
+/**
+ * Holds information on how the font was generated.
+ */
+export type BMFontInfo = {
+    /** The name of the font */
+    face: string;
+    /** The size of the font */
+    size: number;
+    /** The font is bold */
+    bold: number;
+    /** The font is italic */
+    italic: number;
+    /** The charset of the font */
+    charset: string[];
+    /** The charset is unicode  */
+    unicode: number;
+    /** The font height stretch in percentage. 100% means no stretch. */
+    stretchH: number;
+    /** Set to 1 if smoothing was turned on. */
+    smooth: number;
+    /** The supersampling level used. 1 means no supersampling was used. */
+    aa: number;
+    /** The padding for each character (up, right, down, left). */
+    padding: [number, number, number, number];
+    /** The spacing for each character (horizontal, vertical). */
+    spacing: [number, number];
+    /**
+     * The outline thickness for the characters.
+     *
+     * @remark missing in msdf-bmfont-xml
+     */
+    outline?: number;
+};
+/**
+ * Holds information common to all characters.
+ */
+export type BMFontCommon = {
+    /** Distance in pixels between each line of text */
+    lineHeight: number;
+    /** The number of pixels from the absolute top of the line to the base of the characters */
+    base: number;
+    /** The width of the texture, normally used to scale the x pos of the character image */
+    scaleW: number;
+    /** The height of the texture, normally used to scale the y pos of the character image */
+    scaleH: number;
+    /** The number of pages in the font */
+    pages: number;
+    /** Set to 1 if the monochrome characters have been packed into each of the texture channels. In this case alphaChnl describes what is stored in each channel. */
+    packed: number;
+    /** Set to 0 if the channel holds the glyph data, 1 if it holds the outline, 2 if it holds the glyph and the outline, 3 if its set to zero, and 4 if its set to one. */
+    alphaChnl: number;
+    /** Set to 0 if the channel holds the glyph data, 1 if it holds the outline, 2 if it holds the glyph and the outline, 3 if its set to zero, and 4 if its set to one. */
+    redChnl: number;
+    /** Set to 0 if the channel holds the glyph data, 1 if it holds the outline, 2 if it holds the glyph and the outline, 3 if its set to zero, and 4 if its set to one. */
+    greenChnl: number;
+    /** Set to 0 if the channel holds the glyph data, 1 if it holds the outline, 2 if it holds the glyph and the outline, 3 if its set to zero, and 4 if its set to one. */
+    blueChnl: number;
+};
+/** Name of a texture file. There is one for each page in the font. */
+export type BMFontPages = {
+    [id: number]: string;
+} & Array<string>;
+/**
+ * Describes a single character in the font
+ */
+export type BMFontChar = {
+    /** Character id (charCode) */
+    id: number;
+    /** Left position of the character image in the texture. */
+    x: number;
+    /** Right position of the character image in the texture */
+    y: number;
+    /** Width of the chracter image in the texture */
+    width: number;
+    /** Height of the chracter image in the texture */
+    height: number;
+    /** Horizontal offset to be applied on screen */
+    xoffset: number;
+    /** Vertical offset to be applied on screen */
+    yoffset: number;
+    /** Horizontal advance after the character */
+    xadvance: number;
+    /** Page index where the character image is found */
+    page: number;
+    /** Texture channel where the chracter image is found
+     * - 1 = blue
+     * - 2 = green
+     * - 3 = red
+     * - 8 = alpha
+     * - 15 = all channels
+     */
+    chnl: number;
+} & BMFontCharExtra;
+/**
+ * additional context from msdf-bmfont-xml
+ */
+export type BMFontCharExtra = {
+    /** index of opentype.js glyph */
+    index: number;
+    /** actual character*/
+    char: string;
+};
+/**
+ * The kerning information is used to adjust the distance between certain characters, e.g. some characters should be placed closer to each other than others.
+ */
+export type BMFontKerning = {
+    /** The first character id. */
+    first: number;
+    /** The second character id. */
+    second: number;
+    /** How much the x position should be adjusted when drawing the second character immediately following the first. */
+    amount: number;
+};
+/**
+ * Compatible with [msdf-bmfont-xml](https://github.com/soimy/msdf-bmfont-xml)
+ * @see https://www.angelcode.com/products/bmfont/doc/file_format.html
+ */
+export type BMFont = {
+    /** {@inheritDoc BMFontInfo} */
+    info: BMFontInfo;
+    /** {@inheritDoc BMFontCommon} */
+    common: BMFontCommon;
+    /** {@inheritDoc BMFontPages} */
+    pages: BMFontPages;
+    /** {@inheritDoc BMFontChar} */
+    chars: BMFontChar[];
+    /** {@inheritDoc BMFontKerning} */
+    kernings: BMFontKerning[];
+};

package/msdfText/sdf/bmFont.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=bmFont.js.map

package/msdfText/sdf/bmFont.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bmFont.js","sourceRoot":"","sources":["../../../../../dev/addons/src/msdfText/sdf/bmFont.ts"],"names":[],"mappings":"","sourcesContent":["/* eslint-disable @typescript-eslint/naming-convention */\r\n/**\r\n * Holds information on how the font was generated.\r\n */\r\nexport type BMFontInfo = {\r\n    /** The name of the font */\r\n    face: string;\r\n    /** The size of the font */\r\n    size: number;\r\n    /** The font is bold */\r\n    bold: number;\r\n    /** The font is italic */\r\n    italic: number;\r\n    /** The charset of the font */\r\n    charset: string[];\r\n    /** The charset is unicode  */\r\n    unicode: number;\r\n    /** The font height stretch in percentage. 100% means no stretch. */\r\n    stretchH: number;\r\n    /** Set to 1 if smoothing was turned on. */\r\n    smooth: number;\r\n    /** The supersampling level used. 1 means no supersampling was used. */\r\n    aa: number;\r\n    /** The padding for each character (up, right, down, left). */\r\n    padding: [number, number, number, number];\r\n    /** The spacing for each character (horizontal, vertical). */\r\n    spacing: [number, number];\r\n    /**\r\n     * The outline thickness for the characters.\r\n     *\r\n     * @remark missing in msdf-bmfont-xml\r\n     */\r\n    outline?: number;\r\n};\r\n\r\n/**\r\n * Holds information common to all characters.\r\n */\r\nexport type BMFontCommon = {\r\n    /** Distance in pixels between each line of text */\r\n    lineHeight: number;\r\n    /** The number of pixels from the absolute top of the line to the base of the characters */\r\n    base: number;\r\n    /** The width of the texture, normally used to scale the x pos of the character image */\r\n    scaleW: number;\r\n    /** The height of the texture, normally used to scale the y pos of the character image */\r\n    scaleH: number;\r\n    /** The number of pages in the font */\r\n    pages: number;\r\n    /** Set to 1 if the monochrome characters have been packed into each of the texture channels. In this case alphaChnl describes what is stored in each channel. */\r\n    packed: number;\r\n    /** Set to 0 if the channel holds the glyph data, 1 if it holds the outline, 2 if it holds the glyph and the outline, 3 if its set to zero, and 4 if its set to one. */\r\n    alphaChnl: number;\r\n    /** Set to 0 if the channel holds the glyph data, 1 if it holds the outline, 2 if it holds the glyph and the outline, 3 if its set to zero, and 4 if its set to one. */\r\n    redChnl: number;\r\n    /** Set to 0 if the channel holds the glyph data, 1 if it holds the outline, 2 if it holds the glyph and the outline, 3 if its set to zero, and 4 if its set to one. */\r\n    greenChnl: number;\r\n    /** Set to 0 if the channel holds the glyph data, 1 if it holds the outline, 2 if it holds the glyph and the outline, 3 if its set to zero, and 4 if its set to one. */\r\n    blueChnl: number;\r\n};\r\n\r\n/** Name of a texture file. There is one for each page in the font. */\r\nexport type BMFontPages = {\r\n    [id: number]: string;\r\n} & Array<string>;\r\n\r\n/**\r\n * Describes a single character in the font\r\n */\r\nexport type BMFontChar = {\r\n    /** Character id (charCode) */\r\n    id: number;\r\n    /** Left position of the character image in the texture. */\r\n    x: number;\r\n    /** Right position of the character image in the texture */\r\n    y: number;\r\n    /** Width of the chracter image in the texture */\r\n    width: number;\r\n    /** Height of the chracter image in the texture */\r\n    height: number;\r\n    /** Horizontal offset to be applied on screen */\r\n    xoffset: number;\r\n    /** Vertical offset to be applied on screen */\r\n    yoffset: number;\r\n    /** Horizontal advance after the character */\r\n    xadvance: number;\r\n    /** Page index where the character image is found */\r\n    page: number;\r\n    /** Texture channel where the chracter image is found\r\n     * - 1 = blue\r\n     * - 2 = green\r\n     * - 3 = red\r\n     * - 8 = alpha\r\n     * - 15 = all channels\r\n     */\r\n    chnl: number;\r\n} & BMFontCharExtra;\r\n\r\n/**\r\n * additional context from msdf-bmfont-xml\r\n */\r\nexport type BMFontCharExtra = {\r\n    /** index of opentype.js glyph */\r\n    index: number;\r\n    /** actual character*/\r\n    char: string;\r\n};\r\n\r\n/**\r\n * The kerning information is used to adjust the distance between certain characters, e.g. some characters should be placed closer to each other than others.\r\n */\r\nexport type BMFontKerning = {\r\n    /** The first character id. */\r\n    first: number;\r\n    /** The second character id. */\r\n    second: number;\r\n    /** How much the x position should be adjusted when drawing the second character immediately following the first. */\r\n    amount: number;\r\n};\r\n\r\n/**\r\n * Compatible with [msdf-bmfont-xml](https://github.com/soimy/msdf-bmfont-xml)\r\n * @see https://www.angelcode.com/products/bmfont/doc/file_format.html\r\n */\r\nexport type BMFont = {\r\n    /** {@inheritDoc BMFontInfo} */\r\n    info: BMFontInfo;\r\n    /** {@inheritDoc BMFontCommon} */\r\n    common: BMFontCommon;\r\n    /** {@inheritDoc BMFontPages} */\r\n    pages: BMFontPages;\r\n    /** {@inheritDoc BMFontChar} */\r\n    chars: BMFontChar[];\r\n    /** {@inheritDoc BMFontKerning} */\r\n    kernings: BMFontKerning[];\r\n};\r\n"]}

package/msdfText/sdf/font.d.ts

@@ -0,0 +1,8 @@
+import type { BMFont } from "./bmFont.js";
+export type SdfFontDistanceField = {
+    fieldType: "sdf" | "msdf";
+    distanceRange: number;
+};
+export type SdfFont = BMFont & {
+    distanceField: SdfFontDistanceField;
+};

package/msdfText/sdf/font.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=font.js.map

package/msdfText/sdf/font.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"font.js","sourceRoot":"","sources":["../../../../../dev/addons/src/msdfText/sdf/font.ts"],"names":[],"mappings":"","sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\r\nimport type { BMFont } from \"./bmFont\";\r\n\r\nexport type SdfFontDistanceField = {\r\n    fieldType: \"sdf\" | \"msdf\";\r\n    distanceRange: number;\r\n};\r\n\r\nexport type SdfFont = BMFont & {\r\n    distanceField: SdfFontDistanceField;\r\n};\r\n"]}

package/msdfText/sdf/glyph.d.ts

@@ -0,0 +1,11 @@
+import type { BMFontChar } from "./bmFont.js";
+/** @internal */
+export type SdfGlyph = {
+    char: BMFontChar;
+    /** index of the line */
+    line: number;
+    /** position within the line */
+    position: number;
+    x: number;
+    y: number;
+};

package/msdfText/sdf/glyph.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=glyph.js.map

package/msdfText/sdf/glyph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"glyph.js","sourceRoot":"","sources":["../../../../../dev/addons/src/msdfText/sdf/glyph.ts"],"names":[],"mappings":"","sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\r\nimport type { BMFontChar } from \"./bmFont\";\r\n\r\n/** @internal */\r\nexport type SdfGlyph = {\r\n    char: BMFontChar;\r\n    /** index of the line */\r\n    line: number;\r\n    /** position within the line */\r\n    position: number;\r\n    x: number;\r\n    y: number;\r\n};\r\n"]}

package/msdfText/sdf/line.d.ts

@@ -0,0 +1,9 @@
+import type { SdfGlyph } from "./glyph.js";
+/** @internal */
+export type SdfTextLine = {
+    text: string;
+    glyphs: SdfGlyph[];
+    start: number;
+    end: number;
+    width: number;
+};

package/msdfText/sdf/line.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=line.js.map

package/msdfText/sdf/line.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"line.js","sourceRoot":"","sources":["../../../../../dev/addons/src/msdfText/sdf/line.ts"],"names":[],"mappings":"","sourcesContent":["/* eslint-disable jsdoc/require-jsdoc */\r\nimport type { SdfGlyph } from \"./glyph\";\r\n\r\n/** @internal */\r\nexport type SdfTextLine = {\r\n    text: string;\r\n    glyphs: SdfGlyph[];\r\n    start: number;\r\n    end: number;\r\n    width: number;\r\n};\r\n"]}

package/msdfText/sdf/paragraph.d.ts

@@ -0,0 +1,21 @@
+import type { FontAsset } from "../fontAsset.js";
+import { type ParagraphOptions } from "../paragraphOptions.js";
+import type { SdfGlyph } from "./glyph.js";
+import type { SdfTextLine } from "./line.js";
+/** @internal */
+export declare class SdfTextParagraph {
+    readonly text: string;
+    readonly fontAsset: FontAsset;
+    readonly options: ParagraphOptions;
+    get lineHeight(): number;
+    readonly paragraph: string;
+    readonly lines: SdfTextLine[];
+    readonly width: number;
+    readonly height: number;
+    readonly glyphs: SdfGlyph[];
+    constructor(text: string, fontAsset: FontAsset, options?: Partial<ParagraphOptions>);
+    private _computeMetrics;
+    private _breakLines;
+    private _collapse;
+    private _wrap;
+}

package/msdfText/sdf/paragraph.js

@@ -0,0 +1,130 @@
+import { DefaultParagraphOptions } from "../paragraphOptions.js";
+/** @internal */
+export class SdfTextParagraph {
+    get lineHeight() {
+        return this.fontAsset._font.common.lineHeight * this.options.lineHeight;
+    }
+    constructor(text, fontAsset, options) {
+        this.text = text;
+        this.fontAsset = fontAsset;
+        this.options = { ...DefaultParagraphOptions, ...options };
+        const { paragraph, lines, glyphs, width, height } = this._computeMetrics(text);
+        this.paragraph = paragraph;
+        this.lines = lines;
+        this.glyphs = glyphs;
+        this.width = width;
+        this.height = height;
+    }
+    _computeMetrics(text) {
+        const collapsed = this._collapse(text);
+        const breaked = this._breakLines(collapsed);
+        const trimmed = breaked.map((line) => line.trim());
+        const lines = [];
+        for (const line of trimmed) {
+            lines.push(...this._wrap(line, lines.length));
+        }
+        const width = Math.max(...lines.map((line) => line.width));
+        const height = this.lineHeight * lines.length;
+        if (this.options.textAlign !== "left" || this.options.translate) {
+            lines.forEach((line) => {
+                const anchor = (() => {
+                    switch (this.options.textAlign) {
+                        case "right":
+                            return width - line.width;
+                        case "center":
+                            return (width - line.width) / 2;
+                        case "left":
+                        default:
+                            return 0;
+                    }
+                })();
+                const translate = this.options.translate?.multiplyByFloats(width, height);
+                line.glyphs.forEach((glyph) => {
+                    glyph.x += anchor;
+                    if (translate) {
+                        glyph.x += translate.x;
+                        glyph.y += translate.y;
+                    }
+                });
+            });
+        }
+        const glyphs = lines.flatMap((line) => line.glyphs);
+        return {
+            paragraph: trimmed.join("\n"),
+            lines,
+            glyphs,
+            width,
+            height,
+        };
+    }
+    _breakLines(text) {
+        return text.split("\n");
+    }
+    _collapse(text) {
+        return text.replace(/\t/g, " ".repeat(this.options.tabSize)).replace(/ +/g, " ");
+    }
+    _wrap(text, lineOffset = 0) {
+        const lines = new Array();
+        let currentLine = lineOffset;
+        let currentGlyphs = new Array();
+        let currentCursor = 0;
+        let currentWidth = 0;
+        let lastChar;
+        let start = 0;
+        let end = start;
+        const pushCurrentLine = () => {
+            lines.push({
+                text: text.slice(start, end),
+                glyphs: currentGlyphs,
+                start: start,
+                end: end,
+                width: currentWidth,
+            });
+        };
+        while (end < text.length) {
+            const i = end;
+            const charCode = text.charCodeAt(i);
+            const char = this.fontAsset._getChar(charCode);
+            const charWidth = char.width;
+            const kerning = lastChar ? this.fontAsset._getKerning(lastChar.id, char.id) : 0;
+            currentCursor += kerning + char.xoffset;
+            const newWidth = currentCursor + charWidth;
+            const cursorProgress = char.xadvance + this.options.letterSpacing;
+            const nextPosition = currentCursor + cursorProgress;
+            const shouldBreak = nextPosition > this.options.maxWidth || newWidth > this.options.maxWidth;
+            if (shouldBreak) {
+                pushCurrentLine();
+                currentLine++;
+                lastChar = undefined;
+                currentCursor = 0;
+                currentWidth = 0;
+                start = end;
+                end = start + 1;
+                currentGlyphs = [];
+            }
+            const x = currentCursor;
+            const y = currentLine * this.lineHeight + char.yoffset;
+            currentGlyphs.push({
+                char,
+                line: currentLine,
+                position: currentGlyphs.length,
+                x: x,
+                y: y,
+            });
+            if (!shouldBreak) {
+                lastChar = char;
+                currentCursor = nextPosition;
+                currentWidth = newWidth;
+                end++;
+            }
+            else {
+                currentCursor = cursorProgress;
+            }
+        }
+        if (currentGlyphs.length > 0) {
+            pushCurrentLine();
+        }
+        return lines;
+    }
+}
+//# sourceMappingURL=paragraph.js.map

package/msdfText/sdf/paragraph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paragraph.js","sourceRoot":"","sources":["../../../../../dev/addons/src/msdfText/sdf/paragraph.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable babylonjs/available */\r\n/* eslint-disable jsdoc/require-jsdoc */\r\nimport type { FontAsset } from \"../fontAsset\";\r\nimport { DefaultParagraphOptions, type ParagraphOptions } from \"../paragraphOptions\";\r\nimport type { BMFontChar } from \"./bmFont\";\r\nimport type { SdfGlyph } from \"./glyph\";\r\nimport type { SdfTextLine } from \"./line\";\r\n\r\n/** @internal */\r\nexport class SdfTextParagraph {\r\n    public readonly options: ParagraphOptions;\r\n\r\n    get lineHeight() {\r\n        return this.fontAsset._font.common.lineHeight * this.options.lineHeight;\r\n    }\r\n\r\n    readonly paragraph;\r\n    readonly lines;\r\n    readonly width;\r\n    readonly height;\r\n    readonly glyphs;\r\n\r\n    constructor(\r\n        public readonly text: string,\r\n        public readonly fontAsset: FontAsset,\r\n        options?: Partial<ParagraphOptions>\r\n    ) {\r\n        this.options = { ...DefaultParagraphOptions, ...options };\r\n\r\n        const { paragraph, lines, glyphs, width, height } = this._computeMetrics(text);\r\n\r\n        this.paragraph = paragraph;\r\n        this.lines = lines;\r\n        this.glyphs = glyphs;\r\n        this.width = width;\r\n        this.height = height;\r\n    }\r\n\r\n    private _computeMetrics(text: string) {\r\n        const collapsed = this._collapse(text);\r\n        const breaked = this._breakLines(collapsed);\r\n        const trimmed = breaked.map((line) => line.trim());\r\n\r\n        const lines: SdfTextLine[] = [];\r\n        for (const line of trimmed) {\r\n            lines.push(...this._wrap(line, lines.length));\r\n        }\r\n\r\n        const width = Math.max(...lines.map((line) => line.width));\r\n        const height = this.lineHeight * lines.length;\r\n\r\n        if (this.options.textAlign !== \"left\" || this.options.translate) {\r\n            lines.forEach((line) => {\r\n                const anchor = (() => {\r\n                    switch (this.options.textAlign) {\r\n                        case \"right\":\r\n                            return width - line.width;\r\n                        case \"center\":\r\n                            return (width - line.width) / 2;\r\n                        case \"left\":\r\n                        default:\r\n                            return 0;\r\n                    }\r\n                })();\r\n                const translate = this.options.translate?.multiplyByFloats(width, height);\r\n                line.glyphs.forEach((glyph) => {\r\n                    glyph.x += anchor;\r\n                    if (translate) {\r\n                        glyph.x += translate.x;\r\n                        glyph.y += translate.y;\r\n                    }\r\n                });\r\n            });\r\n        }\r\n\r\n        const glyphs = lines.flatMap((line) => line.glyphs);\r\n\r\n        return {\r\n            paragraph: trimmed.join(\"\\n\"),\r\n            lines,\r\n            glyphs,\r\n            width,\r\n            height,\r\n        };\r\n    }\r\n\r\n    private _breakLines(text: string) {\r\n        return text.split(\"\\n\");\r\n    }\r\n\r\n    private _collapse(text: string) {\r\n        return text.replace(/\\t/g, \" \".repeat(this.options.tabSize)).replace(/ +/g, \" \");\r\n    }\r\n\r\n    private _wrap(text: string, lineOffset = 0) {\r\n        const lines = new Array<SdfTextLine>();\r\n\r\n        let currentLine = lineOffset;\r\n        let currentGlyphs = new Array<SdfGlyph>();\r\n        let currentCursor = 0;\r\n        let currentWidth = 0;\r\n        let lastChar: BMFontChar | undefined;\r\n        let start = 0;\r\n        let end = start;\r\n\r\n        const pushCurrentLine = () => {\r\n            lines.push({\r\n                text: text.slice(start, end),\r\n                glyphs: currentGlyphs,\r\n                start: start,\r\n                end: end,\r\n                width: currentWidth,\r\n            });\r\n        };\r\n\r\n        while (end < text.length) {\r\n            const i = end;\r\n            const charCode = text.charCodeAt(i);\r\n            const char = this.fontAsset._getChar(charCode);\r\n            const charWidth = char.width;\r\n            const kerning = lastChar ? this.fontAsset._getKerning(lastChar.id, char.id) : 0;\r\n\r\n            currentCursor += kerning + char.xoffset;\r\n            const newWidth = currentCursor + charWidth;\r\n            const cursorProgress = char.xadvance + this.options.letterSpacing;\r\n            const nextPosition = currentCursor + cursorProgress;\r\n\r\n            const shouldBreak = nextPosition > this.options.maxWidth || newWidth > this.options.maxWidth;\r\n\r\n            if (shouldBreak) {\r\n                pushCurrentLine();\r\n\r\n                currentLine++;\r\n                lastChar = undefined;\r\n                currentCursor = 0;\r\n                currentWidth = 0;\r\n                start = end;\r\n                end = start + 1;\r\n                currentGlyphs = [];\r\n            }\r\n\r\n            const x = currentCursor;\r\n            const y = currentLine * this.lineHeight + char.yoffset;\r\n\r\n            currentGlyphs.push({\r\n                char,\r\n                line: currentLine,\r\n                position: currentGlyphs.length,\r\n                x: x,\r\n                y: y,\r\n            });\r\n\r\n            if (!shouldBreak) {\r\n                lastChar = char;\r\n                currentCursor = nextPosition;\r\n                currentWidth = newWidth;\r\n                end++;\r\n            } else {\r\n                currentCursor = cursorProgress;\r\n            }\r\n        }\r\n\r\n        if (currentGlyphs.length > 0) {\r\n            pushCurrentLine();\r\n        }\r\n\r\n        return lines;\r\n    }\r\n}\r\n"]}