pixi-glyphs 4.2.0 → 4.2.1

package/dist/Glyphs.d.ts

@@ -47,6 +47,7 @@ export default class Glyphs<TextType extends PixiTextTypes = PIXI.Text> extends
     get spriteContainer(): PIXI.Container;
     private _debugContainer;
     get debugContainer(): PIXI.Container;
+    private _maskGraphics;
     private logWarning;
     constructor(text?: string, tagStyles?: TextStyleSet, options?: TaggedTextOptions);
     destroyImgMap(): void;

package/dist/pixi-glyphs.js

@@ -889,10 +889,12 @@ const verticalAlignInLines = (lines, lineSpacing, overrideValign) => {
     let tallestToken = getTallestToken(line);
     let baseHeight = tallestToken.bounds?.height ?? 0;
     let baseTallestAscent = 0;
+    let baseTallestDescent = 0;
     const hasRealContent = line.flat(2).some(seg => !isWhitespaceToken(seg) && !isNewlineToken(seg));
     for (const word of line) {
       for (const segment of word) {
         let segAscent = segment.fontProperties?.ascent ?? 0;
+        const segDescent = segment.fontProperties?.descent ?? 0;
         const style = segment.style;
         const strokeWidth = typeof style?.stroke === 'object' ? style.stroke.width : 0;
         const legacyStrokeThickness = style.strokeThickness || 0;
@@ -914,9 +916,11 @@ const verticalAlignInLines = (lines, lineSpacing, overrideValign) => {
         }
         if (segAscent > baseTallestAscent) {
           baseTallestAscent = segAscent;
+          baseTallestDescent = segDescent;
         }
       }
     }
+    baseHeight = baseTallestAscent + baseTallestDescent;
     if (baseHeight === 0 && baseTallestAscent === 0) {
       baseHeight = lastNonEmptyTallestToken.bounds?.height ?? 0;
       baseTallestAscent = lastNonEmptyTallestToken.fontProperties?.ascent ?? 0;
@@ -1552,6 +1556,7 @@ class Glyphs extends PIXI__namespace.Container {
     this._decorationContainer = void 0;
     this._spriteContainer = void 0;
     this._debugContainer = void 0;
+    this._maskGraphics = null;
     this.logWarning = (code, message) => logWarning(this.options.errorHandler, this.options.supressConsole, this)(code, message);
     this._textContainer = new PIXI__namespace.Container();
     this._spriteContainer = new PIXI__namespace.Container();
@@ -1632,6 +1637,9 @@ class Glyphs extends PIXI__namespace.Container {
     this._options = {};
   }
   resetChildren() {
+    if (this._maskGraphics && this._maskGraphics.parent === this) {
+      this.removeChild(this._maskGraphics);
+    }
     if (this._highlightContainer) {
       this._highlightContainer.removeChildren().forEach(child => child.destroy());
       const removed = this.removeChild(this._highlightContainer);
@@ -1849,6 +1857,18 @@ class Glyphs extends PIXI__namespace.Container {
     if (drawWhitespace === false && drewDecorations) {
       this.logWarning("text-decoration-and-whitespace", "Text decorations, such as underlines, will not appear under whitespace unless the `drawWhitespace` option is set to `true`.");
     }
+    if (!this._maskGraphics) {
+      this._maskGraphics = new PIXI__namespace.Graphics();
+    } else {
+      this._maskGraphics.clear();
+    }
+    this._maskGraphics.rect(0, 0, 10000, 10000);
+    this._maskGraphics.fill({
+      color: 0xffffff
+    });
+    this._maskGraphics.alpha = 0;
+    this.addChildAt(this._maskGraphics, 0);
+    this.mask = this._maskGraphics;
     if (this.options.debug) {
       this.drawDebug();
     }