Adjustments for Pixi.JS 5.0.

2019-04-30 12:18:36 +02:00
parent b07d76ce1d
commit 06aec0308d
6 changed files with 44043 additions and 42043 deletions
@@ -2023,7 +2023,7 @@
                    size = this.opts.minHeight - (2 * this.opts.padding);
                }

-                const url = Button.iconIsUrl(icon) ? icon : `../../assets/icons/png/flat/${icon}.png`;
+                const url = Button.iconIsUrl(icon) ? icon : `../../assets/icons/${icon}.png`;
                const iconTexture = PIXI.Texture.fromImage(url, true);

                const sprite = new PIXI.Sprite(iconTexture);
@@ -2479,7 +2479,7 @@
            // closeButton
            //-----------------
            if (this.opts.closeButton) {
-                let closeButton = PIXI.Sprite.fromImage('../../assets/icons/png/flat/close.png', true);
+                let closeButton = PIXI.Sprite.fromImage('../../assets/icons/close.png', true);
                closeButton.width = this.headerStyle.fontSize;
                closeButton.height = closeButton.width;
                closeButton.tint = this.theme.color2;
@@ -3788,16 +3788,15 @@
            }

            super({
-                view: view,
-                width: width,
-                height: height,
-                transparent: transparent,
-                antialias: antialias,
-                resolution: resolution,
-                autoResize: autoResize,
-                backgroundColor: backgroundColor,
-                roundPixels: roundPixels,
-                forceCanvas: forceCanvas
+                view,
+                width,
+                height,
+                transparent,
+                antialias,
+                resolution,
+                autoResize,
+                backgroundColor,
+                forceCanvas
            });

            this.width = width;
@@ -3809,7 +3808,8 @@
            this.orient = null;
            this.originalMapPositionToPoint = null;
            this.monkeyPatchMapping = monkeyPatchMapping;
-            PIXI.Graphics.CURVES.adaptive = adaptive;
+            PIXI.settings.ROUND_PIXELS = roundPixels;
+            PIXI.GRAPHICS_CURVES.adaptive = adaptive;
            this.graphql = graphql;
            if (fullScreen || autoResize) {
                console.log('App is in fullScreen mode or autoResize mode');
@@ -7146,12 +7146,12 @@
            e.preventDefault();
            let event = new CustomEvent('resizeStarted');

-            let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
+            let oldPostition = {x: this.element.getBoundingClientRect().left, y: this.element.getBoundingClientRect().top};
            this.bringToFront();

            this.element.style.transformOrigin = "0% 0%";

-            let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
+            let newPostition = {x: this.element.getBoundingClientRect().left, y: this.element.getBoundingClientRect().top};

            let offset = Points.subtract(oldPostition, newPostition);

@@ -7204,9 +7204,9 @@
            e.preventDefault();

            let event = new CustomEvent('resizeEnded');
-            let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
+            let oldPostition = {x: this.element.getBoundingClientRect().left, y: this.element.getBoundingClientRect().top};
            this.element.style.transformOrigin = "50% 50%";
-            let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
+            let newPostition = {x: this.element.getBoundingClientRect().left, y: this.element.getBoundingClientRect().top};
            let offset = Points.subtract(oldPostition, newPostition);

            TweenLite.to(this.element, 0, { css: { left: "+=" + offset.x + "px" } });