Removed jQuery and D3 dependencies.
This commit is contained in:
parent
85e7da252f
commit
df0c2fea3a
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
@ -4149,12 +4149,12 @@
|
|||
e.preventDefault();
|
||||
let event = new CustomEvent('resizeStarted');
|
||||
|
||||
let oldPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
|
||||
let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
|
||||
this.bringToFront();
|
||||
|
||||
this.element.style.transformOrigin = "0% 0%";
|
||||
|
||||
let newPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
|
||||
let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
|
||||
|
||||
let offset = Points.subtract(oldPostition, newPostition);
|
||||
|
||||
|
@ -4207,9 +4207,9 @@
|
|||
e.preventDefault();
|
||||
|
||||
let event = new CustomEvent('resizeEnded');
|
||||
let oldPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
|
||||
let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
|
||||
this.element.style.transformOrigin = "50% 50%";
|
||||
let newPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
|
||||
let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
|
||||
let offset = Points.subtract(oldPostition, newPostition);
|
||||
|
||||
TweenLite.to(this.element, 0, { css: { left: "+=" + offset.x + "px" } });
|
||||
|
@ -6713,7 +6713,7 @@
|
|||
|
||||
// drag animation
|
||||
//--------------------
|
||||
TweenMax.to(from, opts.duration, gsOpts);
|
||||
TweenLite.to(from, opts.duration, gsOpts);
|
||||
|
||||
}, timelinePosition, [position]);
|
||||
|
||||
|
@ -6878,7 +6878,7 @@
|
|||
|
||||
// drag animation
|
||||
//--------------------
|
||||
TweenMax.to(from, opts.duration, gsOpts);
|
||||
TweenLite.to(from, opts.duration, gsOpts);
|
||||
});
|
||||
|
||||
}, timelinePosition, [position]);
|
||||
|
|
|
@ -7146,12 +7146,12 @@
|
|||
e.preventDefault();
|
||||
let event = new CustomEvent('resizeStarted');
|
||||
|
||||
let oldPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
|
||||
let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
|
||||
this.bringToFront();
|
||||
|
||||
this.element.style.transformOrigin = "0% 0%";
|
||||
|
||||
let newPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
|
||||
let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
|
||||
|
||||
let offset = Points.subtract(oldPostition, newPostition);
|
||||
|
||||
|
@ -7204,9 +7204,9 @@
|
|||
e.preventDefault();
|
||||
|
||||
let event = new CustomEvent('resizeEnded');
|
||||
let oldPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
|
||||
let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
|
||||
this.element.style.transformOrigin = "50% 50%";
|
||||
let newPostition = { x: $(this.element).position().left, y: $(this.element).position().top };
|
||||
let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop};
|
||||
let offset = Points.subtract(oldPostition, newPostition);
|
||||
|
||||
TweenLite.to(this.element, 0, { css: { left: "+=" + offset.x + "px" } });
|
||||
|
|
|
@ -5,12 +5,9 @@ const concat = require('gulp-concat');
|
|||
|
||||
function vendors() {
|
||||
return src([
|
||||
'./node_modules/jquery/dist/jquery.js',
|
||||
'./node_modules/optimal-select/dist/optimal-select.js',
|
||||
'./node_modules/hammerjs/hammer.js',
|
||||
'./node_modules/propagating-hammerjs/propagating.js',
|
||||
'./node_modules/d3/dist/d3.js',
|
||||
'./node_modules/d3-selection-multi/build/d3-selection-multi.js',
|
||||
'./node_modules/highlight.js/lib/highlight.js',
|
||||
'./node_modules/pixi.js/dist/pixi.js',
|
||||
'./node_modules/pixi-compressed-textures/lib/crn_decomp.js',
|
||||
|
@ -18,7 +15,7 @@ function vendors() {
|
|||
'./node_modules/pixi-filters/dist/pixi-filters.js',
|
||||
'./node_modules/pixi-particles/dist/pixi-particles.js',
|
||||
'./node_modules/pixi-projection/dist/pixi-projection.js',
|
||||
'./node_modules/gsap/src/uncompressed/**/*.js',
|
||||
'./node_modules/gsap/src/uncompressed/TweenLite.js',
|
||||
'./lib/3rdparty/convertPointFromPageToNode.js',
|
||||
], {sourcemaps: false})
|
||||
.pipe(concat('iwmlib.3rdparty.js'))
|
||||
|
@ -31,7 +28,6 @@ function vendors() {
|
|||
function preload() {
|
||||
return src([
|
||||
'./node_modules/highlight.js/lib/highlight.js',
|
||||
'./node_modules/gsap/src/uncompressed/plugins/*.js',
|
||||
'./node_modules/gsap/src/uncompressed/TweenLite.js',
|
||||
'./lib/3rdparty/convertPointFromPageToNode.js',
|
||||
], {sourcemaps: false})
|
||||
|
|
|
@ -4,26 +4,7 @@ https://gist.github.com/Yaffle/1145197
|
|||
No Licence ==> All Rights Reserved
|
||||
|
||||
|
||||
D3
|
||||
|
||||
https://github.com/d3/d3/blob/master/LICENSE
|
||||
|
||||
A permissive license similar to the BSD 2-Clause License, but with a 3rd clause that prohibits others from using the name of the project or its contributors to promote derived products without written consent.
|
||||
|
||||
|
||||
Greensock
|
||||
|
||||
https://greensock.com/licensing
|
||||
Standard No Charge license allows commercial one-off project. Multiple installations require the "Business Green" license.
|
||||
|
||||
Pixie
|
||||
|
||||
https://github.com/usmanhalalit/pixie/blob/master/LICENSE
|
||||
MIT License
|
||||
|
||||
|
||||
jQuery
|
||||
|
||||
https://github.com/jquery/jquery/blob/master/LICENSE.txt
|
||||
|
||||
BSD style
|
||||
|
|
|
@ -1,28 +0,0 @@
|
|||
# Patches
|
||||
|
||||
A listing of all manual changes of 3rdparty files.
|
||||
|
||||
## PIXI.js
|
||||
|
||||
+ Ensure that a minimal compressed texture example is working and apply changes to deepzoom.js~~ => Patched in pixi.js (Line 5794). + Changed:
|
||||
|
||||
```javascript
|
||||
if (status === STATUS_NONE && text.length > 0)) {`
|
||||
```
|
||||
to
|
||||
```javascript
|
||||
if (status === STATUS_NONE && (text.length > 0 || xhr.responseURL.endsWith
|
||||
('.dds'))) { // PATCH: Kupke, 07.08.2017`
|
||||
```
|
||||
+ Loading SVG Textures from filesystem
|
||||
+ Problem: In PIXI 4.7.0 the XHTTP Request of PIXI, when loading an SVG from the filesystem returned an error message and prevented the svg from being displayed.
|
||||
+ Solution: Just suppress the error when on local filesystem.
|
||||
+ Location: *BaseTexture.prototype._loadSvgSourceUsingXhr*
|
||||
|
||||
```javascript
|
||||
if(window.location.protocol !== "file:"){ // This condition was added.
|
||||
if (svgXhr.readyState !== svgXhr.DONE || svgXhr.status !== 200) {
|
||||
throw new Error('Failed to load SVG using XHR.');
|
||||
}
|
||||
}
|
||||
```
|
|
@ -363,27 +363,27 @@ You can grab the blue circle with touches or mouse and drag it around.</p>
|
|||
const to = {scale: 1.3, transformOrigin: 'center', repeat: 1, yoyo: true}
|
||||
|
||||
InteractionMapper.on('tap', document.getElementById('hammer-1'), event => {
|
||||
TweenMax.fromTo(event.target, .2, from, to)
|
||||
TweenLite.fromTo(event.target, .2, from, to)
|
||||
})
|
||||
|
||||
InteractionMapper.on('press', document.getElementById('hammer-2'), event => {
|
||||
TweenMax.fromTo(event.target, .2, from, to)
|
||||
TweenLite.fromTo(event.target, .2, from, to)
|
||||
}, {time: 1000})
|
||||
|
||||
InteractionMapper.on('panright pandown', document.getElementById('hammer-3'), event => {
|
||||
TweenMax.fromTo(event.target, .2, from, to)
|
||||
TweenLite.fromTo(event.target, .2, from, to)
|
||||
})
|
||||
|
||||
InteractionMapper.on(['swipeleft', 'swipedown'], document.getElementsByTagName('ellipse'), event => {
|
||||
TweenMax.fromTo(event.target, .2, from, to)
|
||||
TweenLite.fromTo(event.target, .2, from, to)
|
||||
})
|
||||
|
||||
InteractionMapper
|
||||
.on('pinch', document.getElementById('hammer-5'), event => {
|
||||
TweenMax.fromTo(event.target, .2, from, to)
|
||||
TweenLite.fromTo(event.target, .2, from, to)
|
||||
})
|
||||
.on('rotate', document.querySelectorAll('svg g > path.star'), event => {
|
||||
TweenMax.fromTo(event.target, .2, from, to)
|
||||
TweenLite.fromTo(event.target, .2, from, to)
|
||||
})
|
||||
.on('click', document.getElementById('hammer-1'), event => {
|
||||
console.log(event)
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
<script src="../../3rdparty/highlight/highlight.pack.js"></script>
|
||||
<script src="../../3rdparty/all.js"></script>
|
||||
<script src="../../3rdparty/jquery.min.js"></script>
|
||||
<script src="../../../node_modules/jquery/dist/jquery.min.js"></script>
|
||||
|
||||
<script src="../../all.js"></script>
|
||||
<script src="../all.js"></script>
|
||||
|
|
|
@ -11,7 +11,7 @@
|
|||
|
||||
<script src="../../3rdparty/highlight/highlight.pack.js"></script>
|
||||
<script src="../../3rdparty/all.js"></script>
|
||||
<script src="../../3rdparty/jquery.min.js"></script>
|
||||
<script src="../../../node_modules/jquery/dist/jquery.min.js"></script>
|
||||
|
||||
<script src="../../all.js"></script>
|
||||
<script src="../all.js"></script>
|
||||
|
|
|
@ -1386,12 +1386,12 @@ export class DOMScatter extends AbstractScatter {
|
|||
e.preventDefault()
|
||||
let event = new CustomEvent('resizeStarted')
|
||||
|
||||
let oldPostition = { x: $(this.element).position().left, y: $(this.element).position().top }
|
||||
let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop}
|
||||
this.bringToFront()
|
||||
|
||||
this.element.style.transformOrigin = "0% 0%"
|
||||
|
||||
let newPostition = { x: $(this.element).position().left, y: $(this.element).position().top }
|
||||
let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop}
|
||||
|
||||
let offset = Points.subtract(oldPostition, newPostition)
|
||||
|
||||
|
@ -1444,9 +1444,9 @@ export class DOMScatter extends AbstractScatter {
|
|||
e.preventDefault()
|
||||
|
||||
let event = new CustomEvent('resizeEnded')
|
||||
let oldPostition = { x: $(this.element).position().left, y: $(this.element).position().top }
|
||||
let oldPostition = {x: this.element.offsetLeft, y: this.element.offsetTop}
|
||||
this.element.style.transformOrigin = "50% 50%"
|
||||
let newPostition = { x: $(this.element).position().left, y: $(this.element).position().top }
|
||||
let newPostition = {x: this.element.offsetLeft, y: this.element.offsetTop}
|
||||
let offset = Points.subtract(oldPostition, newPostition)
|
||||
|
||||
TweenLite.to(this.element, 0, { css: { left: "+=" + offset.x + "px" } })
|
||||
|
|
|
@ -356,7 +356,7 @@ export default class UITest {
|
|||
|
||||
// drag animation
|
||||
//--------------------
|
||||
TweenMax.to(from, opts.duration, gsOpts)
|
||||
TweenLite.to(from, opts.duration, gsOpts)
|
||||
|
||||
}, timelinePosition, [position])
|
||||
|
||||
|
@ -521,7 +521,7 @@ export default class UITest {
|
|||
|
||||
// drag animation
|
||||
//--------------------
|
||||
TweenMax.to(from, opts.duration, gsOpts)
|
||||
TweenLite.to(from, opts.duration, gsOpts)
|
||||
})
|
||||
|
||||
}, timelinePosition, [position])
|
||||
|
|
Loading…
Reference in New Issue