@flashist/flibs 0.0.248 → 0.0.249

package/display/pixijs/custom/display/text/FLabel.js

@@ -1,39 +1,23 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
 import { ObjectTools } from "@flashist/fcore";
 import { Rectangle } from "pixi.js";
 import { Text, BitmapText, Graphics, Align, VAlign, FLabelEvent, AutosizeType, DisplayResizeTools, FLabelTools } from "../../../../../index";
 import { FLabelDefaultConfig } from "./FLabelDefaultConfig";
 import { FContainer } from "../FContainer";
-var FLabel = /** @class */ (function (_super) {
-    __extends(FLabel, _super);
-    function FLabel(config) {
-        return _super.call(this, config) || this;
+export class FLabel extends FContainer {
+    constructor(config) {
+        super(config);
     }
-    FLabel.prototype.construction = function (config) {
-        _super.prototype.construction.call(this);
+    construction(config) {
+        super.construction();
         this.fieldLocalBounds = new Rectangle();
         // Properties overriding
         //
         // width
         Object.defineProperty(this, "width", {
-            get: function () {
+            get() {
                 return this._width;
             },
-            set: function (value) {
+            set(value) {
                 if (value === this._width) {
                     return;
                 }
@@ -43,10 +27,10 @@ var FLabel = /** @class */ (function (_super) {
         });
         // height
         Object.defineProperty(this, "height", {
-            get: function () {
+            get() {
                 return this._height;
             },
-            set: function (value) {
+            set(value) {
                 if (value === this._height) {
                     return;
                 }
@@ -70,20 +54,20 @@ var FLabel = /** @class */ (function (_super) {
         this._width = this.field.width;
         this._height = this.field.height;
         this.updateBg();
-    };
-    FLabel.prototype.destruction = function () {
-        _super.prototype.destruction.call(this);
+    }
+    destruction() {
+        super.destruction();
         if (this.field) {
             this.field.destroy();
         }
-    };
-    FLabel.prototype.createField = function () {
+    }
+    createField() {
         if (this.field) {
             this.field.parent.removeChild(this.field);
             this.field = null;
         }
         if (this.config.isBitmap) {
-            var bitmapConfig = {
+            let bitmapConfig = {
                 fontName: this.config.fontFamily
             };
             if (this.config.size) {
@@ -100,11 +84,11 @@ var FLabel = /** @class */ (function (_super) {
         this.applyStyle();
         this.addChild(this.field);
         this.field.mask = this.fieldMask;
-    };
-    FLabel.prototype.applyStyle = function () {
+    }
+    applyStyle() {
         if (this.config.isBitmap) {
             // ToDo: implement configuring bitmap fields
-            var bitmapField = this.field;
+            const bitmapField = this.field;
             if (this.config.fontFamily) {
                 bitmapField.fontName = this.config.fontFamily;
             }
@@ -119,7 +103,7 @@ var FLabel = /** @class */ (function (_super) {
             }
         }
         else {
-            var textField = this.field;
+            const textField = this.field;
             if (this.config.fontFamily) {
                 textField.style.fontFamily = this.config.fontFamily;
             }
@@ -196,13 +180,13 @@ var FLabel = /** @class */ (function (_super) {
             }
         }
         this.arrange();
-    };
-    FLabel.prototype.commitData = function () {
-        _super.prototype.commitData.call(this);
+    }
+    commitData() {
+        super.commitData();
         this.arrange();
-    };
-    FLabel.prototype.arrange = function () {
-        _super.prototype.arrange.call(this);
+    }
+    arrange() {
+        super.arrange();
         // Reset Field Scale
         this.field.scale.set(1);
         //
@@ -223,7 +207,7 @@ var FLabel = /** @class */ (function (_super) {
                 }
             }
         }
-        var tempFieldScale = 1;
+        let tempFieldScale = 1;
         if (this.fitToSize) {
             // IMPORTANT: this is a performance-requiring task!
             if (this.changeFontSizeToFit) {
@@ -238,7 +222,7 @@ var FLabel = /** @class */ (function (_super) {
         this.fieldLocalBounds = this.field.getLocalBounds();
         this.bg.width = this._width;
         this.bg.height = this._height;
-        var newX = this.fieldPaddingX;
+        let newX = this.fieldPaddingX;
         switch (this.align) {
             case Align.CENTER:
                 newX = Math.floor((this._width - (this.textWidth * this.field.scale.x)) * 0.5);
@@ -248,7 +232,7 @@ var FLabel = /** @class */ (function (_super) {
                 break;
         }
         this.field.x = newX;
-        var newY = this.fieldPaddingY;
+        let newY = this.fieldPaddingY;
         switch (this.valign) {
             case VAlign.MIDDLE:
                 newY = Math.floor((this._height - (this.textHeight * this.field.scale.y)) * 0.5);
@@ -262,164 +246,128 @@ var FLabel = /** @class */ (function (_super) {
         this.fieldMask.y = this.fieldPaddingY;
         this.fieldMask.width = this._width - (this.fieldPaddingX * 2);
         this.fieldMask.height = this._height - (this.fieldPaddingY * 2);
-    };
-    Object.defineProperty(FLabel.prototype, "isBitmap", {
-        get: function () {
-            return this.config.isBitmap;
-        },
-        set: function (value) {
-            if (value === this.config.isBitmap) {
-                return;
-            }
-            this.config.isBitmap = value;
-            this.createField();
-            this.updateBg();
-            this.commitData();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "fontFamily", {
-        get: function () {
-            return this.config.fontFamily;
-        },
-        set: function (value) {
-            if (value === this.config.fontFamily) {
-                return;
-            }
-            this.config.fontFamily = value;
-            this.applyStyle();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "color", {
-        get: function () {
-            return this.config.color;
-        },
-        set: function (value) {
-            if (value === this.config.color) {
-                return;
-            }
-            this.config.color = value;
-            this.applyStyle();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "gradientColor", {
-        get: function () {
-            return this.config.gradientColor;
-        },
-        set: function (value) {
-            this.config.gradientColor = value;
-            this.applyStyle();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "size", {
-        get: function () {
-            return this.config.size;
-        },
-        set: function (value) {
-            if (value === this.config.size) {
-                return;
-            }
-            this.config.size = value;
-            this.applyStyle();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "align", {
-        /*public get width(): number {
-            return this._width;
-        }
-    
-        public set width(value: number) {
-            if (value === this._width) {
-                return;
-            }
-    
-            this._width = value;
-    
-            this.commitData();
-        }*/
-        /*public get height(): number {
-            return this._height;
-        }
-    
-        public set height(value: number) {
-            if (value === this._height) {
-                return;
-            }
-    
-            this._height = value;
-    
-            this.commitData();
-        }*/
-        get: function () {
-            return this.config.align;
-        },
-        set: function (value) {
-            if (value === this.config.align) {
-                return;
-            }
-            this.config.align = value;
-            // this.arrange();
-            this.applyStyle();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "valign", {
-        get: function () {
-            return this.config.valign;
-        },
-        set: function (value) {
-            if (value === this.config.valign) {
-                return;
-            }
-            this.config.valign = value;
-            this.arrange();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "bgAlpha", {
-        get: function () {
-            return this.config.bgAlpha;
-        },
-        set: function (value) {
-            if (value === this.config.bgAlpha) {
-                return;
-            }
-            this.config.bgAlpha = value;
-            this.updateBg();
-            this.arrange();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "bgColor", {
-        get: function () {
-            return this.config.bgColor;
-        },
-        set: function (value) {
-            if (value === this.config.bgColor) {
-                return;
-            }
-            this.config.bgColor = value;
-            this.updateBg();
-            this.arrange();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    FLabel.prototype.updateBg = function () {
-        var bgColor = this.config.bgColor ? this.config.bgColor : 0;
-        var bgAlpha = this.config.bgAlpha ? this.config.bgAlpha : 0;
+    }
+    get isBitmap() {
+        return this.config.isBitmap;
+    }
+    set isBitmap(value) {
+        if (value === this.config.isBitmap) {
+            return;
+        }
+        this.config.isBitmap = value;
+        this.createField();
+        this.updateBg();
+        this.commitData();
+    }
+    get fontFamily() {
+        return this.config.fontFamily;
+    }
+    set fontFamily(value) {
+        if (value === this.config.fontFamily) {
+            return;
+        }
+        this.config.fontFamily = value;
+        this.applyStyle();
+    }
+    get color() {
+        return this.config.color;
+    }
+    set color(value) {
+        if (value === this.config.color) {
+            return;
+        }
+        this.config.color = value;
+        this.applyStyle();
+    }
+    get gradientColor() {
+        return this.config.gradientColor;
+    }
+    set gradientColor(value) {
+        this.config.gradientColor = value;
+        this.applyStyle();
+    }
+    get size() {
+        return this.config.size;
+    }
+    set size(value) {
+        if (value === this.config.size) {
+            return;
+        }
+        this.config.size = value;
+        this.applyStyle();
+    }
+    /*public get width(): number {
+        return this._width;
+    }
+
+    public set width(value: number) {
+        if (value === this._width) {
+            return;
+        }
+
+        this._width = value;
+
+        this.commitData();
+    }*/
+    /*public get height(): number {
+        return this._height;
+    }
+
+    public set height(value: number) {
+        if (value === this._height) {
+            return;
+        }
+
+        this._height = value;
+
+        this.commitData();
+    }*/
+    get align() {
+        return this.config.align;
+    }
+    set align(value) {
+        if (value === this.config.align) {
+            return;
+        }
+        this.config.align = value;
+        // this.arrange();
+        this.applyStyle();
+    }
+    get valign() {
+        return this.config.valign;
+    }
+    set valign(value) {
+        if (value === this.config.valign) {
+            return;
+        }
+        this.config.valign = value;
+        this.arrange();
+    }
+    get bgAlpha() {
+        return this.config.bgAlpha;
+    }
+    set bgAlpha(value) {
+        if (value === this.config.bgAlpha) {
+            return;
+        }
+        this.config.bgAlpha = value;
+        this.updateBg();
+        this.arrange();
+    }
+    get bgColor() {
+        return this.config.bgColor;
+    }
+    set bgColor(value) {
+        if (value === this.config.bgColor) {
+            return;
+        }
+        this.config.bgColor = value;
+        this.updateBg();
+        this.arrange();
+    }
+    updateBg() {
+        const bgColor = this.config.bgColor ? this.config.bgColor : 0;
+        const bgAlpha = this.config.bgAlpha ? this.config.bgAlpha : 0;
         this.bg.clear();
         this.bg.beginFill(bgColor, 1);
         this.bg.drawRect(0, 0, 10, 10);
@@ -429,267 +377,185 @@ var FLabel = /** @class */ (function (_super) {
         this.fieldMask.beginFill(0x00FF00, 1);
         this.fieldMask.drawRect(0, 0, 10, 10);
         this.fieldMask.endFill();
-    };
-    Object.defineProperty(FLabel.prototype, "text", {
-        get: function () {
-            return this.field.text;
-        },
-        set: function (value) {
-            if (value === this.field.text) {
-                return;
-            }
-            this.field.text = value;
-            this.dispatchEvent(new Event(FLabelEvent.TEXT_CHANGE));
-            this.commitData();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "autosize", {
-        get: function () {
-            return this.config.autosize;
-        },
-        set: function (value) {
-            if (value === this.config.autosize) {
-                return;
-            }
-            this.config.autosize = value;
-            this.arrange();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "autosizeType", {
-        get: function () {
-            return this.config.autosizeType;
-        },
-        set: function (value) {
-            if (value === this.config.autosizeType) {
-                return;
-            }
-            this.config.autosizeType = value;
-            this.arrange();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "maxAutosizeWidth", {
-        get: function () {
-            return this.config.maxAutosizeWidth || 0;
-        },
-        set: function (value) {
-            if (value === this.config.maxAutosizeWidth) {
-                return;
-            }
-            this.config.maxAutosizeWidth = value;
-            this.arrange();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "maxAutosizeHeight", {
-        get: function () {
-            return this.config.maxAutosizeHeight || 0;
-        },
-        set: function (value) {
-            if (value === this.config.maxAutosizeHeight) {
-                return;
-            }
-            this.config.maxAutosizeHeight = value;
-            this.arrange();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "fitToSize", {
-        get: function () {
-            return this.config.fitToSize;
-        },
-        set: function (value) {
-            if (value === this.config.fitToSize) {
-                return;
-            }
-            this.config.fitToSize = value;
-            this.arrange();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "changeFontSizeToFit", {
-        get: function () {
-            return this.config.changeFontSizeToFit;
-        },
-        set: function (value) {
-            if (value === this.config.changeFontSizeToFit) {
-                return;
-            }
-            this.config.changeFontSizeToFit = value;
-            this.arrange();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "textWidth", {
-        get: function () {
-            if (this.isBitmap) {
-                // return (this.field as BitmapText).textWidth;
-                return this.fieldLocalBounds.x + this.fieldLocalBounds.width;
-            }
-            else {
-                return this.field.width / this.field.scale.x;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "textHeight", {
-        get: function () {
-            if (this.isBitmap) {
-                // return (this.field as BitmapText).textHeight;
-                return this.fieldLocalBounds.y + this.fieldLocalBounds.height;
-            }
-            else {
-                return this.field.height / this.field.scale.y;
-            }
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "textAvailableWidth", {
-        get: function () {
-            return this.width - (this.fieldPaddingX * 2);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "textAvailableHeight", {
-        get: function () {
-            return this.height - (this.fieldPaddingY * 2);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "bold", {
-        get: function () {
-            return this.config.bold;
-        },
-        set: function (value) {
-            if (this.config.bold === value) {
-                return;
-            }
-            this.config.bold = value;
-            this.applyStyle();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "dropShadow", {
-        get: function () {
-            return this.config.dropShadow;
-        },
-        set: function (value) {
-            if (this.config.dropShadow === value) {
-                return;
-            }
-            this.config.dropShadow = value;
-            this.applyStyle();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "stroke", {
-        get: function () {
-            return this.config.stroke;
-        },
-        set: function (value) {
-            if (this.config.stroke === value) {
-                return;
-            }
-            this.config.stroke = value;
-            this.applyStyle();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "strokeThickness", {
-        get: function () {
-            return this.config.strokeThickness;
-        },
-        set: function (value) {
-            if (this.config.strokeThickness === value) {
-                return;
-            }
-            this.config.strokeThickness = value;
-            this.applyStyle();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "fieldPaddingX", {
-        get: function () {
-            return this.config.fieldPaddingX || 0;
-        },
-        set: function (value) {
-            if (this.config.fieldPaddingX === value) {
-                return;
-            }
-            this.config.fieldPaddingX = value;
-            this.arrange();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "fieldPaddingY", {
-        get: function () {
-            return this.config.fieldPaddingY || 0;
-        },
-        set: function (value) {
-            if (this.config.fieldPaddingY === value) {
-                return;
-            }
-            this.config.fieldPaddingY = value;
-            this.arrange();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "wordWrap", {
-        get: function () {
-            return this.config.wordWrap;
-        },
-        set: function (value) {
-            if (this.config.wordWrap === value) {
-                return;
-            }
-            this.config.wordWrap = value;
-            this.applyStyle();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "wordWrapWidth", {
-        get: function () {
-            return this.config.wordWrapWidth;
-        },
-        set: function (value) {
-            if (this.config.wordWrapWidth === value) {
-                return;
-            }
-            this.config.wordWrapWidth = value;
-            this.applyStyle();
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(FLabel.prototype, "engineField", {
-        get: function () {
-            return this.field;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    FLabel.DEFAULT_CONFIG = new FLabelDefaultConfig();
-    return FLabel;
-}(FContainer));
-export { FLabel };
+    }
+    get text() {
+        return this.field.text;
+    }
+    set text(value) {
+        if (value === this.field.text) {
+            return;
+        }
+        this.field.text = value;
+        this.dispatchEvent(new Event(FLabelEvent.TEXT_CHANGE));
+        this.commitData();
+    }
+    get autosize() {
+        return this.config.autosize;
+    }
+    set autosize(value) {
+        if (value === this.config.autosize) {
+            return;
+        }
+        this.config.autosize = value;
+        this.arrange();
+    }
+    get autosizeType() {
+        return this.config.autosizeType;
+    }
+    set autosizeType(value) {
+        if (value === this.config.autosizeType) {
+            return;
+        }
+        this.config.autosizeType = value;
+        this.arrange();
+    }
+    get maxAutosizeWidth() {
+        return this.config.maxAutosizeWidth || 0;
+    }
+    set maxAutosizeWidth(value) {
+        if (value === this.config.maxAutosizeWidth) {
+            return;
+        }
+        this.config.maxAutosizeWidth = value;
+        this.arrange();
+    }
+    get maxAutosizeHeight() {
+        return this.config.maxAutosizeHeight || 0;
+    }
+    set maxAutosizeHeight(value) {
+        if (value === this.config.maxAutosizeHeight) {
+            return;
+        }
+        this.config.maxAutosizeHeight = value;
+        this.arrange();
+    }
+    get fitToSize() {
+        return this.config.fitToSize;
+    }
+    set fitToSize(value) {
+        if (value === this.config.fitToSize) {
+            return;
+        }
+        this.config.fitToSize = value;
+        this.arrange();
+    }
+    get changeFontSizeToFit() {
+        return this.config.changeFontSizeToFit;
+    }
+    set changeFontSizeToFit(value) {
+        if (value === this.config.changeFontSizeToFit) {
+            return;
+        }
+        this.config.changeFontSizeToFit = value;
+        this.arrange();
+    }
+    get textWidth() {
+        if (this.isBitmap) {
+            // return (this.field as BitmapText).textWidth;
+            return this.fieldLocalBounds.x + this.fieldLocalBounds.width;
+        }
+        else {
+            return this.field.width / this.field.scale.x;
+        }
+    }
+    get textHeight() {
+        if (this.isBitmap) {
+            // return (this.field as BitmapText).textHeight;
+            return this.fieldLocalBounds.y + this.fieldLocalBounds.height;
+        }
+        else {
+            return this.field.height / this.field.scale.y;
+        }
+    }
+    get textAvailableWidth() {
+        return this.width - (this.fieldPaddingX * 2);
+    }
+    get textAvailableHeight() {
+        return this.height - (this.fieldPaddingY * 2);
+    }
+    get bold() {
+        return this.config.bold;
+    }
+    set bold(value) {
+        if (this.config.bold === value) {
+            return;
+        }
+        this.config.bold = value;
+        this.applyStyle();
+    }
+    get dropShadow() {
+        return this.config.dropShadow;
+    }
+    set dropShadow(value) {
+        if (this.config.dropShadow === value) {
+            return;
+        }
+        this.config.dropShadow = value;
+        this.applyStyle();
+    }
+    get stroke() {
+        return this.config.stroke;
+    }
+    set stroke(value) {
+        if (this.config.stroke === value) {
+            return;
+        }
+        this.config.stroke = value;
+        this.applyStyle();
+    }
+    get strokeThickness() {
+        return this.config.strokeThickness;
+    }
+    set strokeThickness(value) {
+        if (this.config.strokeThickness === value) {
+            return;
+        }
+        this.config.strokeThickness = value;
+        this.applyStyle();
+    }
+    get fieldPaddingX() {
+        return this.config.fieldPaddingX || 0;
+    }
+    set fieldPaddingX(value) {
+        if (this.config.fieldPaddingX === value) {
+            return;
+        }
+        this.config.fieldPaddingX = value;
+        this.arrange();
+    }
+    get fieldPaddingY() {
+        return this.config.fieldPaddingY || 0;
+    }
+    set fieldPaddingY(value) {
+        if (this.config.fieldPaddingY === value) {
+            return;
+        }
+        this.config.fieldPaddingY = value;
+        this.arrange();
+    }
+    get wordWrap() {
+        return this.config.wordWrap;
+    }
+    set wordWrap(value) {
+        if (this.config.wordWrap === value) {
+            return;
+        }
+        this.config.wordWrap = value;
+        this.applyStyle();
+    }
+    get wordWrapWidth() {
+        return this.config.wordWrapWidth;
+    }
+    set wordWrapWidth(value) {
+        if (this.config.wordWrapWidth === value) {
+            return;
+        }
+        this.config.wordWrapWidth = value;
+        this.applyStyle();
+    }
+    get engineField() {
+        return this.field;
+    }
+}
+FLabel.DEFAULT_CONFIG = new FLabelDefaultConfig();
 //# sourceMappingURL=FLabel.js.map