caperaven

Accessing the dom is pretty simple 1. you can do normal dom query this.svg = this.element.querySelector('#svg'); 2. you can inject the element of a custom element in the constructor @inject(DOM.Element) constructor(element) { } 3. you can use ref to name a element in a custom element for easy access. ref="someIdentifier" for animation you can use css or create a plugin or just use greensock. I just use greensock TweenMax.allTo([this.progressRect, this.markerRect], 0.5, {y:top, ease:Cubic.easeInOut}); The important part of aurelia is to remember that it is standards based. So it's pretty much normal ES6 javascript with templating, binding, shadow dom... on top. Something to look at from a greensock perspective on aurelia https://github.com/gooy/aurelia-animator-greensock

ES6 support would be FANTASTIC! To get up to speed with what Aurelia has to offer without putting a lot of effort into it, watch this video. https://channel9.msdn.com/Events/Seth-on-the-Road/DevIntersection-2015/Rob-Eisenberg-on-Aurelia Brilliant stuff.

I am busy doing research on components required for a massive project our company is doing in 2016. I was playing around with greensock along with aurelia and I must say that I am very happy and impressed on how quick the startup is with this library and the results it produces. I would like to thank you for all your efforts and if we decide to use greensock, i think we will have to throw some money your way for a license. Please keep up your great work and hope to see many more cool stuff coming from your talented team.

Excellent stuff ty for the reply, will definitely give it a try.

I am using Aurelia for a project and managed to get greensock working using the JSPM installation already available. As part of that installation you also get draggable in the utils folder. I would love to use Draggable in the project but having difficulties loading getting it to load. I realize that greensock is not ES6 compatible yet and that it may be in the future but I would love some advice on how I can possibly use Draggable in the aurelia project. ps. I am using typescript. One of the ways I tried to do it was just to copy the Draggable.js file into the source directory and include it as import './Draggable'; All my efforts to thus far gives me the runtime error that is not found. TweenMax works fine using import 'greensock'; Just wish I could not include draggable. Any suggestions?