Removed jQuery and D3 dependencies.

This commit is contained in:
Sebastian Kupke 2019-03-28 09:37:30 +01:00
parent 85e7da252f
commit df0c2fea3a
14 changed files with 32 additions and 54393 deletions

48259
dist/iwmlib.3rdparty.js vendored

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

12
dist/iwmlib.js vendored
View File

@ -4149,12 +4149,12 @@
e.preventDefault(); e.preventDefault();
let event = new CustomEvent('resizeStarted'); 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.bringToFront();
this.element.style.transformOrigin = "0% 0%"; 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); let offset = Points.subtract(oldPostition, newPostition);
@ -4207,9 +4207,9 @@
e.preventDefault(); e.preventDefault();
let event = new CustomEvent('resizeEnded'); 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%"; 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); let offset = Points.subtract(oldPostition, newPostition);
TweenLite.to(this.element, 0, { css: { left: "+=" + offset.x + "px" } }); TweenLite.to(this.element, 0, { css: { left: "+=" + offset.x + "px" } });
@ -6713,7 +6713,7 @@
// drag animation // drag animation
//-------------------- //--------------------
TweenMax.to(from, opts.duration, gsOpts); TweenLite.to(from, opts.duration, gsOpts);
}, timelinePosition, [position]); }, timelinePosition, [position]);
@ -6878,7 +6878,7 @@
// drag animation // drag animation
//-------------------- //--------------------
TweenMax.to(from, opts.duration, gsOpts); TweenLite.to(from, opts.duration, gsOpts);
}); });
}, timelinePosition, [position]); }, timelinePosition, [position]);

8
dist/iwmlib.pixi.js vendored
View File

@ -7146,12 +7146,12 @@
e.preventDefault(); e.preventDefault();
let event = new CustomEvent('resizeStarted'); 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.bringToFront();
this.element.style.transformOrigin = "0% 0%"; 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); let offset = Points.subtract(oldPostition, newPostition);
@ -7204,9 +7204,9 @@
e.preventDefault(); e.preventDefault();
let event = new CustomEvent('resizeEnded'); 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%"; 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); let offset = Points.subtract(oldPostition, newPostition);
TweenLite.to(this.element, 0, { css: { left: "+=" + offset.x + "px" } }); TweenLite.to(this.element, 0, { css: { left: "+=" + offset.x + "px" } });

View File

@ -5,12 +5,9 @@ const concat = require('gulp-concat');
function vendors() { function vendors() {
return src([ return src([
'./node_modules/jquery/dist/jquery.js',
'./node_modules/optimal-select/dist/optimal-select.js', './node_modules/optimal-select/dist/optimal-select.js',
'./node_modules/hammerjs/hammer.js', './node_modules/hammerjs/hammer.js',
'./node_modules/propagating-hammerjs/propagating.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/highlight.js/lib/highlight.js',
'./node_modules/pixi.js/dist/pixi.js', './node_modules/pixi.js/dist/pixi.js',
'./node_modules/pixi-compressed-textures/lib/crn_decomp.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-filters/dist/pixi-filters.js',
'./node_modules/pixi-particles/dist/pixi-particles.js', './node_modules/pixi-particles/dist/pixi-particles.js',
'./node_modules/pixi-projection/dist/pixi-projection.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', './lib/3rdparty/convertPointFromPageToNode.js',
], {sourcemaps: false}) ], {sourcemaps: false})
.pipe(concat('iwmlib.3rdparty.js')) .pipe(concat('iwmlib.3rdparty.js'))
@ -31,7 +28,6 @@ function vendors() {
function preload() { function preload() {
return src([ return src([
'./node_modules/highlight.js/lib/highlight.js', './node_modules/highlight.js/lib/highlight.js',
'./node_modules/gsap/src/uncompressed/plugins/*.js',
'./node_modules/gsap/src/uncompressed/TweenLite.js', './node_modules/gsap/src/uncompressed/TweenLite.js',
'./lib/3rdparty/convertPointFromPageToNode.js', './lib/3rdparty/convertPointFromPageToNode.js',
], {sourcemaps: false}) ], {sourcemaps: false})

View File

@ -4,26 +4,7 @@ https://gist.github.com/Yaffle/1145197
No Licence ==> All Rights Reserved 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 Greensock
https://greensock.com/licensing https://greensock.com/licensing
Standard No Charge license allows commercial one-off project. Multiple installations require the "Business Green" license. 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

View File

@ -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.');
}
}
```

View File

@ -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} const to = {scale: 1.3, transformOrigin: 'center', repeat: 1, yoyo: true}
InteractionMapper.on('tap', document.getElementById('hammer-1'), event => { 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 => { InteractionMapper.on('press', document.getElementById('hammer-2'), event => {
TweenMax.fromTo(event.target, .2, from, to) TweenLite.fromTo(event.target, .2, from, to)
}, {time: 1000}) }, {time: 1000})
InteractionMapper.on('panright pandown', document.getElementById('hammer-3'), event => { 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 => { InteractionMapper.on(['swipeleft', 'swipedown'], document.getElementsByTagName('ellipse'), event => {
TweenMax.fromTo(event.target, .2, from, to) TweenLite.fromTo(event.target, .2, from, to)
}) })
InteractionMapper InteractionMapper
.on('pinch', document.getElementById('hammer-5'), event => { .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 => { .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 => { .on('click', document.getElementById('hammer-1'), event => {
console.log(event) console.log(event)

View File

@ -11,7 +11,7 @@
<script src="../../3rdparty/highlight/highlight.pack.js"></script> <script src="../../3rdparty/highlight/highlight.pack.js"></script>
<script src="../../3rdparty/all.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>
<script src="../all.js"></script> <script src="../all.js"></script>

View File

@ -11,7 +11,7 @@
<script src="../../3rdparty/highlight/highlight.pack.js"></script> <script src="../../3rdparty/highlight/highlight.pack.js"></script>
<script src="../../3rdparty/all.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>
<script src="../all.js"></script> <script src="../all.js"></script>

View File

@ -1386,12 +1386,12 @@ export class DOMScatter extends AbstractScatter {
e.preventDefault() e.preventDefault()
let event = new CustomEvent('resizeStarted') 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.bringToFront()
this.element.style.transformOrigin = "0% 0%" 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) let offset = Points.subtract(oldPostition, newPostition)
@ -1444,9 +1444,9 @@ export class DOMScatter extends AbstractScatter {
e.preventDefault() e.preventDefault()
let event = new CustomEvent('resizeEnded') 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%" 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) let offset = Points.subtract(oldPostition, newPostition)
TweenLite.to(this.element, 0, { css: { left: "+=" + offset.x + "px" } }) TweenLite.to(this.element, 0, { css: { left: "+=" + offset.x + "px" } })

View File

@ -356,7 +356,7 @@ export default class UITest {
// drag animation // drag animation
//-------------------- //--------------------
TweenMax.to(from, opts.duration, gsOpts) TweenLite.to(from, opts.duration, gsOpts)
}, timelinePosition, [position]) }, timelinePosition, [position])
@ -521,7 +521,7 @@ export default class UITest {
// drag animation // drag animation
//-------------------- //--------------------
TweenMax.to(from, opts.duration, gsOpts) TweenLite.to(from, opts.duration, gsOpts)
}) })
}, timelinePosition, [position]) }, timelinePosition, [position])