vevet 3.0.0-beta.1 → 3.0.0-beta.2

package/lib/esm/components/Ctx2D/index.js

@@ -1,3 +1,29 @@
+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 __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { Component as ComponentClass } from '../../base/Component';
 import { onResize } from '../../utils/internal/onResize';
 /**
@@ -5,104 +31,144 @@ import { onResize } from '../../utils/internal/onResize';
  * It creates an HTML5 Canvas element and its 2d context and can
  * implement automatic resize.
  */
-export class Ctx2D extends ComponentClass {
-    _getDefaultProps() {
-        return Object.assign(Object.assign({}, super._getDefaultProps()), { container: false, isAppend: true, hasInitialResize: true, hasResize: false, viewportTarget: 'any', resizeDebounce: 0, width: 'auto', height: 'auto', dpr: 'auto' });
-    }
-    /** The parent element of the canvas */
-    get container() {
-        return this.props.container;
-    }
-    /** The Canvas element itself */
-    get canvas() {
-        return this._canvas;
-    }
-    /** 2D Context */
-    get ctx() {
-        return this._ctx;
-    }
-    /* Canvas width (with DPR) */
-    get width() {
-        return this._width;
-    }
-    /* Canvas width (without DPR) */
-    get clientWidth() {
-        return this.width / this.dpr;
-    }
-    /* Canvas height (with DPR) */
-    get height() {
-        return this._height;
-    }
-    /* Canvas height (without DPR) */
-    get clientHeight() {
-        return this.height / this.dpr;
-    }
-    /** Device pixel ratio */
-    get dpr() {
-        return this._dpr;
-    }
-    /** If content may be successfully rendered */
-    get canRender() {
-        return this.width > 0 && this.height > 0;
-    }
-    constructor(initialProps, canInit = true) {
-        super(initialProps, false);
-        const { isAppend, container } = this.props;
+var Ctx2D = /** @class */ (function (_super) {
+    __extends(Ctx2D, _super);
+    function Ctx2D(initialProps, canInit) {
+        if (canInit === void 0) { canInit = true; }
+        var _this = _super.call(this, initialProps, false) || this;
+        var _a = _this.props, isAppend = _a.isAppend, container = _a.container;
         // set default values
-        this._width = 0;
-        this._height = 0;
-        this._dpr = 1;
+        _this._width = 0;
+        _this._height = 0;
+        _this._dpr = 1;
         // create canvas
-        this._canvas = document.createElement('canvas');
-        this._canvas.style.position = 'absolute';
-        this._canvas.style.top = '0';
-        this._canvas.style.left = '0';
-        this._canvas.style.width = '100%';
-        this._canvas.style.height = '100%';
+        _this._canvas = document.createElement('canvas');
+        _this._canvas.style.position = 'absolute';
+        _this._canvas.style.top = '0';
+        _this._canvas.style.left = '0';
+        _this._canvas.style.width = '100%';
+        _this._canvas.style.height = '100%';
         // append canvas
         if (isAppend && container instanceof Element) {
-            container.append(this._canvas);
-            this.addDestroyableAction(() => this.canvas.remove());
+            container.append(_this._canvas);
+            _this.addDestroyableAction(function () { return _this.canvas.remove(); });
         }
         // create context
-        this._ctx = this._canvas.getContext('2d');
+        _this._ctx = _this._canvas.getContext('2d');
         if (canInit) {
-            this.init();
+            _this.init();
         }
-    }
-    _onPropsMutate() {
-        super._onPropsMutate();
+        return _this;
+    }
+    Ctx2D.prototype._getDefaultProps = function () {
+        return __assign(__assign({}, _super.prototype._getDefaultProps.call(this)), { container: false, isAppend: true, hasInitialResize: true, hasResize: false, viewportTarget: 'any', resizeDebounce: 0, width: 'auto', height: 'auto', dpr: 'auto' });
+    };
+    Object.defineProperty(Ctx2D.prototype, "container", {
+        /** The parent element of the canvas */
+        get: function () {
+            return this.props.container;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Ctx2D.prototype, "canvas", {
+        /** The Canvas element itself */
+        get: function () {
+            return this._canvas;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Ctx2D.prototype, "ctx", {
+        /** 2D Context */
+        get: function () {
+            return this._ctx;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Ctx2D.prototype, "width", {
+        /* Canvas width (with DPR) */
+        get: function () {
+            return this._width;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Ctx2D.prototype, "clientWidth", {
+        /* Canvas width (without DPR) */
+        get: function () {
+            return this.width / this.dpr;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Ctx2D.prototype, "height", {
+        /* Canvas height (with DPR) */
+        get: function () {
+            return this._height;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Ctx2D.prototype, "clientHeight", {
+        /* Canvas height (without DPR) */
+        get: function () {
+            return this.height / this.dpr;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Ctx2D.prototype, "dpr", {
+        /** Device pixel ratio */
+        get: function () {
+            return this._dpr;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Ctx2D.prototype, "canRender", {
+        /** If content may be successfully rendered */
+        get: function () {
+            return this.width > 0 && this.height > 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Ctx2D.prototype._onPropsMutate = function () {
+        _super.prototype._onPropsMutate.call(this);
         this.resize();
-    }
-    _init() {
-        super._init();
+    };
+    Ctx2D.prototype._init = function () {
+        _super.prototype._init.call(this);
         this._setResize();
-    }
+    };
     /** Set resize events */
-    _setResize() {
-        const { hasInitialResize, hasResize, viewportTarget, resizeDebounce } = this.props;
+    Ctx2D.prototype._setResize = function () {
+        var _this = this;
+        var _a = this.props, hasInitialResize = _a.hasInitialResize, hasResize = _a.hasResize, viewportTarget = _a.viewportTarget, resizeDebounce = _a.resizeDebounce;
         if (!hasResize) {
             return;
         }
-        const resizeHandler = onResize({
-            onResize: () => this.resize(),
+        var resizeHandler = onResize({
+            onResize: function () { return _this.resize(); },
             element: this.container,
-            viewportTarget,
-            resizeDebounce,
+            viewportTarget: viewportTarget,
+            resizeDebounce: resizeDebounce,
         });
-        this.addDestroyableAction(() => resizeHandler.remove());
+        this.addDestroyableAction(function () { return resizeHandler.remove(); });
         if (hasInitialResize) {
             resizeHandler.resize();
         }
-    }
+    };
     /** Resize the canvas */
-    resize() {
-        const { props, canvas } = this;
+    Ctx2D.prototype.resize = function () {
+        var _a = this, props = _a.props, canvas = _a.canvas;
         if (!canvas) {
             return;
         }
-        const { app } = this;
-        const { viewport } = app;
+        var app = this.app;
+        var viewport = app.viewport;
         // calculate dpr
         if (typeof props.dpr === 'number') {
             this._dpr = props.dpr;
@@ -111,8 +177,8 @@ export class Ctx2D extends ComponentClass {
             this._dpr = viewport.dpr;
         }
         // calculate new width & height
-        let newWidth = 0;
-        let newHeight = 0;
+        var newWidth = 0;
+        var newHeight = 0;
         if (typeof props.width === 'number' && typeof props.height === 'number') {
             newWidth = props.width;
             newHeight = props.height;
@@ -137,11 +203,11 @@ export class Ctx2D extends ComponentClass {
         // launch callbacks
         this._handleResize();
         this.callbacks.tbt('resize', undefined);
-    }
+    };
     /** Method called on resize */
-    _handleResize() { }
+    Ctx2D.prototype._handleResize = function () { };
     /** Render the scene if possible */
-    render(renderProp) {
+    Ctx2D.prototype.render = function (renderProp) {
         if (!this.canRender) {
             return;
         }
@@ -154,6 +220,8 @@ export class Ctx2D extends ComponentClass {
             clientHeight: this.clientHeight,
             canvas: this.canvas,
         });
-    }
-}
+    };
+    return Ctx2D;
+}(ComponentClass));
+export { Ctx2D };
 //# sourceMappingURL=index.js.map

package/lib/esm/components/Ctx2D/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Ctx2D/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Ctx2D/index.ts"],"names":[],"mappings":"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"}

package/lib/esm/components/Ctx2DPrerender/index.js

@@ -1,24 +1,56 @@
+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 __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { getPos } from 'get-image-pos';
 import { Ctx2D } from '../Ctx2D';
 /**
  * The class allows you to prerender media for further use with reduced payloads.
  */
-export class Ctx2DPrerender extends Ctx2D {
-    _getDefaultProps() {
-        return Object.assign(Object.assign({}, super._getDefaultProps()), { media: false, posRule: 'cover' });
+var Ctx2DPrerender = /** @class */ (function (_super) {
+    __extends(Ctx2DPrerender, _super);
+    function Ctx2DPrerender() {
+        return _super !== null && _super.apply(this, arguments) || this;
     }
+    Ctx2DPrerender.prototype._getDefaultProps = function () {
+        return __assign(__assign({}, _super.prototype._getDefaultProps.call(this)), { media: false, posRule: 'cover' });
+    };
     /** Method called on resize */
-    _handleResize() {
-        super._handleResize();
-        this.render((props) => this._prerender(props));
-    }
+    Ctx2DPrerender.prototype._handleResize = function () {
+        var _this = this;
+        _super.prototype._handleResize.call(this);
+        this.render(function (props) { return _this._prerender(props); });
+    };
     /** Prerender the scene */
-    _prerender({ width, height, ctx }) {
-        const { media, posRule } = this.props;
+    Ctx2DPrerender.prototype._prerender = function (_a) {
+        var width = _a.width, height = _a.height, ctx = _a.ctx;
+        var _b = this.props, media = _b.media, posRule = _b.posRule;
         // get source info
-        let source;
-        let sourceWidth;
-        let sourceHeight;
+        var source;
+        var sourceWidth;
+        var sourceHeight;
         if (media instanceof Ctx2D) {
             source = media.canvas;
             sourceWidth = media.width;
@@ -28,20 +60,22 @@ export class Ctx2DPrerender extends Ctx2D {
             source = media;
         }
         // get media sizes
-        const size = getPos({
-            source,
-            sourceWidth,
-            sourceHeight,
+        var size = getPos({
+            source: source,
+            sourceWidth: sourceWidth,
+            sourceHeight: sourceHeight,
             rule: posRule,
             scale: 1,
-            width,
-            height,
+            width: width,
+            height: height,
         });
         // render media
         ctx.clearRect(0, 0, width, height);
         ctx.drawImage(source, size.x, size.y, size.width, size.height);
         // launch callbacks on prerender
         this.callbacks.tbt('prerender', undefined);
-    }
-}
+    };
+    return Ctx2DPrerender;
+}(Ctx2D));
+export { Ctx2DPrerender };
 //# sourceMappingURL=index.js.map

package/lib/esm/components/Ctx2DPrerender/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Ctx2DPrerender/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,MAAM,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,KAAK,EAAU,MAAM,UAAU,CAAC;AAKzC;;GAEG;AACH,MAAM,OAAO,cAIX,SAAQ,KAAmD;IACjD,gBAAgB;QACxB,uCACK,KAAK,CAAC,gBAAgB,EAAE,KAC3B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IAChB;IACJ,CAAC;IAED,8BAA8B;IACpB,aAAa;QACrB,KAAK,CAAC,aAAa,EAAE,CAAC;QAEtB,IAAI,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,0BAA0B;IAChB,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAuB;QAC9D,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEtC,kBAAkB;QAClB,IAAI,MAA0B,CAAC;QAC/B,IAAI,WAA+B,CAAC;QACpC,IAAI,YAAgC,CAAC;QACrC,IAAI,KAAK,YAAY,KAAK,EAAE;YAC1B,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YACtB,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC;YAC1B,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC;SAC7B;aAAM;YACL,MAAM,GAAG,KAAY,CAAC;SACvB;QAED,kBAAkB;QAClB,MAAM,IAAI,GAAG,MAAM,CAAC;YAClB,MAAM;YACN,WAAW;YACX,YAAY;YACZ,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,CAAC;YACR,KAAK;YACL,MAAM;SACP,CAAC,CAAC;QAEH,eAAe;QACf,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACnC,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAE/D,gCAAgC;QAChC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC7C,CAAC;CACF"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Ctx2DPrerender/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAY,MAAM,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,KAAK,EAAU,MAAM,UAAU,CAAC;AAKzC;;GAEG;AACH;IAIU,kCAAmD;IAJ7D;;IAsDA,CAAC;IAjDW,yCAAgB,GAA1B;QACE,6BACK,iBAAM,gBAAgB,WAAE,KAC3B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,IAChB;IACJ,CAAC;IAED,8BAA8B;IACpB,sCAAa,GAAvB;QAAA,iBAIC;QAHC,iBAAM,aAAa,WAAE,CAAC;QAEtB,IAAI,CAAC,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAtB,CAAsB,CAAC,CAAC;IACjD,CAAC;IAED,0BAA0B;IAChB,mCAAU,GAApB,UAAqB,EAA2C;YAAzC,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,GAAG,SAAA;QACjC,IAAA,KAAqB,IAAI,CAAC,KAAK,EAA7B,KAAK,WAAA,EAAE,OAAO,aAAe,CAAC;QAEtC,kBAAkB;QAClB,IAAI,MAA0B,CAAC;QAC/B,IAAI,WAA+B,CAAC;QACpC,IAAI,YAAgC,CAAC;QACrC,IAAI,KAAK,YAAY,KAAK,EAAE;YAC1B,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YACtB,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC;YAC1B,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC;SAC7B;aAAM;YACL,MAAM,GAAG,KAAY,CAAC;SACvB;QAED,kBAAkB;QAClB,IAAM,IAAI,GAAG,MAAM,CAAC;YAClB,MAAM,QAAA;YACN,WAAW,aAAA;YACX,YAAY,cAAA;YACZ,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,CAAC;YACR,KAAK,OAAA;YACL,MAAM,QAAA;SACP,CAAC,CAAC;QAEH,eAAe;QACf,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;QACnC,GAAG,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;QAE/D,gCAAgC;QAChC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;IAC7C,CAAC;IACH,qBAAC;AAAD,CAAC,AAtDD,CAIU,KAAK,GAkDd"}