",
+ options: {
+ disabled: false,
+
+ // callbacks
+ create: null
+ },
+ _createWidget: function( options, element ) {
+ element = $( element || this.defaultElement || this )[ 0 ];
+ this.element = $( element );
+ this.uuid = uuid++;
+ this.eventNamespace = "." + this.widgetName + this.uuid;
+ this.options = $.widget.extend( {},
+ this.options,
+ this._getCreateOptions(),
+ options );
+
+ this.bindings = $();
+ this.hoverable = $();
+ this.focusable = $();
+
+ if ( element !== this ) {
+ $.data( element, this.widgetFullName, this );
+ this._on( true, this.element, {
+ remove: function( event ) {
+ if ( event.target === element ) {
+ this.destroy();
+ }
+ }
+ });
+ this.document = $( element.style ?
+ // element within the document
+ element.ownerDocument :
+ // element is window or document
+ element.document || element );
+ this.window = $( this.document[0].defaultView || this.document[0].parentWindow );
+ }
+
+ this._create();
+ this._trigger( "create", null, this._getCreateEventData() );
+ this._init();
+ },
+ _getCreateOptions: $.noop,
+ _getCreateEventData: $.noop,
+ _create: $.noop,
+ _init: $.noop,
+
+ destroy: function() {
+ this._destroy();
+ // we can probably remove the unbind calls in 2.0
+ // all event bindings should go through this._on()
+ this.element
+ .unbind( this.eventNamespace )
+ // 1.9 BC for #7810
+ // TODO remove dual storage
+ .removeData( this.widgetName )
+ .removeData( this.widgetFullName )
+ // support: jquery <1.6.3
+ // http://bugs.jquery.com/ticket/9413
+ .removeData( $.camelCase( this.widgetFullName ) );
+ this.widget()
+ .unbind( this.eventNamespace )
+ .removeAttr( "aria-disabled" )
+ .removeClass(
+ this.widgetFullName + "-disabled " +
+ "ui-state-disabled" );
+
+ // clean up events and states
+ this.bindings.unbind( this.eventNamespace );
+ this.hoverable.removeClass( "ui-state-hover" );
+ this.focusable.removeClass( "ui-state-focus" );
+ },
+ _destroy: $.noop,
+
+ widget: function() {
+ return this.element;
+ },
+
+ option: function( key, value ) {
+ var options = key,
+ parts,
+ curOption,
+ i;
+
+ if ( arguments.length === 0 ) {
+ // don't return a reference to the internal hash
+ return $.widget.extend( {}, this.options );
+ }
+
+ if ( typeof key === "string" ) {
+ // handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } }
+ options = {};
+ parts = key.split( "." );
+ key = parts.shift();
+ if ( parts.length ) {
+ curOption = options[ key ] = $.widget.extend( {}, this.options[ key ] );
+ for ( i = 0; i < parts.length - 1; i++ ) {
+ curOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {};
+ curOption = curOption[ parts[ i ] ];
+ }
+ key = parts.pop();
+ if ( value === undefined ) {
+ return curOption[ key ] === undefined ? null : curOption[ key ];
+ }
+ curOption[ key ] = value;
+ } else {
+ if ( value === undefined ) {
+ return this.options[ key ] === undefined ? null : this.options[ key ];
+ }
+ options[ key ] = value;
+ }
+ }
+
+ this._setOptions( options );
+
+ return this;
+ },
+ _setOptions: function( options ) {
+ var key;
+
+ for ( key in options ) {
+ this._setOption( key, options[ key ] );
+ }
+
+ return this;
+ },
+ _setOption: function( key, value ) {
+ this.options[ key ] = value;
+
+ if ( key === "disabled" ) {
+ this.widget()
+ .toggleClass( this.widgetFullName + "-disabled ui-state-disabled", !!value )
+ .attr( "aria-disabled", value );
+ this.hoverable.removeClass( "ui-state-hover" );
+ this.focusable.removeClass( "ui-state-focus" );
+ }
+
+ return this;
+ },
+
+ enable: function() {
+ return this._setOption( "disabled", false );
+ },
+ disable: function() {
+ return this._setOption( "disabled", true );
+ },
+
+ _on: function( suppressDisabledCheck, element, handlers ) {
+ var delegateElement,
+ instance = this;
+
+ // no suppressDisabledCheck flag, shuffle arguments
+ if ( typeof suppressDisabledCheck !== "boolean" ) {
+ handlers = element;
+ element = suppressDisabledCheck;
+ suppressDisabledCheck = false;
+ }
+
+ // no element argument, shuffle and use this.element
+ if ( !handlers ) {
+ handlers = element;
+ element = this.element;
+ delegateElement = this.widget();
+ } else {
+ // accept selectors, DOM elements
+ element = delegateElement = $( element );
+ this.bindings = this.bindings.add( element );
+ }
+
+ $.each( handlers, function( event, handler ) {
+ function handlerProxy() {
+ // allow widgets to customize the disabled handling
+ // - disabled as an array instead of boolean
+ // - disabled class as method for disabling individual parts
+ if ( !suppressDisabledCheck &&
+ ( instance.options.disabled === true ||
+ $( this ).hasClass( "ui-state-disabled" ) ) ) {
+ return;
+ }
+ return ( typeof handler === "string" ? instance[ handler ] : handler )
+ .apply( instance, arguments );
+ }
+
+ // copy the guid so direct unbinding works
+ if ( typeof handler !== "string" ) {
+ handlerProxy.guid = handler.guid =
+ handler.guid || handlerProxy.guid || $.guid++;
+ }
+
+ var match = event.match( /^(\w+)\s*(.*)$/ ),
+ eventName = match[1] + instance.eventNamespace,
+ selector = match[2];
+ if ( selector ) {
+ delegateElement.delegate( selector, eventName, handlerProxy );
+ } else {
+ element.bind( eventName, handlerProxy );
+ }
+ });
+ },
+
+ _off: function( element, eventName ) {
+ eventName = (eventName || "").split( " " ).join( this.eventNamespace + " " ) + this.eventNamespace;
+ element.unbind( eventName ).undelegate( eventName );
+ },
+
+ _delay: function( handler, delay ) {
+ function handlerProxy() {
+ return ( typeof handler === "string" ? instance[ handler ] : handler )
+ .apply( instance, arguments );
+ }
+ var instance = this;
+ return setTimeout( handlerProxy, delay || 0 );
+ },
+
+ _hoverable: function( element ) {
+ this.hoverable = this.hoverable.add( element );
+ this._on( element, {
+ mouseenter: function( event ) {
+ $( event.currentTarget ).addClass( "ui-state-hover" );
+ },
+ mouseleave: function( event ) {
+ $( event.currentTarget ).removeClass( "ui-state-hover" );
+ }
+ });
+ },
+
+ _focusable: function( element ) {
+ this.focusable = this.focusable.add( element );
+ this._on( element, {
+ focusin: function( event ) {
+ $( event.currentTarget ).addClass( "ui-state-focus" );
+ },
+ focusout: function( event ) {
+ $( event.currentTarget ).removeClass( "ui-state-focus" );
+ }
+ });
+ },
+
+ _trigger: function( type, event, data ) {
+ var prop, orig,
+ callback = this.options[ type ];
+
+ data = data || {};
+ event = $.Event( event );
+ event.type = ( type === this.widgetEventPrefix ?
+ type :
+ this.widgetEventPrefix + type ).toLowerCase();
+ // the original event may come from any element
+ // so we need to reset the target on the new event
+ event.target = this.element[ 0 ];
+
+ // copy original event properties over to the new event
+ orig = event.originalEvent;
+ if ( orig ) {
+ for ( prop in orig ) {
+ if ( !( prop in event ) ) {
+ event[ prop ] = orig[ prop ];
+ }
+ }
+ }
+
+ this.element.trigger( event, data );
+ return !( $.isFunction( callback ) &&
+ callback.apply( this.element[0], [ event ].concat( data ) ) === false ||
+ event.isDefaultPrevented() );
+ }
+};
+
+$.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) {
+ $.Widget.prototype[ "_" + method ] = function( element, options, callback ) {
+ if ( typeof options === "string" ) {
+ options = { effect: options };
+ }
+ var hasOptions,
+ effectName = !options ?
+ method :
+ options === true || typeof options === "number" ?
+ defaultEffect :
+ options.effect || defaultEffect;
+ options = options || {};
+ if ( typeof options === "number" ) {
+ options = { duration: options };
+ }
+ hasOptions = !$.isEmptyObject( options );
+ options.complete = callback;
+ if ( options.delay ) {
+ element.delay( options.delay );
+ }
+ if ( hasOptions && $.effects && $.effects.effect[ effectName ] ) {
+ element[ method ]( options );
+ } else if ( effectName !== method && element[ effectName ] ) {
+ element[ effectName ]( options.duration, options.easing, callback );
+ } else {
+ element.queue(function( next ) {
+ $( this )[ method ]();
+ if ( callback ) {
+ callback.call( element[ 0 ] );
+ }
+ next();
+ });
+ }
+ };
+});
+
+})( jQuery );
+(function( $, undefined ) {
+
+var mouseHandled = false;
+$( document ).mouseup( function() {
+ mouseHandled = false;
+});
+
+$.widget("ui.mouse", {
+ version: "1.10.3",
+ options: {
+ cancel: "input,textarea,button,select,option",
+ distance: 1,
+ delay: 0
+ },
+ _mouseInit: function() {
+ var that = this;
+
+ this.element
+ .bind("mousedown."+this.widgetName, function(event) {
+ return that._mouseDown(event);
+ })
+ .bind("click."+this.widgetName, function(event) {
+ if (true === $.data(event.target, that.widgetName + ".preventClickEvent")) {
+ $.removeData(event.target, that.widgetName + ".preventClickEvent");
+ event.stopImmediatePropagation();
+ return false;
+ }
+ });
+
+ this.started = false;
+ },
+
+ // TODO: make sure destroying one instance of mouse doesn't mess with
+ // other instances of mouse
+ _mouseDestroy: function() {
+ this.element.unbind("."+this.widgetName);
+ if ( this._mouseMoveDelegate ) {
+ $(document)
+ .unbind("mousemove."+this.widgetName, this._mouseMoveDelegate)
+ .unbind("mouseup."+this.widgetName, this._mouseUpDelegate);
+ }
+ },
+
+ _mouseDown: function(event) {
+ // don't let more than one widget handle mouseStart
+ if( mouseHandled ) { return; }
+
+ // we may have missed mouseup (out of window)
+ (this._mouseStarted && this._mouseUp(event));
+
+ this._mouseDownEvent = event;
+
+ var that = this,
+ btnIsLeft = (event.which === 1),
+ // event.target.nodeName works around a bug in IE 8 with
+ // disabled inputs (#7620)
+ elIsCancel = (typeof this.options.cancel === "string" && event.target.nodeName ? $(event.target).closest(this.options.cancel).length : false);
+ if (!btnIsLeft || elIsCancel || !this._mouseCapture(event)) {
+ return true;
+ }
+
+ this.mouseDelayMet = !this.options.delay;
+ if (!this.mouseDelayMet) {
+ this._mouseDelayTimer = setTimeout(function() {
+ that.mouseDelayMet = true;
+ }, this.options.delay);
+ }
+
+ if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
+ this._mouseStarted = (this._mouseStart(event) !== false);
+ if (!this._mouseStarted) {
+ event.preventDefault();
+ return true;
+ }
+ }
+
+ // Click event may never have fired (Gecko & Opera)
+ if (true === $.data(event.target, this.widgetName + ".preventClickEvent")) {
+ $.removeData(event.target, this.widgetName + ".preventClickEvent");
+ }
+
+ // these delegates are required to keep context
+ this._mouseMoveDelegate = function(event) {
+ return that._mouseMove(event);
+ };
+ this._mouseUpDelegate = function(event) {
+ return that._mouseUp(event);
+ };
+ $(document)
+ .bind("mousemove."+this.widgetName, this._mouseMoveDelegate)
+ .bind("mouseup."+this.widgetName, this._mouseUpDelegate);
+
+ event.preventDefault();
+
+ mouseHandled = true;
+ return true;
+ },
+
+ _mouseMove: function(event) {
+ // IE mouseup check - mouseup happened when mouse was out of window
+ if ($.ui.ie && ( !document.documentMode || document.documentMode < 9 ) && !event.button) {
+ return this._mouseUp(event);
+ }
+
+ if (this._mouseStarted) {
+ this._mouseDrag(event);
+ return event.preventDefault();
+ }
+
+ if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
+ this._mouseStarted =
+ (this._mouseStart(this._mouseDownEvent, event) !== false);
+ (this._mouseStarted ? this._mouseDrag(event) : this._mouseUp(event));
+ }
+
+ return !this._mouseStarted;
+ },
+
+ _mouseUp: function(event) {
+ $(document)
+ .unbind("mousemove."+this.widgetName, this._mouseMoveDelegate)
+ .unbind("mouseup."+this.widgetName, this._mouseUpDelegate);
+
+ if (this._mouseStarted) {
+ this._mouseStarted = false;
+
+ if (event.target === this._mouseDownEvent.target) {
+ $.data(event.target, this.widgetName + ".preventClickEvent", true);
+ }
+
+ this._mouseStop(event);
+ }
+
+ return false;
+ },
+
+ _mouseDistanceMet: function(event) {
+ return (Math.max(
+ Math.abs(this._mouseDownEvent.pageX - event.pageX),
+ Math.abs(this._mouseDownEvent.pageY - event.pageY)
+ ) >= this.options.distance
+ );
+ },
+
+ _mouseDelayMet: function(/* event */) {
+ return this.mouseDelayMet;
+ },
+
+ // These are placeholder methods, to be overriden by extending plugin
+ _mouseStart: function(/* event */) {},
+ _mouseDrag: function(/* event */) {},
+ _mouseStop: function(/* event */) {},
+ _mouseCapture: function(/* event */) { return true; }
+});
+
+})(jQuery);
+(function( $, undefined ) {
+
+/*jshint loopfunc: true */
+
+function isOverAxis( x, reference, size ) {
+ return ( x > reference ) && ( x < ( reference + size ) );
+}
+
+function isFloating(item) {
+ return (/left|right/).test(item.css("float")) || (/inline|table-cell/).test(item.css("display"));
+}
+
+$.widget("ui.sortable", $.ui.mouse, {
+ version: "1.10.3",
+ widgetEventPrefix: "sort",
+ ready: false,
+ options: {
+ appendTo: "parent",
+ axis: false,
+ connectWith: false,
+ containment: false,
+ cursor: "auto",
+ cursorAt: false,
+ dropOnEmpty: true,
+ forcePlaceholderSize: false,
+ forceHelperSize: false,
+ grid: false,
+ handle: false,
+ helper: "original",
+ items: "> *",
+ opacity: false,
+ placeholder: false,
+ revert: false,
+ scroll: true,
+ scrollSensitivity: 20,
+ scrollSpeed: 20,
+ scope: "default",
+ tolerance: "intersect",
+ zIndex: 1000,
+
+ // callbacks
+ activate: null,
+ beforeStop: null,
+ change: null,
+ deactivate: null,
+ out: null,
+ over: null,
+ receive: null,
+ remove: null,
+ sort: null,
+ start: null,
+ stop: null,
+ update: null
+ },
+ _create: function() {
+
+ var o = this.options;
+ this.containerCache = {};
+ this.element.addClass("ui-sortable");
+
+ //Get the items
+ this.refresh();
+
+ //Let's determine if the items are being displayed horizontally
+ this.floating = this.items.length ? o.axis === "x" || isFloating(this.items[0].item) : false;
+
+ //Let's determine the parent's offset
+ this.offset = this.element.offset();
+
+ //Initialize mouse events for interaction
+ this._mouseInit();
+
+ //We're ready to go
+ this.ready = true;
+
+ },
+
+ _destroy: function() {
+ this.element
+ .removeClass("ui-sortable ui-sortable-disabled");
+ this._mouseDestroy();
+
+ for ( var i = this.items.length - 1; i >= 0; i-- ) {
+ this.items[i].item.removeData(this.widgetName + "-item");
+ }
+
+ return this;
+ },
+
+ _setOption: function(key, value){
+ if ( key === "disabled" ) {
+ this.options[ key ] = value;
+
+ this.widget().toggleClass( "ui-sortable-disabled", !!value );
+ } else {
+ // Don't call widget base _setOption for disable as it adds ui-state-disabled class
+ $.Widget.prototype._setOption.apply(this, arguments);
+ }
+ },
+
+ _mouseCapture: function(event, overrideHandle) {
+ var currentItem = null,
+ validHandle = false,
+ that = this;
+
+ if (this.reverting) {
+ return false;
+ }
+
+ if(this.options.disabled || this.options.type === "static") {
+ return false;
+ }
+
+ //We have to refresh the items data once first
+ this._refreshItems(event);
+
+ //Find out if the clicked node (or one of its parents) is a actual item in this.items
+ $(event.target).parents().each(function() {
+ if($.data(this, that.widgetName + "-item") === that) {
+ currentItem = $(this);
+ return false;
+ }
+ });
+ if($.data(event.target, that.widgetName + "-item") === that) {
+ currentItem = $(event.target);
+ }
+
+ if(!currentItem) {
+ return false;
+ }
+ if(this.options.handle && !overrideHandle) {
+ $(this.options.handle, currentItem).find("*").addBack().each(function() {
+ if(this === event.target) {
+ validHandle = true;
+ }
+ });
+ if(!validHandle) {
+ return false;
+ }
+ }
+
+ this.currentItem = currentItem;
+ this._removeCurrentsFromItems();
+ return true;
+
+ },
+
+ _mouseStart: function(event, overrideHandle, noActivation) {
+
+ var i, body,
+ o = this.options;
+
+ this.currentContainer = this;
+
+ //We only need to call refreshPositions, because the refreshItems call has been moved to mouseCapture
+ this.refreshPositions();
+
+ //Create and append the visible helper
+ this.helper = this._createHelper(event);
+
+ //Cache the helper size
+ this._cacheHelperProportions();
+
+ /*
+ * - Position generation -
+ * This block generates everything position related - it's the core of draggables.
+ */
+
+ //Cache the margins of the original element
+ this._cacheMargins();
+
+ //Get the next scrolling parent
+ this.scrollParent = this.helper.scrollParent();
+
+ //The element's absolute position on the page minus margins
+ this.offset = this.currentItem.offset();
+ this.offset = {
+ top: this.offset.top - this.margins.top,
+ left: this.offset.left - this.margins.left
+ };
+
+ $.extend(this.offset, {
+ click: { //Where the click happened, relative to the element
+ left: event.pageX - this.offset.left,
+ top: event.pageY - this.offset.top
+ },
+ parent: this._getParentOffset(),
+ relative: this._getRelativeOffset() //This is a relative to absolute position minus the actual position calculation - only used for relative positioned helper
+ });
+
+ // Only after we got the offset, we can change the helper's position to absolute
+ // TODO: Still need to figure out a way to make relative sorting possible
+ this.helper.css("position", "absolute");
+ this.cssPosition = this.helper.css("position");
+
+ //Generate the original position
+ this.originalPosition = this._generatePosition(event);
+ this.originalPageX = event.pageX;
+ this.originalPageY = event.pageY;
+
+ //Adjust the mouse offset relative to the helper if "cursorAt" is supplied
+ (o.cursorAt && this._adjustOffsetFromHelper(o.cursorAt));
+
+ //Cache the former DOM position
+ this.domPosition = { prev: this.currentItem.prev()[0], parent: this.currentItem.parent()[0] };
+
+ //If the helper is not the original, hide the original so it's not playing any role during the drag, won't cause anything bad this way
+ if(this.helper[0] !== this.currentItem[0]) {
+ this.currentItem.hide();
+ }
+
+ //Create the placeholder
+ this._createPlaceholder();
+
+ //Set a containment if given in the options
+ if(o.containment) {
+ this._setContainment();
+ }
+
+ if( o.cursor && o.cursor !== "auto" ) { // cursor option
+ body = this.document.find( "body" );
+
+ // support: IE
+ this.storedCursor = body.css( "cursor" );
+ body.css( "cursor", o.cursor );
+
+ this.storedStylesheet = $( "" ).appendTo( body );
+ }
+
+ if(o.opacity) { // opacity option
+ if (this.helper.css("opacity")) {
+ this._storedOpacity = this.helper.css("opacity");
+ }
+ this.helper.css("opacity", o.opacity);
+ }
+
+ if(o.zIndex) { // zIndex option
+ if (this.helper.css("zIndex")) {
+ this._storedZIndex = this.helper.css("zIndex");
+ }
+ this.helper.css("zIndex", o.zIndex);
+ }
+
+ //Prepare scrolling
+ if(this.scrollParent[0] !== document && this.scrollParent[0].tagName !== "HTML") {
+ this.overflowOffset = this.scrollParent.offset();
+ }
+
+ //Call callbacks
+ this._trigger("start", event, this._uiHash());
+
+ //Recache the helper size
+ if(!this._preserveHelperProportions) {
+ this._cacheHelperProportions();
+ }
+
+
+ //Post "activate" events to possible containers
+ if( !noActivation ) {
+ for ( i = this.containers.length - 1; i >= 0; i-- ) {
+ this.containers[ i ]._trigger( "activate", event, this._uiHash( this ) );
+ }
+ }
+
+ //Prepare possible droppables
+ if($.ui.ddmanager) {
+ $.ui.ddmanager.current = this;
+ }
+
+ if ($.ui.ddmanager && !o.dropBehaviour) {
+ $.ui.ddmanager.prepareOffsets(this, event);
+ }
+
+ this.dragging = true;
+
+ this.helper.addClass("ui-sortable-helper");
+ this._mouseDrag(event); //Execute the drag once - this causes the helper not to be visible before getting its correct position
+ return true;
+
+ },
+
+ _mouseDrag: function(event) {
+ var i, item, itemElement, intersection,
+ o = this.options,
+ scrolled = false;
+
+ //Compute the helpers position
+ this.position = this._generatePosition(event);
+ this.positionAbs = this._convertPositionTo("absolute");
+
+ if (!this.lastPositionAbs) {
+ this.lastPositionAbs = this.positionAbs;
+ }
+
+ //Do scrolling
+ if(this.options.scroll) {
+ if(this.scrollParent[0] !== document && this.scrollParent[0].tagName !== "HTML") {
+
+ if((this.overflowOffset.top + this.scrollParent[0].offsetHeight) - event.pageY < o.scrollSensitivity) {
+ this.scrollParent[0].scrollTop = scrolled = this.scrollParent[0].scrollTop + o.scrollSpeed;
+ } else if(event.pageY - this.overflowOffset.top < o.scrollSensitivity) {
+ this.scrollParent[0].scrollTop = scrolled = this.scrollParent[0].scrollTop - o.scrollSpeed;
+ }
+
+ if((this.overflowOffset.left + this.scrollParent[0].offsetWidth) - event.pageX < o.scrollSensitivity) {
+ this.scrollParent[0].scrollLeft = scrolled = this.scrollParent[0].scrollLeft + o.scrollSpeed;
+ } else if(event.pageX - this.overflowOffset.left < o.scrollSensitivity) {
+ this.scrollParent[0].scrollLeft = scrolled = this.scrollParent[0].scrollLeft - o.scrollSpeed;
+ }
+
+ } else {
+
+ if(event.pageY - $(document).scrollTop() < o.scrollSensitivity) {
+ scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
+ } else if($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity) {
+ scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
+ }
+
+ if(event.pageX - $(document).scrollLeft() < o.scrollSensitivity) {
+ scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
+ } else if($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity) {
+ scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
+ }
+
+ }
+
+ if(scrolled !== false && $.ui.ddmanager && !o.dropBehaviour) {
+ $.ui.ddmanager.prepareOffsets(this, event);
+ }
+ }
+
+ //Regenerate the absolute position used for position checks
+ this.positionAbs = this._convertPositionTo("absolute");
+
+ //Set the helper position
+ if(!this.options.axis || this.options.axis !== "y") {
+ this.helper[0].style.left = this.position.left+"px";
+ }
+ if(!this.options.axis || this.options.axis !== "x") {
+ this.helper[0].style.top = this.position.top+"px";
+ }
+
+ //Rearrange
+ for (i = this.items.length - 1; i >= 0; i--) {
+
+ //Cache variables and intersection, continue if no intersection
+ item = this.items[i];
+ itemElement = item.item[0];
+ intersection = this._intersectsWithPointer(item);
+ if (!intersection) {
+ continue;
+ }
+
+ // Only put the placeholder inside the current Container, skip all
+ // items form other containers. This works because when moving
+ // an item from one container to another the
+ // currentContainer is switched before the placeholder is moved.
+ //
+ // Without this moving items in "sub-sortables" can cause the placeholder to jitter
+ // beetween the outer and inner container.
+ if (item.instance !== this.currentContainer) {
+ continue;
+ }
+
+ // cannot intersect with itself
+ // no useless actions that have been done before
+ // no action if the item moved is the parent of the item checked
+ if (itemElement !== this.currentItem[0] &&
+ this.placeholder[intersection === 1 ? "next" : "prev"]()[0] !== itemElement &&
+ !$.contains(this.placeholder[0], itemElement) &&
+ (this.options.type === "semi-dynamic" ? !$.contains(this.element[0], itemElement) : true)
+ ) {
+
+ this.direction = intersection === 1 ? "down" : "up";
+
+ if (this.options.tolerance === "pointer" || this._intersectsWithSides(item)) {
+ this._rearrange(event, item);
+ } else {
+ break;
+ }
+
+ this._trigger("change", event, this._uiHash());
+ break;
+ }
+ }
+
+ //Post events to containers
+ this._contactContainers(event);
+
+ //Interconnect with droppables
+ if($.ui.ddmanager) {
+ $.ui.ddmanager.drag(this, event);
+ }
+
+ //Call callbacks
+ this._trigger("sort", event, this._uiHash());
+
+ this.lastPositionAbs = this.positionAbs;
+ return false;
+
+ },
+
+ _mouseStop: function(event, noPropagation) {
+
+ if(!event) {
+ return;
+ }
+
+ //If we are using droppables, inform the manager about the drop
+ if ($.ui.ddmanager && !this.options.dropBehaviour) {
+ $.ui.ddmanager.drop(this, event);
+ }
+
+ if(this.options.revert) {
+ var that = this,
+ cur = this.placeholder.offset(),
+ axis = this.options.axis,
+ animation = {};
+
+ if ( !axis || axis === "x" ) {
+ animation.left = cur.left - this.offset.parent.left - this.margins.left + (this.offsetParent[0] === document.body ? 0 : this.offsetParent[0].scrollLeft);
+ }
+ if ( !axis || axis === "y" ) {
+ animation.top = cur.top - this.offset.parent.top - this.margins.top + (this.offsetParent[0] === document.body ? 0 : this.offsetParent[0].scrollTop);
+ }
+ this.reverting = true;
+ $(this.helper).animate( animation, parseInt(this.options.revert, 10) || 500, function() {
+ that._clear(event);
+ });
+ } else {
+ this._clear(event, noPropagation);
+ }
+
+ return false;
+
+ },
+
+ cancel: function() {
+
+ if(this.dragging) {
+
+ this._mouseUp({ target: null });
+
+ if(this.options.helper === "original") {
+ this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper");
+ } else {
+ this.currentItem.show();
+ }
+
+ //Post deactivating events to containers
+ for (var i = this.containers.length - 1; i >= 0; i--){
+ this.containers[i]._trigger("deactivate", null, this._uiHash(this));
+ if(this.containers[i].containerCache.over) {
+ this.containers[i]._trigger("out", null, this._uiHash(this));
+ this.containers[i].containerCache.over = 0;
+ }
+ }
+
+ }
+
+ if (this.placeholder) {
+ //$(this.placeholder[0]).remove(); would have been the jQuery way - unfortunately, it unbinds ALL events from the original node!
+ if(this.placeholder[0].parentNode) {
+ this.placeholder[0].parentNode.removeChild(this.placeholder[0]);
+ }
+ if(this.options.helper !== "original" && this.helper && this.helper[0].parentNode) {
+ this.helper.remove();
+ }
+
+ $.extend(this, {
+ helper: null,
+ dragging: false,
+ reverting: false,
+ _noFinalSort: null
+ });
+
+ if(this.domPosition.prev) {
+ $(this.domPosition.prev).after(this.currentItem);
+ } else {
+ $(this.domPosition.parent).prepend(this.currentItem);
+ }
+ }
+
+ return this;
+
+ },
+
+ serialize: function(o) {
+
+ var items = this._getItemsAsjQuery(o && o.connected),
+ str = [];
+ o = o || {};
+
+ $(items).each(function() {
+ var res = ($(o.item || this).attr(o.attribute || "id") || "").match(o.expression || (/(.+)[\-=_](.+)/));
+ if (res) {
+ str.push((o.key || res[1]+"[]")+"="+(o.key && o.expression ? res[1] : res[2]));
+ }
+ });
+
+ if(!str.length && o.key) {
+ str.push(o.key + "=");
+ }
+
+ return str.join("&");
+
+ },
+
+ toArray: function(o) {
+
+ var items = this._getItemsAsjQuery(o && o.connected),
+ ret = [];
+
+ o = o || {};
+
+ items.each(function() { ret.push($(o.item || this).attr(o.attribute || "id") || ""); });
+ return ret;
+
+ },
+
+ /* Be careful with the following core functions */
+ _intersectsWith: function(item) {
+
+ var x1 = this.positionAbs.left,
+ x2 = x1 + this.helperProportions.width,
+ y1 = this.positionAbs.top,
+ y2 = y1 + this.helperProportions.height,
+ l = item.left,
+ r = l + item.width,
+ t = item.top,
+ b = t + item.height,
+ dyClick = this.offset.click.top,
+ dxClick = this.offset.click.left,
+ isOverElementHeight = ( this.options.axis === "x" ) || ( ( y1 + dyClick ) > t && ( y1 + dyClick ) < b ),
+ isOverElementWidth = ( this.options.axis === "y" ) || ( ( x1 + dxClick ) > l && ( x1 + dxClick ) < r ),
+ isOverElement = isOverElementHeight && isOverElementWidth;
+
+ if ( this.options.tolerance === "pointer" ||
+ this.options.forcePointerForContainers ||
+ (this.options.tolerance !== "pointer" && this.helperProportions[this.floating ? "width" : "height"] > item[this.floating ? "width" : "height"])
+ ) {
+ return isOverElement;
+ } else {
+
+ return (l < x1 + (this.helperProportions.width / 2) && // Right Half
+ x2 - (this.helperProportions.width / 2) < r && // Left Half
+ t < y1 + (this.helperProportions.height / 2) && // Bottom Half
+ y2 - (this.helperProportions.height / 2) < b ); // Top Half
+
+ }
+ },
+
+ _intersectsWithPointer: function(item) {
+
+ var isOverElementHeight = (this.options.axis === "x") || isOverAxis(this.positionAbs.top + this.offset.click.top, item.top, item.height),
+ isOverElementWidth = (this.options.axis === "y") || isOverAxis(this.positionAbs.left + this.offset.click.left, item.left, item.width),
+ isOverElement = isOverElementHeight && isOverElementWidth,
+ verticalDirection = this._getDragVerticalDirection(),
+ horizontalDirection = this._getDragHorizontalDirection();
+
+ if (!isOverElement) {
+ return false;
+ }
+
+ return this.floating ?
+ ( ((horizontalDirection && horizontalDirection === "right") || verticalDirection === "down") ? 2 : 1 )
+ : ( verticalDirection && (verticalDirection === "down" ? 2 : 1) );
+
+ },
+
+ _intersectsWithSides: function(item) {
+
+ var isOverBottomHalf = isOverAxis(this.positionAbs.top + this.offset.click.top, item.top + (item.height/2), item.height),
+ isOverRightHalf = isOverAxis(this.positionAbs.left + this.offset.click.left, item.left + (item.width/2), item.width),
+ verticalDirection = this._getDragVerticalDirection(),
+ horizontalDirection = this._getDragHorizontalDirection();
+
+ if (this.floating && horizontalDirection) {
+ return ((horizontalDirection === "right" && isOverRightHalf) || (horizontalDirection === "left" && !isOverRightHalf));
+ } else {
+ return verticalDirection && ((verticalDirection === "down" && isOverBottomHalf) || (verticalDirection === "up" && !isOverBottomHalf));
+ }
+
+ },
+
+ _getDragVerticalDirection: function() {
+ var delta = this.positionAbs.top - this.lastPositionAbs.top;
+ return delta !== 0 && (delta > 0 ? "down" : "up");
+ },
+
+ _getDragHorizontalDirection: function() {
+ var delta = this.positionAbs.left - this.lastPositionAbs.left;
+ return delta !== 0 && (delta > 0 ? "right" : "left");
+ },
+
+ refresh: function(event) {
+ this._refreshItems(event);
+ this.refreshPositions();
+ return this;
+ },
+
+ _connectWith: function() {
+ var options = this.options;
+ return options.connectWith.constructor === String ? [options.connectWith] : options.connectWith;
+ },
+
+ _getItemsAsjQuery: function(connected) {
+
+ var i, j, cur, inst,
+ items = [],
+ queries = [],
+ connectWith = this._connectWith();
+
+ if(connectWith && connected) {
+ for (i = connectWith.length - 1; i >= 0; i--){
+ cur = $(connectWith[i]);
+ for ( j = cur.length - 1; j >= 0; j--){
+ inst = $.data(cur[j], this.widgetFullName);
+ if(inst && inst !== this && !inst.options.disabled) {
+ queries.push([$.isFunction(inst.options.items) ? inst.options.items.call(inst.element) : $(inst.options.items, inst.element).not(".ui-sortable-helper").not(".ui-sortable-placeholder"), inst]);
+ }
+ }
+ }
+ }
+
+ queries.push([$.isFunction(this.options.items) ? this.options.items.call(this.element, null, { options: this.options, item: this.currentItem }) : $(this.options.items, this.element).not(".ui-sortable-helper").not(".ui-sortable-placeholder"), this]);
+
+ for (i = queries.length - 1; i >= 0; i--){
+ queries[i][0].each(function() {
+ items.push(this);
+ });
+ }
+
+ return $(items);
+
+ },
+
+ _removeCurrentsFromItems: function() {
+
+ var list = this.currentItem.find(":data(" + this.widgetName + "-item)");
+
+ this.items = $.grep(this.items, function (item) {
+ for (var j=0; j < list.length; j++) {
+ if(list[j] === item.item[0]) {
+ return false;
+ }
+ }
+ return true;
+ });
+
+ },
+
+ _refreshItems: function(event) {
+
+ this.items = [];
+ this.containers = [this];
+
+ var i, j, cur, inst, targetData, _queries, item, queriesLength,
+ items = this.items,
+ queries = [[$.isFunction(this.options.items) ? this.options.items.call(this.element[0], event, { item: this.currentItem }) : $(this.options.items, this.element), this]],
+ connectWith = this._connectWith();
+
+ if(connectWith && this.ready) { //Shouldn't be run the first time through due to massive slow-down
+ for (i = connectWith.length - 1; i >= 0; i--){
+ cur = $(connectWith[i]);
+ for (j = cur.length - 1; j >= 0; j--){
+ inst = $.data(cur[j], this.widgetFullName);
+ if(inst && inst !== this && !inst.options.disabled) {
+ queries.push([$.isFunction(inst.options.items) ? inst.options.items.call(inst.element[0], event, { item: this.currentItem }) : $(inst.options.items, inst.element), inst]);
+ this.containers.push(inst);
+ }
+ }
+ }
+ }
+
+ for (i = queries.length - 1; i >= 0; i--) {
+ targetData = queries[i][1];
+ _queries = queries[i][0];
+
+ for (j=0, queriesLength = _queries.length; j < queriesLength; j++) {
+ item = $(_queries[j]);
+
+ item.data(this.widgetName + "-item", targetData); // Data for target checking (mouse manager)
+
+ items.push({
+ item: item,
+ instance: targetData,
+ width: 0, height: 0,
+ left: 0, top: 0
+ });
+ }
+ }
+
+ },
+
+ refreshPositions: function(fast) {
+
+ //This has to be redone because due to the item being moved out/into the offsetParent, the offsetParent's position will change
+ if(this.offsetParent && this.helper) {
+ this.offset.parent = this._getParentOffset();
+ }
+
+ var i, item, t, p;
+
+ for (i = this.items.length - 1; i >= 0; i--){
+ item = this.items[i];
+
+ //We ignore calculating positions of all connected containers when we're not over them
+ if(item.instance !== this.currentContainer && this.currentContainer && item.item[0] !== this.currentItem[0]) {
+ continue;
+ }
+
+ t = this.options.toleranceElement ? $(this.options.toleranceElement, item.item) : item.item;
+
+ if (!fast) {
+ item.width = t.outerWidth();
+ item.height = t.outerHeight();
+ }
+
+ p = t.offset();
+ item.left = p.left;
+ item.top = p.top;
+ }
+
+ if(this.options.custom && this.options.custom.refreshContainers) {
+ this.options.custom.refreshContainers.call(this);
+ } else {
+ for (i = this.containers.length - 1; i >= 0; i--){
+ p = this.containers[i].element.offset();
+ this.containers[i].containerCache.left = p.left;
+ this.containers[i].containerCache.top = p.top;
+ this.containers[i].containerCache.width = this.containers[i].element.outerWidth();
+ this.containers[i].containerCache.height = this.containers[i].element.outerHeight();
+ }
+ }
+
+ return this;
+ },
+
+ _createPlaceholder: function(that) {
+ that = that || this;
+ var className,
+ o = that.options;
+
+ if(!o.placeholder || o.placeholder.constructor === String) {
+ className = o.placeholder;
+ o.placeholder = {
+ element: function() {
+
+ var nodeName = that.currentItem[0].nodeName.toLowerCase(),
+ element = $( "<" + nodeName + ">", that.document[0] )
+ .addClass(className || that.currentItem[0].className+" ui-sortable-placeholder")
+ .removeClass("ui-sortable-helper");
+
+ if ( nodeName === "tr" ) {
+ that.currentItem.children().each(function() {
+ $( "
", that.document[0] )
+ .attr( "colspan", $( this ).attr( "colspan" ) || 1 )
+ .appendTo( element );
+ });
+ } else if ( nodeName === "img" ) {
+ element.attr( "src", that.currentItem.attr( "src" ) );
+ }
+
+ if ( !className ) {
+ element.css( "visibility", "hidden" );
+ }
+
+ return element;
+ },
+ update: function(container, p) {
+
+ // 1. If a className is set as 'placeholder option, we don't force sizes - the class is responsible for that
+ // 2. The option 'forcePlaceholderSize can be enabled to force it even if a class name is specified
+ if(className && !o.forcePlaceholderSize) {
+ return;
+ }
+
+ //If the element doesn't have a actual height by itself (without styles coming from a stylesheet), it receives the inline height from the dragged item
+ if(!p.height()) { p.height(that.currentItem.innerHeight() - parseInt(that.currentItem.css("paddingTop")||0, 10) - parseInt(that.currentItem.css("paddingBottom")||0, 10)); }
+ if(!p.width()) { p.width(that.currentItem.innerWidth() - parseInt(that.currentItem.css("paddingLeft")||0, 10) - parseInt(that.currentItem.css("paddingRight")||0, 10)); }
+ }
+ };
+ }
+
+ //Create the placeholder
+ that.placeholder = $(o.placeholder.element.call(that.element, that.currentItem));
+
+ //Append it after the actual current item
+ that.currentItem.after(that.placeholder);
+
+ //Update the size of the placeholder (TODO: Logic to fuzzy, see line 316/317)
+ o.placeholder.update(that, that.placeholder);
+
+ },
+
+ _contactContainers: function(event) {
+ var i, j, dist, itemWithLeastDistance, posProperty, sizeProperty, base, cur, nearBottom, floating,
+ innermostContainer = null,
+ innermostIndex = null;
+
+ // get innermost container that intersects with item
+ for (i = this.containers.length - 1; i >= 0; i--) {
+
+ // never consider a container that's located within the item itself
+ if($.contains(this.currentItem[0], this.containers[i].element[0])) {
+ continue;
+ }
+
+ if(this._intersectsWith(this.containers[i].containerCache)) {
+
+ // if we've already found a container and it's more "inner" than this, then continue
+ if(innermostContainer && $.contains(this.containers[i].element[0], innermostContainer.element[0])) {
+ continue;
+ }
+
+ innermostContainer = this.containers[i];
+ innermostIndex = i;
+
+ } else {
+ // container doesn't intersect. trigger "out" event if necessary
+ if(this.containers[i].containerCache.over) {
+ this.containers[i]._trigger("out", event, this._uiHash(this));
+ this.containers[i].containerCache.over = 0;
+ }
+ }
+
+ }
+
+ // if no intersecting containers found, return
+ if(!innermostContainer) {
+ return;
+ }
+
+ // move the item into the container if it's not there already
+ if(this.containers.length === 1) {
+ if (!this.containers[innermostIndex].containerCache.over) {
+ this.containers[innermostIndex]._trigger("over", event, this._uiHash(this));
+ this.containers[innermostIndex].containerCache.over = 1;
+ }
+ } else {
+
+ //When entering a new container, we will find the item with the least distance and append our item near it
+ dist = 10000;
+ itemWithLeastDistance = null;
+ floating = innermostContainer.floating || isFloating(this.currentItem);
+ posProperty = floating ? "left" : "top";
+ sizeProperty = floating ? "width" : "height";
+ base = this.positionAbs[posProperty] + this.offset.click[posProperty];
+ for (j = this.items.length - 1; j >= 0; j--) {
+ if(!$.contains(this.containers[innermostIndex].element[0], this.items[j].item[0])) {
+ continue;
+ }
+ if(this.items[j].item[0] === this.currentItem[0]) {
+ continue;
+ }
+ if (floating && !isOverAxis(this.positionAbs.top + this.offset.click.top, this.items[j].top, this.items[j].height)) {
+ continue;
+ }
+ cur = this.items[j].item.offset()[posProperty];
+ nearBottom = false;
+ if(Math.abs(cur - base) > Math.abs(cur + this.items[j][sizeProperty] - base)){
+ nearBottom = true;
+ cur += this.items[j][sizeProperty];
+ }
+
+ if(Math.abs(cur - base) < dist) {
+ dist = Math.abs(cur - base); itemWithLeastDistance = this.items[j];
+ this.direction = nearBottom ? "up": "down";
+ }
+ }
+
+ //Check if dropOnEmpty is enabled
+ if(!itemWithLeastDistance && !this.options.dropOnEmpty) {
+ return;
+ }
+
+ if(this.currentContainer === this.containers[innermostIndex]) {
+ return;
+ }
+
+ itemWithLeastDistance ? this._rearrange(event, itemWithLeastDistance, null, true) : this._rearrange(event, null, this.containers[innermostIndex].element, true);
+ this._trigger("change", event, this._uiHash());
+ this.containers[innermostIndex]._trigger("change", event, this._uiHash(this));
+ this.currentContainer = this.containers[innermostIndex];
+
+ //Update the placeholder
+ this.options.placeholder.update(this.currentContainer, this.placeholder);
+
+ this.containers[innermostIndex]._trigger("over", event, this._uiHash(this));
+ this.containers[innermostIndex].containerCache.over = 1;
+ }
+
+
+ },
+
+ _createHelper: function(event) {
+
+ var o = this.options,
+ helper = $.isFunction(o.helper) ? $(o.helper.apply(this.element[0], [event, this.currentItem])) : (o.helper === "clone" ? this.currentItem.clone() : this.currentItem);
+
+ //Add the helper to the DOM if that didn't happen already
+ if(!helper.parents("body").length) {
+ $(o.appendTo !== "parent" ? o.appendTo : this.currentItem[0].parentNode)[0].appendChild(helper[0]);
+ }
+
+ if(helper[0] === this.currentItem[0]) {
+ this._storedCSS = { width: this.currentItem[0].style.width, height: this.currentItem[0].style.height, position: this.currentItem.css("position"), top: this.currentItem.css("top"), left: this.currentItem.css("left") };
+ }
+
+ if(!helper[0].style.width || o.forceHelperSize) {
+ helper.width(this.currentItem.width());
+ }
+ if(!helper[0].style.height || o.forceHelperSize) {
+ helper.height(this.currentItem.height());
+ }
+
+ return helper;
+
+ },
+
+ _adjustOffsetFromHelper: function(obj) {
+ if (typeof obj === "string") {
+ obj = obj.split(" ");
+ }
+ if ($.isArray(obj)) {
+ obj = {left: +obj[0], top: +obj[1] || 0};
+ }
+ if ("left" in obj) {
+ this.offset.click.left = obj.left + this.margins.left;
+ }
+ if ("right" in obj) {
+ this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
+ }
+ if ("top" in obj) {
+ this.offset.click.top = obj.top + this.margins.top;
+ }
+ if ("bottom" in obj) {
+ this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
+ }
+ },
+
+ _getParentOffset: function() {
+
+
+ //Get the offsetParent and cache its position
+ this.offsetParent = this.helper.offsetParent();
+ var po = this.offsetParent.offset();
+
+ // This is a special case where we need to modify a offset calculated on start, since the following happened:
+ // 1. The position of the helper is absolute, so it's position is calculated based on the next positioned parent
+ // 2. The actual offset parent is a child of the scroll parent, and the scroll parent isn't the document, which means that
+ // the scroll is included in the initial calculation of the offset of the parent, and never recalculated upon drag
+ if(this.cssPosition === "absolute" && this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) {
+ po.left += this.scrollParent.scrollLeft();
+ po.top += this.scrollParent.scrollTop();
+ }
+
+ // This needs to be actually done for all browsers, since pageX/pageY includes this information
+ // with an ugly IE fix
+ if( this.offsetParent[0] === document.body || (this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() === "html" && $.ui.ie)) {
+ po = { top: 0, left: 0 };
+ }
+
+ return {
+ top: po.top + (parseInt(this.offsetParent.css("borderTopWidth"),10) || 0),
+ left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"),10) || 0)
+ };
+
+ },
+
+ _getRelativeOffset: function() {
+
+ if(this.cssPosition === "relative") {
+ var p = this.currentItem.position();
+ return {
+ top: p.top - (parseInt(this.helper.css("top"),10) || 0) + this.scrollParent.scrollTop(),
+ left: p.left - (parseInt(this.helper.css("left"),10) || 0) + this.scrollParent.scrollLeft()
+ };
+ } else {
+ return { top: 0, left: 0 };
+ }
+
+ },
+
+ _cacheMargins: function() {
+ this.margins = {
+ left: (parseInt(this.currentItem.css("marginLeft"),10) || 0),
+ top: (parseInt(this.currentItem.css("marginTop"),10) || 0)
+ };
+ },
+
+ _cacheHelperProportions: function() {
+ this.helperProportions = {
+ width: this.helper.outerWidth(),
+ height: this.helper.outerHeight()
+ };
+ },
+
+ _setContainment: function() {
+
+ var ce, co, over,
+ o = this.options;
+ if(o.containment === "parent") {
+ o.containment = this.helper[0].parentNode;
+ }
+ if(o.containment === "document" || o.containment === "window") {
+ this.containment = [
+ 0 - this.offset.relative.left - this.offset.parent.left,
+ 0 - this.offset.relative.top - this.offset.parent.top,
+ $(o.containment === "document" ? document : window).width() - this.helperProportions.width - this.margins.left,
+ ($(o.containment === "document" ? document : window).height() || document.body.parentNode.scrollHeight) - this.helperProportions.height - this.margins.top
+ ];
+ }
+
+ if(!(/^(document|window|parent)$/).test(o.containment)) {
+ ce = $(o.containment)[0];
+ co = $(o.containment).offset();
+ over = ($(ce).css("overflow") !== "hidden");
+
+ this.containment = [
+ co.left + (parseInt($(ce).css("borderLeftWidth"),10) || 0) + (parseInt($(ce).css("paddingLeft"),10) || 0) - this.margins.left,
+ co.top + (parseInt($(ce).css("borderTopWidth"),10) || 0) + (parseInt($(ce).css("paddingTop"),10) || 0) - this.margins.top,
+ co.left+(over ? Math.max(ce.scrollWidth,ce.offsetWidth) : ce.offsetWidth) - (parseInt($(ce).css("borderLeftWidth"),10) || 0) - (parseInt($(ce).css("paddingRight"),10) || 0) - this.helperProportions.width - this.margins.left,
+ co.top+(over ? Math.max(ce.scrollHeight,ce.offsetHeight) : ce.offsetHeight) - (parseInt($(ce).css("borderTopWidth"),10) || 0) - (parseInt($(ce).css("paddingBottom"),10) || 0) - this.helperProportions.height - this.margins.top
+ ];
+ }
+
+ },
+
+ _convertPositionTo: function(d, pos) {
+
+ if(!pos) {
+ pos = this.position;
+ }
+ var mod = d === "absolute" ? 1 : -1,
+ scroll = this.cssPosition === "absolute" && !(this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent,
+ scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
+
+ return {
+ top: (
+ pos.top + // The absolute mouse position
+ this.offset.relative.top * mod + // Only for relative positioned nodes: Relative offset from element to offset parent
+ this.offset.parent.top * mod - // The offsetParent's offset without borders (offset + border)
+ ( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ) * mod)
+ ),
+ left: (
+ pos.left + // The absolute mouse position
+ this.offset.relative.left * mod + // Only for relative positioned nodes: Relative offset from element to offset parent
+ this.offset.parent.left * mod - // The offsetParent's offset without borders (offset + border)
+ ( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ) * mod)
+ )
+ };
+
+ },
+
+ _generatePosition: function(event) {
+
+ var top, left,
+ o = this.options,
+ pageX = event.pageX,
+ pageY = event.pageY,
+ scroll = this.cssPosition === "absolute" && !(this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
+
+ // This is another very weird special case that only happens for relative elements:
+ // 1. If the css position is relative
+ // 2. and the scroll parent is the document or similar to the offset parent
+ // we have to refresh the relative offset during the scroll so there are no jumps
+ if(this.cssPosition === "relative" && !(this.scrollParent[0] !== document && this.scrollParent[0] !== this.offsetParent[0])) {
+ this.offset.relative = this._getRelativeOffset();
+ }
+
+ /*
+ * - Position constraining -
+ * Constrain the position to a mix of grid, containment.
+ */
+
+ if(this.originalPosition) { //If we are not dragging yet, we won't check for options
+
+ if(this.containment) {
+ if(event.pageX - this.offset.click.left < this.containment[0]) {
+ pageX = this.containment[0] + this.offset.click.left;
+ }
+ if(event.pageY - this.offset.click.top < this.containment[1]) {
+ pageY = this.containment[1] + this.offset.click.top;
+ }
+ if(event.pageX - this.offset.click.left > this.containment[2]) {
+ pageX = this.containment[2] + this.offset.click.left;
+ }
+ if(event.pageY - this.offset.click.top > this.containment[3]) {
+ pageY = this.containment[3] + this.offset.click.top;
+ }
+ }
+
+ if(o.grid) {
+ top = this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1];
+ pageY = this.containment ? ( (top - this.offset.click.top >= this.containment[1] && top - this.offset.click.top <= this.containment[3]) ? top : ((top - this.offset.click.top >= this.containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;
+
+ left = this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0];
+ pageX = this.containment ? ( (left - this.offset.click.left >= this.containment[0] && left - this.offset.click.left <= this.containment[2]) ? left : ((left - this.offset.click.left >= this.containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
+ }
+
+ }
+
+ return {
+ top: (
+ pageY - // The absolute mouse position
+ this.offset.click.top - // Click offset (relative to the element)
+ this.offset.relative.top - // Only for relative positioned nodes: Relative offset from element to offset parent
+ this.offset.parent.top + // The offsetParent's offset without borders (offset + border)
+ ( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ))
+ ),
+ left: (
+ pageX - // The absolute mouse position
+ this.offset.click.left - // Click offset (relative to the element)
+ this.offset.relative.left - // Only for relative positioned nodes: Relative offset from element to offset parent
+ this.offset.parent.left + // The offsetParent's offset without borders (offset + border)
+ ( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ))
+ )
+ };
+
+ },
+
+ _rearrange: function(event, i, a, hardRefresh) {
+
+ a ? a[0].appendChild(this.placeholder[0]) : i.item[0].parentNode.insertBefore(this.placeholder[0], (this.direction === "down" ? i.item[0] : i.item[0].nextSibling));
+
+ //Various things done here to improve the performance:
+ // 1. we create a setTimeout, that calls refreshPositions
+ // 2. on the instance, we have a counter variable, that get's higher after every append
+ // 3. on the local scope, we copy the counter variable, and check in the timeout, if it's still the same
+ // 4. this lets only the last addition to the timeout stack through
+ this.counter = this.counter ? ++this.counter : 1;
+ var counter = this.counter;
+
+ this._delay(function() {
+ if(counter === this.counter) {
+ this.refreshPositions(!hardRefresh); //Precompute after each DOM insertion, NOT on mousemove
+ }
+ });
+
+ },
+
+ _clear: function(event, noPropagation) {
+
+ this.reverting = false;
+ // We delay all events that have to be triggered to after the point where the placeholder has been removed and
+ // everything else normalized again
+ var i,
+ delayedTriggers = [];
+
+ // We first have to update the dom position of the actual currentItem
+ // Note: don't do it if the current item is already removed (by a user), or it gets reappended (see #4088)
+ if(!this._noFinalSort && this.currentItem.parent().length) {
+ this.placeholder.before(this.currentItem);
+ }
+ this._noFinalSort = null;
+
+ if(this.helper[0] === this.currentItem[0]) {
+ for(i in this._storedCSS) {
+ if(this._storedCSS[i] === "auto" || this._storedCSS[i] === "static") {
+ this._storedCSS[i] = "";
+ }
+ }
+ this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper");
+ } else {
+ this.currentItem.show();
+ }
+
+ if(this.fromOutside && !noPropagation) {
+ delayedTriggers.push(function(event) { this._trigger("receive", event, this._uiHash(this.fromOutside)); });
+ }
+ if((this.fromOutside || this.domPosition.prev !== this.currentItem.prev().not(".ui-sortable-helper")[0] || this.domPosition.parent !== this.currentItem.parent()[0]) && !noPropagation) {
+ delayedTriggers.push(function(event) { this._trigger("update", event, this._uiHash()); }); //Trigger update callback if the DOM position has changed
+ }
+
+ // Check if the items Container has Changed and trigger appropriate
+ // events.
+ if (this !== this.currentContainer) {
+ if(!noPropagation) {
+ delayedTriggers.push(function(event) { this._trigger("remove", event, this._uiHash()); });
+ delayedTriggers.push((function(c) { return function(event) { c._trigger("receive", event, this._uiHash(this)); }; }).call(this, this.currentContainer));
+ delayedTriggers.push((function(c) { return function(event) { c._trigger("update", event, this._uiHash(this)); }; }).call(this, this.currentContainer));
+ }
+ }
+
+
+ //Post events to containers
+ for (i = this.containers.length - 1; i >= 0; i--){
+ if(!noPropagation) {
+ delayedTriggers.push((function(c) { return function(event) { c._trigger("deactivate", event, this._uiHash(this)); }; }).call(this, this.containers[i]));
+ }
+ if(this.containers[i].containerCache.over) {
+ delayedTriggers.push((function(c) { return function(event) { c._trigger("out", event, this._uiHash(this)); }; }).call(this, this.containers[i]));
+ this.containers[i].containerCache.over = 0;
+ }
+ }
+
+ //Do what was originally in plugins
+ if ( this.storedCursor ) {
+ this.document.find( "body" ).css( "cursor", this.storedCursor );
+ this.storedStylesheet.remove();
+ }
+ if(this._storedOpacity) {
+ this.helper.css("opacity", this._storedOpacity);
+ }
+ if(this._storedZIndex) {
+ this.helper.css("zIndex", this._storedZIndex === "auto" ? "" : this._storedZIndex);
+ }
+
+ this.dragging = false;
+ if(this.cancelHelperRemoval) {
+ if(!noPropagation) {
+ this._trigger("beforeStop", event, this._uiHash());
+ for (i=0; i < delayedTriggers.length; i++) {
+ delayedTriggers[i].call(this, event);
+ } //Trigger all delayed events
+ this._trigger("stop", event, this._uiHash());
+ }
+
+ this.fromOutside = false;
+ return false;
+ }
+
+ if(!noPropagation) {
+ this._trigger("beforeStop", event, this._uiHash());
+ }
+
+ //$(this.placeholder[0]).remove(); would have been the jQuery way - unfortunately, it unbinds ALL events from the original node!
+ this.placeholder[0].parentNode.removeChild(this.placeholder[0]);
+
+ if(this.helper[0] !== this.currentItem[0]) {
+ this.helper.remove();
+ }
+ this.helper = null;
+
+ if(!noPropagation) {
+ for (i=0; i < delayedTriggers.length; i++) {
+ delayedTriggers[i].call(this, event);
+ } //Trigger all delayed events
+ this._trigger("stop", event, this._uiHash());
+ }
+
+ this.fromOutside = false;
+ return true;
+
+ },
+
+ _trigger: function() {
+ if ($.Widget.prototype._trigger.apply(this, arguments) === false) {
+ this.cancel();
+ }
+ },
+
+ _uiHash: function(_inst) {
+ var inst = _inst || this;
+ return {
+ helper: inst.helper,
+ placeholder: inst.placeholder || $([]),
+ position: inst.position,
+ originalPosition: inst.originalPosition,
+ offset: inst.positionAbs,
+ item: inst.currentItem,
+ sender: _inst ? _inst.element : null
+ };
+ }
+
+});
+
+})(jQuery);
+;/* jQuery Tiny Pub/Sub - v0.7 - 10/27/2011
+ * http://benalman.com/
+ * Copyright (c) 2011 "Cowboy" Ben Alman; Licensed MIT, GPL */
+
+(function($) {
+
+ var o = $({});
+
+ $.subscribe = function() {
+ //console.log("SUBSCRIBE: " + arguments[0]);
+ o.on.apply(o, arguments);
+ };
+
+ $.unsubscribe = function() {
+ o.off.apply(o, arguments);
+ };
+
+ $.publish = function() {
+ //console.log("PUBLISH: " + arguments[0]);
+ o.trigger.apply(o, arguments);
+ };
+
+}(jQuery));
+
+
+;/* ===========================================================
+ * bootstrap-tooltip.js v2.1.1
+ * http://twitter.github.com/bootstrap/javascript.html#tooltips
+ * Inspired by the original jQuery.tipsy by Jason Frame
+ * ===========================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================== */
+
+
+!function ($) {
+
+ "use strict"; // jshint ;_;
+
+
+ /* TOOLTIP PUBLIC CLASS DEFINITION
+ * =============================== */
+
+ var Tooltip = function (element, options) {
+ this.init('tooltip', element, options)
+ }
+
+ Tooltip.prototype = {
+
+ constructor: Tooltip
+
+ , init: function (type, element, options) {
+ var eventIn
+ , eventOut
+
+ this.type = type
+ this.$element = $(element)
+ this.options = this.getOptions(options)
+ this.enabled = true
+
+ if (this.options.trigger == 'click') {
+ this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))
+ } else if (this.options.trigger != 'manual') {
+ eventIn = this.options.trigger == 'hover' ? 'mouseenter' : 'focus'
+ eventOut = this.options.trigger == 'hover' ? 'mouseleave' : 'blur'
+ this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
+ this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
+ }
+
+ this.options.selector ?
+ (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :
+ this.fixTitle()
+ }
+
+ , getOptions: function (options) {
+ options = $.extend({}, $.fn[this.type].defaults, options, this.$element.data())
+
+ if (options.delay && typeof options.delay == 'number') {
+ options.delay = {
+ show: options.delay
+ , hide: options.delay
+ }
+ }
+
+ return options
+ }
+
+ , enter: function (e) {
+ var self = $(e.currentTarget)[this.type](this._options).data(this.type)
+
+ if (!self.options.delay || !self.options.delay.show) return self.show()
+
+ clearTimeout(this.timeout)
+ self.hoverState = 'in'
+ this.timeout = setTimeout(function() {
+ if (self.hoverState == 'in') self.show()
+ }, self.options.delay.show)
+ }
+
+ , leave: function (e) {
+ var self = $(e.currentTarget)[this.type](this._options).data(this.type)
+
+ if (this.timeout) clearTimeout(this.timeout)
+ if (!self.options.delay || !self.options.delay.hide) return self.hide()
+
+ self.hoverState = 'out'
+ this.timeout = setTimeout(function() {
+ if (self.hoverState == 'out') self.hide()
+ }, self.options.delay.hide)
+ }
+
+ , show: function () {
+ var $tip
+ , inside
+ , pos
+ , actualWidth
+ , actualHeight
+ , placement
+ , tp
+
+ if (this.hasContent() && this.enabled) {
+ $tip = this.tip()
+ this.setContent()
+
+ if (this.options.animation) {
+ $tip.addClass('fade')
+ }
+
+ placement = typeof this.options.placement == 'function' ?
+ this.options.placement.call(this, $tip[0], this.$element[0]) :
+ this.options.placement
+
+ inside = /in/.test(placement)
+
+ $tip
+ .remove()
+ .css({ top: 0, left: 0, display: 'block' })
+ .appendTo(inside ? this.$element : document.body)
+
+ pos = this.getPosition(inside)
+
+ actualWidth = $tip[0].offsetWidth
+ actualHeight = $tip[0].offsetHeight
+
+ switch (inside ? placement.split(' ')[1] : placement) {
+ case 'bottom':
+ tp = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2}
+ break
+ case 'top':
+ tp = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2}
+ break
+ case 'left':
+ tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth}
+ break
+ case 'right':
+ tp = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width}
+ break
+ }
+
+ $tip
+ .css(tp)
+ .addClass(placement)
+ .addClass('in')
+ }
+ }
+
+ , setContent: function () {
+ var $tip = this.tip()
+ , title = this.getTitle()
+
+ $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)
+ $tip.removeClass('fade in top bottom left right')
+ }
+
+ , hide: function () {
+ var that = this
+ , $tip = this.tip()
+
+ $tip.removeClass('in')
+
+ function removeWithAnimation() {
+ var timeout = setTimeout(function () {
+ $tip.off($.support.transition.end).remove()
+ }, 500)
+
+ $tip.one($.support.transition.end, function () {
+ clearTimeout(timeout)
+ $tip.remove()
+ })
+ }
+
+ $.support.transition && this.$tip.hasClass('fade') ?
+ removeWithAnimation() :
+ $tip.remove()
+
+ return this
+ }
+
+ , fixTitle: function () {
+ var $e = this.$element
+ if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {
+ $e.attr('data-original-title', $e.attr('title') || '').removeAttr('title')
+ }
+ }
+
+ , hasContent: function () {
+ return this.getTitle()
+ }
+
+ , getPosition: function (inside) {
+ return $.extend({}, (inside ? {top: 0, left: 0} : this.$element.offset()), {
+ width: this.$element[0].offsetWidth
+ , height: this.$element[0].offsetHeight
+ })
+ }
+
+ , getTitle: function () {
+ var title
+ , $e = this.$element
+ , o = this.options
+
+ title = $e.attr('data-original-title')
+ || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)
+
+ return title
+ }
+
+ , tip: function () {
+ return this.$tip = this.$tip || $(this.options.template)
+ }
+
+ , validate: function () {
+ if (!this.$element[0].parentNode) {
+ this.hide()
+ this.$element = null
+ this.options = null
+ }
+ }
+
+ , enable: function () {
+ this.enabled = true
+ }
+
+ , disable: function () {
+ this.enabled = false
+ }
+
+ , toggleEnabled: function () {
+ this.enabled = !this.enabled
+ }
+
+ , toggle: function () {
+ this[this.tip().hasClass('in') ? 'hide' : 'show']()
+ }
+
+ , destroy: function () {
+ this.hide().$element.off('.' + this.type).removeData(this.type)
+ }
+
+ }
+
+
+ /* TOOLTIP PLUGIN DEFINITION
+ * ========================= */
+
+ $.fn.tooltip = function ( option ) {
+ return this.each(function () {
+ var $this = $(this)
+ , data = $this.data('tooltip')
+ , options = typeof option == 'object' && option
+ if (!data) $this.data('tooltip', (data = new Tooltip(this, options)))
+ if (typeof option == 'string') data[option]()
+ })
+ }
+
+ $.fn.tooltip.Constructor = Tooltip
+
+ $.fn.tooltip.defaults = {
+ animation: true
+ , placement: 'top'
+ , selector: false
+ , template: '
'
+ , trigger: 'hover'
+ , title: ''
+ , delay: 0
+ , html: true
+ }
+
+}(window.jQuery);
+;// TODO(grosbouddha): put under pskl namespace.
+var Constants = {
+ DEFAULT : {
+ HEIGHT : 32,
+ WIDTH : 32,
+ FPS : 12
+ },
+
+ MODEL_VERSION : 2,
+
+ MAX_HEIGHT : 1024,
+ MAX_WIDTH : 1024,
+
+ MAX_CURRENT_COLORS_DISPLAYED : 100,
+
+ MINIMUM_ZOOM : 1,
+
+ PREVIEW_FILM_SIZE : 96,
+ ANIMATED_PREVIEW_WIDTH : 200,
+
+ DEFAULT_PEN_COLOR : '#000000',
+ TRANSPARENT_COLOR : 'rgba(0, 0, 0, 0)',
+
+ CURRENT_COLORS_PALETTE_ID : '__current-colors',
+
+ /*
+ * Fake semi-transparent color used to highlight transparent
+ * strokes and rectangles:
+ */
+ SELECTION_TRANSPARENT_COLOR: 'rgba(255, 255, 255, 0.6)',
+
+ /*
+ * When a tool is hovering the drawing canvas, we highlight the eventual
+ * pixel target with this color:
+ */
+ TOOL_TARGET_HIGHLIGHT_COLOR: 'rgba(255, 255, 255, 0.2)',
+
+
+ ZOOMED_OUT_BACKGROUND_COLOR : '#A0A0A0',
+
+ LEFT_BUTTON : 0,
+ MIDDLE_BUTTON : 1,
+ RIGHT_BUTTON : 2,
+ MOUSEMOVE_THROTTLING : 10,
+
+ ABSTRACT_FUNCTION : function () {throw 'abstract method should be implemented';},
+ EMPTY_FUNCTION : function () {},
+
+ // TESTS
+ DRAWING_TEST_FOLDER : 'drawing',
+
+ // SERVICE URLS
+ APPENGINE_SAVE_URL : 'save',
+ IMAGE_SERVICE_UPLOAD_URL : 'http://piskel-imgstore-b.appspot.com/__/upload',
+ IMAGE_SERVICE_GET_URL : 'http://piskel-imgstore-b.appspot.com/img/'
+};;// TODO(grosbouddha): put under pskl namespace.
+var Events = {
+
+ TOOL_SELECTED : "TOOL_SELECTED",
+ SELECT_TOOL : "SELECT_TOOL",
+
+ TOOL_RELEASED : "TOOL_RELEASED",
+ TOOL_PRESSED : "TOOL_PRESSED",
+ SELECT_PRIMARY_COLOR: "SELECT_PRIMARY_COLOR",
+ SELECT_SECONDARY_COLOR: "SELECT_SECONDARY_COLOR",
+ PRIMARY_COLOR_SELECTED : 'PRIMARY_COLOR_SELECTED',
+ SECONDARY_COLOR_SELECTED : 'SECONDARY_COLOR_SELECTED',
+
+ CURSOR_MOVED : 'CURSOR_MOVED',
+ DRAG_START : 'DRAG_START',
+ DRAG_END : 'DRAG_END',
+
+ DIALOG_DISPLAY : 'DIALOG_DISPLAY',
+ DIALOG_HIDE : 'DIALOG_HIDE',
+
+ PALETTE_LIST_UPDATED : 'PALETTE_LIST_UPDATED',
+
+ /**
+ * Fired each time a user setting change.
+ * The payload will be:
+ * 1st argument: Name of the settings
+ * 2nd argument: New value
+ */
+ USER_SETTINGS_CHANGED: "USER_SETTINGS_CHANGED",
+
+ CLOSE_SETTINGS_DRAWER : "CLOSE_SETTINGS_DRAWER",
+
+ /**
+ * The framesheet was reseted and is now probably drastically different.
+ * Number of frames, content of frames, color used for the palette may have changed.
+ */
+ PISKEL_RESET: "PISKEL_RESET",
+ PISKEL_SAVE_STATE: "PISKEL_SAVE_STATE",
+
+ HISTORY_STATE_SAVED: "HISTORY_STATE_SAVED",
+ HISTORY_STATE_LOADED: "HISTORY_STATE_LOADED",
+
+ PISKEL_SAVED: "PISKEL_SAVED",
+
+ FRAME_SIZE_CHANGED : "FRAME_SIZE_CHANGED",
+
+ SELECTION_CREATED: "SELECTION_CREATED",
+ SELECTION_MOVE_REQUEST: "SELECTION_MOVE_REQUEST",
+ SELECTION_DISMISSED: "SELECTION_DISMISSED",
+
+ SHOW_NOTIFICATION: "SHOW_NOTIFICATION",
+ HIDE_NOTIFICATION: "HIDE_NOTIFICATION",
+
+ SHOW_PROGRESS: "SHOW_PROGRESS",
+ UPDATE_PROGRESS: "UPDATE_PROGRESS",
+ HIDE_PROGRESS: "HIDE_PROGRESS",
+
+ ZOOM_CHANGED : "ZOOM_CHANGED",
+
+ CURRENT_COLORS_UPDATED : "CURRENT_COLORS_UPDATED",
+
+ MOUSE_EVENT : "MOUSE_EVENT",
+
+ // Tests
+ TEST_RECORD_END : "TEST_RECORD_END",
+ TEST_CASE_END : "TEST_CASE_END",
+ TEST_SUITE_END : "TEST_SUITE_END"
+};;jQuery.namespace = function() {
+ var a=arguments, o=null, i, j, d;
+ for (i=0; i
": ">",
+ '"': '"',
+ "'": ''',
+ "/": '/'
+ };
+ ns.escapeHtml= function (string) {
+ return String(string).replace(/[&<>"'\/]/g, function (s) {
+ return entityMap[s];
+ });
+ };
+
+ var reEntityMap = {};
+ ns.unescapeHtml= function (string) {
+ Object.keys(entityMap).forEach(function(key) {
+ reEntityMap[key] = reEntityMap[key] || new RegExp(entityMap[key], "g");
+ string = string.replace(reEntityMap[key], key);
+ });
+ return string;
+ };
+
+})();
+
+;(function () {
+ var ns = $.namespace('pskl.utils');
+ var ua = navigator.userAgent;
+
+ ns.UserAgent = {
+ isIE : /MSIE/i.test( ua ),
+ isIE11 : /trident/i.test( ua ),
+ isChrome : /Chrome/i.test( ua ),
+ isFirefox : /Firefox/i.test( ua ),
+ isMac : /Mac/.test( ua )
+ };
+
+ ns.UserAgent.version = (function () {
+ if (pskl.utils.UserAgent.isIE) {
+ return parseInt(/MSIE\s?(\d+)/i.exec( ua )[1], 10);
+ } else if (pskl.utils.UserAgent.isChrome) {
+ return parseInt(/Chrome\/(\d+)/i.exec( ua )[1], 10);
+ } else if (pskl.utils.UserAgent.isFirefox) {
+ return parseInt(/Firefox\/(\d+)/i.exec( ua )[1], 10);
+ }
+ })();
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ ns.Array = {
+ find : function (array, filterFn) {
+ var match = null;
+ array = Array.isArray(array) ? array : [];
+ var filtered = array.filter(filterFn);
+ if (filtered.length) {
+ match = filtered[0];
+ }
+ return match;
+ }
+ };
+
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ var base64_ranks;
+ if (Uint8Array) {
+ base64_ranks = new Uint8Array([
+ 62, -1, -1, -1, 63, 52, 53, 54, 55, 56, 57, 58, 59, 60, 61, -1,
+ -1, -1, 0, -1, -1, -1, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9,
+ 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25,
+ -1, -1, -1, -1, -1, -1, 26, 27, 28, 29, 30, 31, 32, 33, 34, 35,
+ 36, 37, 38, 39, 40, 41, 42, 43, 44, 45, 46, 47, 48, 49, 50, 51
+ ]);
+ }
+
+ ns.Base64 = {
+ toText : function (base64) {
+ return window.atob(base64.replace(/data\:.*?\;base64\,/,''));
+ },
+
+ decode : function(base64) {
+ var outptr = 0;
+ var last = [0, 0];
+ var state = 0;
+ var save = 0;
+
+ var undef;
+ var len = base64.length, i = 0;
+ var buffer = new Uint8Array(len / 4 * 3 | 0);
+ while (len--) {
+ var code = base64.charCodeAt(i++);
+ var rank = base64_ranks[code-43];
+ if (rank !== 255 && rank !== undef) {
+ last[1] = last[0];
+ last[0] = code;
+ save = (save << 6) | rank;
+ state++;
+ if (state === 4) {
+ buffer[outptr++] = save >>> 16;
+ if (last[1] !== 61 /* padding character */) {
+ buffer[outptr++] = save >>> 8;
+ }
+ if (last[0] !== 61 /* padding character */) {
+ buffer[outptr++] = save;
+ }
+ state = 0;
+ }
+ }
+ }
+ // 2/3 chance there's going to be some null bytes at the end, but that
+ // doesn't really matter with most image formats.
+ // If it somehow matters for you, truncate the buffer up outptr.
+ return buffer.buffer;
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+
+
+
+ var BASE64_REGEX = /\s*;\s*base64\s*(?:;|$)/i;
+
+ ns.BlobUtils = {
+ dataToBlob : function(dataURI, type, callback) {
+ var header_end = dataURI.indexOf(","),
+ data = dataURI.substring(header_end + 1),
+ isBase64 = BASE64_REGEX.test(dataURI.substring(0, header_end)),
+ blob;
+
+ if (Blob.fake) {
+ // no reason to decode a data: URI that's just going to become a data URI again
+ blob = new Blob();
+ blob.encoding = isBase64 ? "base64" : "URI";
+ blob.data = data;
+ blob.size = data.length;
+ } else if (Uint8Array) {
+ var blobData = isBase64 ? pskl.utils.Base64.decode(data) : decodeURIComponent(data);
+ blob = new Blob([blobData], {type: type});
+ }
+ callback(blob);
+ },
+
+ canvasToBlob : function(canvas, callback, type /*, ...args*/) {
+ type = type || "image/png";
+
+ if (canvas.mozGetAsFile) {
+ callback(canvas.mozGetAsFile("canvas", type));
+ } else {
+ var args = Array.prototype.slice.call(arguments, 2);
+ var dataURI = canvas.toDataURL.apply(canvas, args);
+ pskl.utils.BlobUtils.dataToBlob(dataURI, type, callback);
+ }
+ },
+
+ stringToBlob : function (string, callback, type) {
+ type = type || "text/plain";
+ pskl.utils.BlobUtils.dataToBlob('data:'+type+',' + string, type, callback);
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ ns.CanvasUtils = {
+ createCanvas : function (width, height, classList) {
+ var canvas = document.createElement('canvas');
+ canvas.setAttribute('width', width);
+ canvas.setAttribute('height', height);
+
+ if (typeof classList == 'string') {
+ classList = [classList];
+ }
+ if (Array.isArray(classList)) {
+ for (var i = 0 ; i < classList.length ; i++) {
+ canvas.classList.add(classList[i]);
+ }
+ }
+
+ return canvas;
+ },
+
+ createFromImageData : function (imageData) {
+ var canvas = pskl.utils.CanvasUtils.createCanvas(imageData.width, imageData.height);
+ var context = canvas.getContext('2d');
+ context.putImageData(imageData, 0, 0);
+ return canvas;
+ },
+
+ createFromImage : function (image) {
+ var canvas = pskl.utils.CanvasUtils.createCanvas(image.width, image.height);
+ var context = canvas.getContext('2d');
+ context.drawImage(image, 0, 0);
+ return canvas;
+ },
+
+ /**
+ * By default, all scaling operations on a Canvas 2D Context are performed using antialiasing.
+ * Resizing a 32x32 image to 320x320 will lead to a blurry output.
+ * On Chrome, FF and IE>=11, this can be disabled by setting a property on the Canvas 2D Context.
+ * In this case the browser will use a nearest-neighbor scaling.
+ * @param {Canvas} canvas
+ */
+ disableImageSmoothing : function (canvas) {
+ pskl.utils.CanvasUtils.setImageSmoothing(canvas, false);
+ },
+
+ enableImageSmoothing : function (canvas) {
+ pskl.utils.CanvasUtils.setImageSmoothing(canvas, true);
+ },
+
+ setImageSmoothing : function (canvas, smoothing) {
+ var context = canvas.getContext('2d');
+ context.imageSmoothingEnabled = smoothing;
+ context.mozImageSmoothingEnabled = smoothing;
+ context.oImageSmoothingEnabled = smoothing;
+ context.webkitImageSmoothingEnabled = smoothing;
+ context.msImageSmoothingEnabled = smoothing;
+ },
+
+ clear : function (canvas) {
+ if (canvas) {
+ canvas.getContext('2d').clearRect(0, 0, canvas.width, canvas.height);
+ }
+ },
+
+ clone : function (canvas) {
+ var clone = pskl.utils.CanvasUtils.createCanvas(canvas.width, canvas.height);
+
+ //apply the old canvas to the new one
+ clone.getContext('2d').drawImage(canvas, 0, 0);
+
+ //return the new canvas
+ return clone;
+ },
+
+ getImageDataFromCanvas : function (canvas) {
+ var sourceContext = canvas.getContext('2d');
+ return sourceContext.getImageData(0, 0, canvas.width, canvas.height).data;
+ },
+
+ getBase64FromCanvas : function (canvas, format) {
+ format = format || 'png';
+ var data = canvas.toDataURL('image/' + format);
+ return data.substr(data.indexOf(',')+1);
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ var pad = function (num) {
+ if (num < 10) {
+ return "0" + num;
+ } else {
+ return "" + num;
+ }
+ };
+
+ ns.DateUtils = {
+ format : function (date, format) {
+ date = new Date(date);
+ return pskl.utils.Template.replace(format, {
+ Y : date.getFullYear(),
+ M : pad(date.getMonth() + 1),
+ D : pad(date.getDate()),
+ H : pad(date.getHours()),
+ m : pad(date.getMinutes()),
+ s : pad(date.getSeconds())
+ });
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ ns.Dom = {
+ /**
+ * Check if a given HTML element is nested inside another
+ * @param {HTMLElement} node Element to test
+ * @param {HTMLElement} parent Potential Ancestor for node
+ * @param {Boolean} excludeParent set to true if the parent should be excluded from potential matches
+ * @return {Boolean} true if parent was found amongst the parentNode chain of node
+ */
+ isParent : function (node, parent, excludeParent) {
+ if (node && parent) {
+
+ if (excludeParent) {
+ node = node.parentNode;
+ }
+
+ while (node) {
+ if (node === parent) {
+ return true;
+ }
+ node = node.parentNode;
+ }
+ }
+ return false;
+ },
+
+ getParentWithData : function (node, data) {
+ while (node) {
+ if (node.dataset && typeof node.dataset[data] !== 'undefined') {
+ return node;
+ }
+ node = node.parentNode;
+ }
+ return null;
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ ns.Event = {};
+
+ ns.Event.addEventListener = function (el, type, callback, scope, args) {
+ if (typeof el === 'string') {
+ el = document.querySelector(el);
+ }
+
+ var listener = {
+ el : el,
+ type : type,
+ callback : callback,
+ handler : args ? callback.bind(scope, args) : callback.bind(scope)
+ };
+
+ scope.__pskl_listeners = scope.__pskl_listeners || [];
+ scope.__pskl_listeners.push(listener);
+ el.addEventListener(type, listener.handler);
+ };
+
+ ns.Event.removeEventListener = function (el, type, callback, scope) {
+ if (scope && scope.__pskl_listeners) {
+ var listeners = scope.__pskl_listeners;
+ for (var i = 0 ; i < listeners.length ; i++) {
+ var listener = listeners[i];
+ if (listener.callback === callback && listener.el === el && listener.type === type) {
+ el.removeEventListener(type, listeners[i].handler);
+ listeners.splice(i, 1);
+ break;
+ }
+ }
+ }
+ };
+
+ ns.Event.removeAllEventListeners = function (scope) {
+ if (scope && scope.__pskl_listeners) {
+ var listeners = scope.__pskl_listeners;
+ for (var i = 0 ; i < listeners.length ; i++) {
+ var listener = listeners[i];
+ listener.el.removeEventListener(listener.type, listener.handler);
+ }
+ scope.__pskl_listeners = [];
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ ns.Math = {
+ minmax : function (val, min, max) {
+ return Math.max(Math.min(val, max), min);
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ var stopPropagation = function (e) {
+ e.stopPropagation();
+ };
+
+ ns.FileUtils = {
+ readFile : function (file, callback) {
+ var reader = new FileReader();
+ reader.onload = function(event){
+ callback(event.target.result);
+ };
+ reader.readAsDataURL(file);
+ },
+
+ readImageFile : function (file, callback) {
+ ns.FileUtils.readFile(file, function (content) {
+ var image = new Image();
+ image.onload = callback.bind(null, image);
+ image.src = content;
+ });
+ },
+
+ downloadAsFile : function (content, filename) {
+ var saveAs = window.saveAs || (navigator.msSaveBlob && navigator.msSaveBlob.bind(navigator));
+ if (saveAs) {
+ saveAs(content, filename);
+ } else {
+ var downloadLink = document.createElement('a');
+ content = window.URL.createObjectURL(content);
+ downloadLink.setAttribute('href', content);
+ downloadLink.setAttribute('download', filename);
+ document.body.appendChild(downloadLink);
+ downloadLink.addEventListener('click', stopPropagation);
+ downloadLink.click();
+ downloadLink.removeEventListener('click', stopPropagation);
+ document.body.removeChild(downloadLink);
+ }
+ }
+ };
+})();
+;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ ns.FrameTransform = {
+ VERTICAL : 'vertical',
+ HORIZONTAL : 'HORIZONTAL',
+ flip : function (frame, axis) {
+ var clone = frame.clone();
+ var w = frame.getWidth();
+ var h = frame.getHeight();
+
+ clone.forEachPixel(function (color, x, y) {
+ if (axis === ns.FrameTransform.VERTICAL) {
+ x = w-x-1;
+ } else if (axis === ns.FrameTransform.HORIZONTAL) {
+ y = h-y-1;
+ }
+ frame.pixels[x][y] = color;
+ });
+ frame.version++;
+ return frame;
+ },
+
+ CLOCKWISE : 'clockwise',
+ COUNTERCLOCKWISE : 'counterclockwise',
+ rotate : function (frame, direction) {
+ var clone = frame.clone();
+ var w = frame.getWidth();
+ var h = frame.getHeight();
+
+ var max = Math.max(w, h);
+ var xDelta = Math.ceil((max - w)/2);
+ var yDelta = Math.ceil((max - h)/2);
+
+ frame.forEachPixel(function (color, x, y) {
+ var _x = x, _y = y;
+
+ // Convert to square coords
+ x = x + xDelta;
+ y = y + yDelta;
+
+ // Perform the rotation
+ var tmpX = x, tmpY = y;
+ if (direction === ns.FrameTransform.CLOCKWISE) {
+ x = tmpY;
+ y = max - 1 - tmpX;
+ } else if (direction === ns.FrameTransform.COUNTERCLOCKWISE) {
+ y = tmpX;
+ x = max - 1 - tmpY;
+ }
+
+ // Convert the coordinates back to the rectangular grid
+ x = x - xDelta;
+ y = y - yDelta;
+ if (clone.containsPixel(x, y)) {
+ frame.pixels[_x][_y] = clone.getPixel(x, y);
+ } else {
+ frame.pixels[_x][_y] = Constants.TRANSPARENT_COLOR;
+ }
+ });
+ frame.version++;
+ return frame;
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+ var colorCache = {};
+ ns.FrameUtils = {
+ /**
+ * Render a Frame object as an image.
+ * Can optionally scale it (zoom)
+ * @param {Frame} frame
+ * @param {Number} zoom
+ * @return {Image}
+ */
+ toImage : function (frame, zoom) {
+ zoom = zoom || 1;
+ var canvasRenderer = new pskl.rendering.CanvasRenderer(frame, zoom);
+ canvasRenderer.drawTransparentAs(Constants.TRANSPARENT_COLOR);
+ return canvasRenderer.render();
+ },
+
+ merge : function (frames) {
+ var merged = null;
+ if (frames.length) {
+ merged = frames[0].clone();
+ var w = merged.getWidth(), h = merged.getHeight();
+ for (var i = 1 ; i < frames.length ; i++) {
+ pskl.utils.FrameUtils.mergeFrames_(merged, frames[i]);
+ }
+ }
+ return merged;
+ },
+
+ mergeFrames_ : function (frameA, frameB) {
+ frameB.forEachPixel(function (color, col, row) {
+ if (color != Constants.TRANSPARENT_COLOR) {
+ frameA.setPixel(col, row, color);
+ }
+ });
+ },
+
+ resize : function (frame, targetWidth, targetHeight, smoothing) {
+ var image = pskl.utils.FrameUtils.toImage(frame);
+ var resizedImage = pskl.utils.ImageResizer.resize(image, targetWidth, targetHeight, smoothing);
+ return pskl.utils.FrameUtils.createFromImage(resizedImage);
+ },
+
+ /*
+ * Create a pskl.model.Frame from an Image object.
+ * Transparent pixels will either be converted to completely opaque or completely transparent pixels.
+ * @param {Image} image source image
+ * @return {pskl.model.Frame} corresponding frame
+ */
+ createFromImage : function (image) {
+ var w = image.width,
+ h = image.height;
+ var canvas = pskl.utils.CanvasUtils.createCanvas(w, h);
+ var context = canvas.getContext('2d');
+
+ context.drawImage(image, 0,0,w,h,0,0,w,h);
+ var imgData = context.getImageData(0,0,w,h).data;
+ return pskl.utils.FrameUtils.createFromImageData_(imgData, w, h);
+ },
+
+ createFromImageData_ : function (imageData, width, height) {
+ // Draw the zoomed-up pixels to a different canvas context
+ var grid = [];
+ for (var x = 0 ; x < width ; x++){
+ grid[x] = [];
+ for (var y = 0 ; y < height ; y++){
+ // Find the starting index in the one-dimensional image data
+ var i = (y * width + x)*4;
+ var r = imageData[i ];
+ var g = imageData[i+1];
+ var b = imageData[i+2];
+ var a = imageData[i+3];
+ if (a < 125) {
+ grid[x][y] = Constants.TRANSPARENT_COLOR;
+ } else {
+ grid[x][y] = pskl.utils.rgbToHex(r,g,b);
+ }
+ }
+ }
+ return pskl.model.Frame.fromPixelGrid(grid);
+ },
+
+ /**
+ * Alpha compositing using porter duff algorithm :
+ * http://en.wikipedia.org/wiki/Alpha_compositing
+ * http://keithp.com/~keithp/porterduff/p253-porter.pdf
+ * @param {String} strColor1 color over
+ * @param {String} strColor2 color under
+ * @return {String} the composite color
+ */
+ mergePixels__ : function (strColor1, strColor2, globalOpacity1) {
+ var col1 = pskl.utils.FrameUtils.toRgba__(strColor1);
+ var col2 = pskl.utils.FrameUtils.toRgba__(strColor2);
+ if (typeof globalOpacity1 == 'number') {
+ col1 = JSON.parse(JSON.stringify(col1));
+ col1.a = globalOpacity1 * col1.a;
+ }
+ var a = col1.a + col2.a * (1 - col1.a);
+
+ var r = ((col1.r * col1.a + col2.r * col2.a * (1 - col1.a)) / a)|0;
+ var g = ((col1.g * col1.a + col2.g * col2.a * (1 - col1.a)) / a)|0;
+ var b = ((col1.b * col1.a + col2.b * col2.a * (1 - col1.a)) / a)|0;
+
+ return 'rgba('+r+','+g+','+b+','+a+')';
+ },
+
+ /**
+ * Convert a color defined as a string (hex, rgba, rgb, 'TRANSPARENT') to an Object with r,g,b,a properties.
+ * r, g and b are integers between 0 and 255, a is a float between 0 and 1
+ * @param {String} c color as a string
+ * @return {Object} {r:Number,g:Number,b:Number,a:Number}
+ */
+ toRgba__ : function (c) {
+ if (colorCache[c]) {
+ return colorCache[c];
+ }
+ var color, matches;
+ if (c === 'TRANSPARENT') {
+ color = {
+ r : 0,
+ g : 0,
+ b : 0,
+ a : 0
+ };
+ } else if (c.indexOf('rgba(') != -1) {
+ matches = /rgba\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(1|0\.\d+)\s*\)/.exec(c);
+ color = {
+ r : parseInt(matches[1],10),
+ g : parseInt(matches[2],10),
+ b : parseInt(matches[3],10),
+ a : parseFloat(matches[4])
+ };
+ } else if (c.indexOf('rgb(') != -1) {
+ matches = /rgb\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/.exec(c);
+ color = {
+ r : parseInt(matches[1],10),
+ g : parseInt(matches[2],10),
+ b : parseInt(matches[3],10),
+ a : 1
+ };
+ } else {
+ matches = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(c);
+ color = {
+ r : parseInt(matches[1], 16),
+ g : parseInt(matches[2], 16),
+ b : parseInt(matches[3], 16),
+ a : 1
+ };
+ }
+ colorCache[c] = color;
+ return color;
+ }
+ };
+})();
+;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ ns.LayerUtils = {
+ /**
+ * Create a pskl.model.Layer from an Image object.
+ * Transparent pixels will either be converted to completely opaque or completely transparent pixels.
+ * @param {Image} image source image
+ * @return {pskl.model.Frame} corresponding frame
+ */
+ createLayerFromSpritesheet : function (image, frameCount) {
+ var width = image.width,
+ height = image.height,
+ frameWidth = width / frameCount;
+
+ var canvas = pskl.utils.CanvasUtils.createCanvas(frameWidth, height);
+ var context = canvas.getContext('2d');
+
+ // Draw the zoomed-up pixels to a different canvas context
+ var frames = [];
+ for (var i = 0 ; i < frameCount ; i++) {
+ context.clearRect(0, 0 , frameWidth, height);
+ context.drawImage(image, frameWidth * i, 0, frameWidth, height, 0, 0, frameWidth, height);
+ var frame = pskl.utils.FrameUtils.createFromImage(canvas);
+ frames.push(frame);
+ }
+ return frames;
+ },
+
+ mergeLayers : function (layerA, layerB) {
+ var framesA = layerA.getFrames();
+ var framesB = layerB.getFrames();
+ var mergedFrames = [];
+ framesA.forEach(function (frame, index) {
+ var otherFrame = framesB[index];
+ mergedFrames.push(pskl.utils.FrameUtils.merge([otherFrame, frame]));
+ });
+ var mergedLayer = pskl.model.Layer.fromFrames(layerA.getName(), mergedFrames);
+ return mergedLayer;
+ }
+ };
+
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ ns.ImageResizer = {
+ resize : function (image, targetWidth, targetHeight, smoothingEnabled) {
+ var canvas = pskl.utils.CanvasUtils.createCanvas(targetWidth, targetHeight);
+ var context = canvas.getContext('2d');
+ context.save();
+
+ if (!smoothingEnabled) {
+ pskl.utils.CanvasUtils.disableImageSmoothing(canvas);
+ }
+
+ context.translate(canvas.width / 2, canvas.height / 2);
+ context.scale(targetWidth / image.width, targetHeight / image.height);
+ context.drawImage(image, -image.width / 2, -image.height / 2);
+ context.restore();
+
+ return canvas;
+ },
+
+ /**
+ * Manual implementation of resize using a nearest neighbour algorithm
+ * It is slower than relying on the native 'disabledImageSmoothing' available on CanvasRenderingContext2d.
+ * But it can be useful if :
+ * - IE < 11 (doesn't support msDisableImageSmoothing)
+ * - need to display a gap between pixel
+ *
+ * @param {Canvas2d} source original image to be resized, as a 2d canvas
+ * @param {Number} zoom ratio between desired dim / source dim
+ * @param {Number} margin gap to be displayed between pixels
+ * @param {String} color or the margin (will be transparent if not provided)
+ * @return {Canvas2d} the resized canvas
+ */
+ resizeNearestNeighbour : function (source, zoom, margin, marginColor) {
+ margin = margin || 0;
+ var canvas = pskl.utils.CanvasUtils.createCanvas(zoom*source.width, zoom*source.height);
+ var context = canvas.getContext('2d');
+
+ var imgData = pskl.utils.CanvasUtils.getImageDataFromCanvas(source);
+
+ var yRanges = {},
+ xOffset = 0,
+ yOffset = 0,
+ xRange,
+ yRange;
+ // Draw the zoomed-up pixels to a different canvas context
+ for (var x = 0; x < source.width; x++) {
+ // Calculate X Range
+ xRange = Math.floor((x + 1) * zoom) - xOffset;
+
+ for (var y = 0; y < source.height; y++) {
+ // Calculate Y Range
+ if (!yRanges[y + ""]) {
+ // Cache Y Range
+ yRanges[y + ""] = Math.floor((y + 1) * zoom) - yOffset;
+ }
+ yRange = yRanges[y + ""];
+
+ var i = (y * source.width + x) * 4;
+ var r = imgData[i];
+ var g = imgData[i + 1];
+ var b = imgData[i + 2];
+ var a = imgData[i + 3];
+
+ context.fillStyle = "rgba(" + r + "," + g + "," + b + "," + (a / 255) + ")";
+ context.fillRect(xOffset, yOffset, xRange-margin, yRange-margin);
+
+ if (margin && marginColor) {
+ context.fillStyle = marginColor;
+ context.fillRect(xOffset + xRange - margin, yOffset, margin, yRange);
+ context.fillRect(xOffset, yOffset + yRange - margin, xRange, margin);
+ }
+
+ yOffset += yRange;
+ }
+ yOffset = 0;
+ xOffset += xRange;
+ }
+ return canvas;
+ }
+ };
+})();;(function () {
+ var ns = $.namespace("pskl");
+
+ ns.PixelUtils = {
+
+ getRectanglePixels : function (x0, y0, x1, y1) {
+ var rectangle = this.getOrderedRectangleCoordinates(x0, y0, x1, y1);
+ var pixels = [];
+
+ for(var x = rectangle.x0; x <= rectangle.x1; x++) {
+ for(var y = rectangle.y0; y <= rectangle.y1; y++) {
+ pixels.push({"col": x, "row": y});
+ }
+ }
+
+ return pixels;
+ },
+
+ getBoundRectanglePixels : function (x0, y0, x1, y1) {
+ var rectangle = this.getOrderedRectangleCoordinates(x0, y0, x1, y1);
+ var pixels = [];
+ // Creating horizontal sides of the rectangle:
+ for(var x = rectangle.x0; x <= rectangle.x1; x++) {
+ pixels.push({"col": x, "row": rectangle.y0});
+ pixels.push({"col": x, "row": rectangle.y1});
+ }
+
+ // Creating vertical sides of the rectangle:
+ for(var y = rectangle.y0; y <= rectangle.y1; y++) {
+ pixels.push({"col": rectangle.x0, "row": y});
+ pixels.push({"col": rectangle.x1, "row": y});
+ }
+
+ return pixels;
+ },
+
+ /**
+ * Return an object of ordered rectangle coordinate.
+ * In returned object {x0, y0} => top left corner - {x1, y1} => bottom right corner
+ * @private
+ */
+ getOrderedRectangleCoordinates : function (x0, y0, x1, y1) {
+ return {
+ x0 : Math.min(x0, x1),
+ y0 : Math.min(y0, y1),
+ x1 : Math.max(x0, x1),
+ y1 : Math.max(y0, y1)
+ };
+ },
+
+ /**
+ * Return the list of pixels that would have been filled by a paintbucket tool applied
+ * on pixel at coordinate (x,y).
+ * This function is not altering the Frame object argument.
+ *
+ * @param frame pskl.model.Frame The frame target in which we want to paintbucket
+ * @param col number Column coordinate in the frame
+ * @param row number Row coordinate in the frame
+ *
+ * @return an array of the pixel coordinates paint with the replacement color
+ */
+ getSimilarConnectedPixelsFromFrame: function(frame, col, row) {
+ // To get the list of connected (eg the same color) pixels, we will use the paintbucket algorithm
+ // in a fake cloned frame. The returned pixels by the paintbucket algo are the painted pixels
+ // and are as well connected.
+ var fakeFrame = frame.clone(); // We just want to
+ var fakeFillColor = "sdfsdfsdf"; // A fake color that will never match a real color.
+ var paintedPixels = this.paintSimilarConnectedPixelsFromFrame(fakeFrame, col, row, fakeFillColor);
+
+ return paintedPixels;
+ },
+
+ /**
+ * Apply the paintbucket tool in a frame at the (col, row) initial position
+ * with the replacement color.
+ *
+ * @param frame pskl.model.Frame The frame target in which we want to paintbucket
+ * @param col number Column coordinate in the frame
+ * @param row number Row coordinate in the frame
+ * @param replacementColor string Hexadecimal color used to fill the area
+ *
+ * @return an array of the pixel coordinates paint with the replacement color
+ */
+ paintSimilarConnectedPixelsFromFrame: function(frame, col, row, replacementColor) {
+ /**
+ * Queue linear Flood-fill (node, target-color, replacement-color):
+ * 1. Set Q to the empty queue.
+ * 2. If the color of node is not equal to target-color, return.
+ * 3. Add node to Q.
+ * 4. For each element n of Q:
+ * 5. If the color of n is equal to target-color:
+ * 6. Set w and e equal to n.
+ * 7. Move w to the west until the color of the node to the west of w no longer matches target-color.
+ * 8. Move e to the east until the color of the node to the east of e no longer matches target-color.
+ * 9. Set the color of nodes between w and e to replacement-color.
+ * 10. For each node n between w and e:
+ * 11. If the color of the node to the north of n is target-color, add that node to Q.
+ * 12. If the color of the node to the south of n is target-color, add that node to Q.
+ * 13. Continue looping until Q is exhausted.
+ * 14. Return.
+ */
+ var paintedPixels = [];
+ var queue = [];
+ var dy = [-1, 0, 1, 0];
+ var dx = [0, 1, 0, -1];
+ var targetColor;
+ try {
+ targetColor = frame.getPixel(col, row);
+ } catch(e) {
+ // Frame out of bound exception.
+ }
+
+ if(targetColor == replacementColor) {
+ return;
+ }
+
+
+ queue.push({"col": col, "row": row});
+ var loopCount = 0;
+ var cellCount = frame.getWidth() * frame.getHeight();
+ while(queue.length > 0) {
+ loopCount ++;
+
+ var currentItem = queue.pop();
+ frame.setPixel(currentItem.col, currentItem.row, replacementColor);
+ paintedPixels.push({"col": currentItem.col, "row": currentItem.row });
+
+ for (var i = 0; i < 4; i++) {
+ var nextCol = currentItem.col + dx[i];
+ var nextRow = currentItem.row + dy[i];
+ try {
+ if (frame.containsPixel(nextCol, nextRow) && frame.getPixel(nextCol, nextRow) == targetColor) {
+ queue.push({"col": nextCol, "row": nextRow });
+ }
+ } catch(e) {
+ // Frame out of bound exception.
+ }
+ }
+
+ // Security loop breaker:
+ if(loopCount > 10 * cellCount) {
+ console.log("loop breaker called");
+ break;
+ }
+ }
+ return paintedPixels;
+ },
+
+ /**
+ * Calculate and return the maximal zoom level to display a picture in a given container.
+ *
+ * @param container jQueryObject Container where the picture should be displayed
+ * @param number pictureHeight height in pixels of the picture to display
+ * @param number pictureWidth width in pixels of the picture to display
+ * @return number maximal zoom
+ */
+ calculateZoomForContainer : function (container, pictureHeight, pictureWidth) {
+ return this.calculateZoom(container.height(), container.width(), pictureHeight, pictureWidth);
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ ns.PiskelFileUtils = {
+ /**
+ * Load a piskel from a piskel file.
+ * After deserialization is successful, the provided success callback will be called.
+ * Success callback is expected to handle 3 arguments : (piskel:Piskel, descriptor:PiskelDescriptor, fps:Number)
+ * @param {File} file the .piskel file to load
+ * @param {Function} onSuccess Called if the deserialization of the piskel is successful
+ * @param {Function} onError NOT USED YET
+ */
+ loadFromFile : function (file, onSuccess, onError) {
+ pskl.utils.FileUtils.readFile(file, function (content) {
+ var rawPiskel = pskl.utils.Base64.toText(content);
+ var serializedPiskel = JSON.parse(rawPiskel);
+ var fps = serializedPiskel.piskel.fps;
+ var descriptor = new pskl.model.piskel.Descriptor(serializedPiskel.piskel.name, serializedPiskel.piskel.description, true);
+ pskl.utils.serialization.Deserializer.deserialize(serializedPiskel, function (piskel) {
+ onSuccess(piskel, descriptor, fps);
+ });
+ });
+ }
+ };
+})();;(function () {
+ var ns = $.namespace("pskl.utils");
+ var templates = {};
+
+ ns.Template = {
+ get : function (templateId) {
+ if (!templates[templateId]) {
+ var template = document.getElementById(templateId);
+ if (template) {
+ templates[templateId] = template.innerHTML;
+ } else {
+ console.error("Could not find template for id :", templateId);
+ }
+ }
+ return templates[templateId];
+ },
+
+ createFromHTML : function (html) {
+ var dummyEl = document.createElement("div");
+ dummyEl.innerHTML = html;
+ return dummyEl.children[0];
+ },
+
+ getAndReplace : function (templateId, dict) {
+ var result = "";
+ var tpl = pskl.utils.Template.get(templateId);
+ if (tpl) {
+ result = pskl.utils.Template.replace(tpl, dict);
+ }
+ return result;
+ },
+
+ replace : function (template, dict) {
+ for (var key in dict) {
+ if (dict.hasOwnProperty(key)) {
+ var value = dict[key];
+
+ // special boolean keys keys key:default
+ // if the value is a boolean, use default as value
+ if (key.indexOf(':') !== -1) {
+ if (value === true) {
+ value = key.split(':')[1];
+ } else if (value === false) {
+ value = '';
+ }
+ }
+ template = template.replace(new RegExp('\\{\\{'+key+'\\}\\}', 'g'), value);
+ }
+ }
+ return template;
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ ns.TooltipFormatter = {};
+
+
+ ns.TooltipFormatter.formatForTool = function(shortcut, descriptors, helpText) {
+ var tpl = pskl.utils.Template.get('drawingTool-tooltipContainer-template');
+ return pskl.utils.Template.replace(tpl, {
+ helptext : helpText,
+ shortcut : shortcut,
+ descriptors : this.formatToolDescriptors_(descriptors)
+ });
+ };
+
+
+ ns.TooltipFormatter.formatToolDescriptors_ = function(descriptors) {
+ descriptors = descriptors || [];
+ return descriptors.reduce(function (p, descriptor) {
+ return p += this.formatToolDescriptor_(descriptor);
+ }.bind(this), '');
+ };
+
+ ns.TooltipFormatter.formatToolDescriptor_ = function(descriptor) {
+ var tpl;
+ if (descriptor.key) {
+ tpl = pskl.utils.Template.get('drawingTool-tooltipDescriptor-template');
+ descriptor.key = descriptor.key.toUpperCase();
+ if (pskl.utils.UserAgent.isMac) {
+ descriptor.key = descriptor.key.replace('CTRL', 'CMD');
+ }
+ } else {
+ tpl = pskl.utils.Template.get('drawingTool-simpleTooltipDescriptor-template');
+ }
+ return pskl.utils.Template.replace(tpl, descriptor);
+ };
+})();;(function () {
+ var ns = $.namespace("pskl");
+
+ ns.UserSettings = {
+ GRID_WIDTH : 'GRID_WIDTH',
+ MAX_FPS : 'MAX_FPS',
+ CANVAS_BACKGROUND : 'CANVAS_BACKGROUND',
+ SELECTED_PALETTE : 'SELECTED_PALETTE',
+ TILED_PREVIEW : 'TILED_PREVIEW',
+ ONION_SKIN : 'ONION_SKIN',
+ LAYER_PREVIEW : 'LAYER_PREVIEW',
+
+ KEY_TO_DEFAULT_VALUE_MAP_ : {
+ 'GRID_WIDTH' : 0,
+ 'MAX_FPS' : 24,
+ 'CANVAS_BACKGROUND' : 'lowcont-dark-canvas-background',
+ 'SELECTED_PALETTE' : Constants.CURRENT_COLORS_PALETTE_ID,
+ 'TILED_PREVIEW' : false,
+ 'ONION_SKIN' : false,
+ 'LAYER_PREVIEW' : true
+ },
+
+ /**
+ * @private
+ */
+ cache_ : {},
+
+ /**
+ * Static method to access a user defined settings value ot its default
+ * value if not defined yet.
+ */
+ get : function (key) {
+ this.checkKeyValidity_(key);
+ if (!(key in this.cache_)) {
+ var storedValue = this.readFromLocalStorage_(key);
+ if (typeof storedValue !== 'undefined' && storedValue !== null) {
+ this.cache_[key] = storedValue;
+ } else {
+ this.cache_[key] = this.readFromDefaults_(key);
+ }
+ }
+ return this.cache_[key];
+ },
+
+ set : function (key, value) {
+ this.checkKeyValidity_(key);
+ this.cache_[key] = value;
+ this.writeToLocalStorage_(key, value);
+
+ $.publish(Events.USER_SETTINGS_CHANGED, [key, value]);
+ },
+
+ /**
+ * @private
+ */
+ readFromLocalStorage_ : function(key) {
+ var value = window.localStorage[key];
+ if (typeof value != "undefined") {
+ value = JSON.parse(value);
+ }
+ return value;
+ },
+
+ /**
+ * @private
+ */
+ writeToLocalStorage_ : function(key, value) {
+ // TODO(grosbouddha): Catch storage exception here.
+ window.localStorage[key] = JSON.stringify(value);
+ },
+
+ /**
+ * @private
+ */
+ readFromDefaults_ : function (key) {
+ return this.KEY_TO_DEFAULT_VALUE_MAP_[key];
+ },
+
+ /**
+ * @private
+ */
+ checkKeyValidity_ : function(key) {
+ if(!(key in this.KEY_TO_DEFAULT_VALUE_MAP_)) {
+ // TODO(grosbouddha): Define error catching strategy and throw exception from here.
+ console.log("UserSettings key <"+ key +"> not find in supported keys.");
+ }
+ }
+ };
+})();;(function(){
+ var ns = $.namespace('pskl.utils');
+
+ var s4 = function () {
+ return Math.floor((1 + Math.random()) * 0x10000)
+ .toString(16)
+ .substring(1);
+ };
+
+ ns.Uuid = {
+ generate : function () {
+ return 'ss-s-s-s-sss'.replace(/s/g, function () {
+ return s4();
+ });
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ var workers = {};
+
+ ns.WorkerUtils = {
+ createWorker : function (worker, workerId) {
+ if (!workers[workerId]) {
+ var typedArray = [(worker+"").replace(/function \(\)\s?\{/,"").replace(/\}[^}]*$/, "")];
+ var blob = new Blob(typedArray, {type: "application/javascript"}); // pass a useful mime type here
+ workers[workerId] = window.URL.createObjectURL(blob);
+ }
+
+ return new Worker(workers[workerId]);
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+ ns.Xhr = {
+ get : function (url, success, error) {
+ var xhr = ns.Xhr.xhr_(url, 'GET', success, error);
+ xhr.send();
+ },
+
+ post : function (url, data, success, error) {
+ var xhr = ns.Xhr.xhr_(url, 'POST', success, error);
+ var formData = new FormData();
+
+ if (typeof data == 'object') {
+ for (var key in data) {
+ if (data.hasOwnProperty(key)) {
+ formData.append(key, data[key]);
+ }
+ }
+ }
+
+ xhr.send(formData);
+ },
+
+ xhr_ : function (url, method, success, error) {
+ success = success || function (){};
+ error = error || function (){};
+
+ var xhr = new XMLHttpRequest();
+ xhr.open(method, url, true);
+
+ xhr.onload = function(e) {
+ if (this.status == 200) {
+ success(this);
+ } else {
+ this.onerror(this, e);
+ }
+ };
+
+ xhr.onerror = function(e) {
+ error(e, this);
+ };
+
+ return xhr;
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils');
+
+ ns.Serializer = {
+ serializePiskel : function (piskel, expanded) {
+ var serializedLayers = piskel.getLayers().map(function (l) {
+ return pskl.utils.Serializer.serializeLayer(l, expanded);
+ });
+ return JSON.stringify({
+ modelVersion : Constants.MODEL_VERSION,
+ piskel : {
+ name : piskel.getDescriptor().name,
+ description : piskel.getDescriptor().description,
+ fps : pskl.app.piskelController.getFPS(),
+ height : piskel.getHeight(),
+ width : piskel.getWidth(),
+ layers : serializedLayers,
+ expanded : expanded
+ }
+ });
+ },
+
+ serializeLayer : function (layer, expanded) {
+ var frames = layer.getFrames();
+ var renderer = new pskl.rendering.FramesheetRenderer(frames);
+ var layerToSerialize = {
+ name : layer.getName(),
+ frameCount : frames.length
+ };
+ if (expanded) {
+ layerToSerialize.grids = frames.map(function (f) {return f.pixels;});
+ return layerToSerialize;
+ } else {
+ layerToSerialize.base64PNG = renderer.renderAsCanvas().toDataURL();
+ return JSON.stringify(layerToSerialize);
+ }
+ }
+ };
+})();
+;(function () {
+ var ns = $.namespace('pskl.utils.serialization');
+
+ ns.Deserializer = function (data, callback) {
+ this.layersToLoad_ = 0;
+ this.data_ = data;
+ this.callback_ = callback;
+ this.piskel_ = null;
+ };
+
+ ns.Deserializer.deserialize = function (data, callback) {
+ var deserializer;
+ if (data.modelVersion == Constants.MODEL_VERSION) {
+ deserializer = new ns.Deserializer(data, callback);
+ } else if (data.modelVersion == 1) {
+ deserializer = new ns.backward.Deserializer_v1(data, callback);
+ } else {
+ deserializer = new ns.backward.Deserializer_v0(data, callback);
+ }
+ deserializer.deserialize();
+ };
+
+ ns.Deserializer.prototype.deserialize = function (name) {
+ var data = this.data_;
+ var piskelData = data.piskel;
+ name = name || 'Deserialized piskel';
+
+ var descriptor = new pskl.model.piskel.Descriptor(name, '');
+ this.piskel_ = new pskl.model.Piskel(piskelData.width, piskelData.height, descriptor);
+
+ this.layersToLoad_ = piskelData.layers.length;
+ if (piskelData.expanded) {
+ piskelData.layers.forEach(this.loadExpandedLayer.bind(this));
+ } else {
+ piskelData.layers.forEach(this.deserializeLayer.bind(this));
+ }
+ };
+
+ ns.Deserializer.prototype.deserializeLayer = function (layerString) {
+ var layerData = JSON.parse(layerString);
+ var layer = new pskl.model.Layer(layerData.name);
+
+ // 1 - create an image to load the base64PNG representing the layer
+ var base64PNG = layerData.base64PNG;
+ var image = new Image();
+
+ // 2 - attach the onload callback that will be triggered asynchronously
+ image.onload = function () {
+ // 5 - extract the frames from the loaded image
+ var frames = pskl.utils.LayerUtils.createLayerFromSpritesheet(image, layerData.frameCount);
+ // 6 - add each image to the layer
+ this.addFramesToLayer(frames, layer);
+ }.bind(this);
+
+ // 3 - set the source of the image
+ image.src = base64PNG;
+
+ // 4 - return a pointer to the new layer instance
+ return layer;
+ };
+
+ ns.Deserializer.prototype.loadExpandedLayer = function (layerData) {
+ var layer = new pskl.model.Layer(layerData.name);
+ var frames = layerData.grids.map(function (grid) {
+ return pskl.model.Frame.fromPixelGrid(grid);
+ });
+ this.addFramesToLayer(frames, layer);
+
+ // 4 - return a pointer to the new layer instance
+ return layer;
+ };
+
+ ns.Deserializer.prototype.addFramesToLayer = function (frames, layer) {
+ frames.forEach(layer.addFrame.bind(layer));
+
+ this.piskel_.addLayer(layer);
+ this.onLayerLoaded_();
+ };
+
+ ns.Deserializer.prototype.onLayerLoaded_ = function () {
+ this.layersToLoad_ = this.layersToLoad_ - 1;
+ if (this.layersToLoad_ === 0) {
+ this.callback_(this.piskel_);
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils.serialization.backward');
+
+ ns.Deserializer_v0 = function (data, callback) {
+ this.data_ = data;
+ this.callback_ = callback;
+ };
+
+ ns.Deserializer_v0.prototype.deserialize = function () {
+ var pixelGrids = this.data_;
+ var frames = pixelGrids.map(function (grid) {
+ return pskl.model.Frame.fromPixelGrid(grid);
+ });
+ var descriptor = new pskl.model.piskel.Descriptor('Deserialized piskel', '');
+ var layer = pskl.model.Layer.fromFrames('Layer 1', frames);
+
+ this.callback_(pskl.model.Piskel.fromLayers([layer], descriptor));
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.utils.serialization.backward');
+
+ ns.Deserializer_v1 = function (data, callback) {
+ this.callback_ = callback;
+ this.data_ = data;
+ };
+
+ ns.Deserializer_v1.prototype.deserialize = function () {
+ var piskelData = this.data_.piskel;
+ var descriptor = new pskl.model.piskel.Descriptor('Deserialized piskel', '');
+ var piskel = new pskl.model.Piskel(piskelData.width, piskelData.height, descriptor);
+
+ piskelData.layers.forEach(function (serializedLayer) {
+ var layer = this.deserializeLayer(serializedLayer);
+ piskel.addLayer(layer);
+ }.bind(this));
+
+ this.callback_(piskel);
+ };
+
+ ns.Deserializer_v1.prototype.deserializeLayer = function (layerString) {
+ var layerData = JSON.parse(layerString);
+ var layer = new pskl.model.Layer(layerData.name);
+ layerData.frames.forEach(function (serializedFrame) {
+ var frame = this.deserializeFrame(serializedFrame);
+ layer.addFrame(frame);
+ }.bind(this));
+
+ return layer;
+ };
+
+ ns.Deserializer_v1.prototype.deserializeFrame = function (frameString) {
+ var framePixelGrid = JSON.parse(frameString);
+ return pskl.model.Frame.fromPixelGrid(framePixelGrid);
+ };
+})();;(function () {
+ var worker = function () {
+ (function(b){function a(b,d){if({}.hasOwnProperty.call(a.cache,b))return a.cache[b];var e=a.resolve(b);if(!e)throw new Error('Failed to resolve module '+b);var c={id:b,require:a,filename:b,exports:{},loaded:!1,parent:d,children:[]};d&&d.children.push(c);var f=b.slice(0,b.lastIndexOf('/')+1);return a.cache[b]=c.exports,e.call(c.exports,c,c.exports,f,b),c.loaded=!0,a.cache[b]=c.exports}a.modules={},a.cache={},a.resolve=function(b){return{}.hasOwnProperty.call(a.modules,b)?a.modules[b]:void 0},a.define=function(b,c){a.modules[b]=c},a.define('/gif.worker.coffee',function(d,e,f,g){var b,c;b=a('/GIFEncoder.js',d),c=function(a){var c,e,d,f;return c=new b(a.width,a.height),a.index===0?c.writeHeader():c.firstFrame=!1,c.setTransparent(a.transparent),c.setRepeat(a.repeat),c.setDelay(a.delay),c.setQuality(a.quality),c.setPreserveColors(a.preserveColors),c.addFrame(a.data),a.last&&c.finish(),d=c.stream(),a.data=d.pages,a.cursor=d.cursor,a.pageSize=d.constructor.pageSize,a.canTransfer?(f=function(c){for(var b=0,d=a.data.length;b=c.pageSize&&this.newPage(),this.pages[this.page][this.cursor++]=a},c.prototype.writeUTFBytes=function(b){for(var c=b.length,a=0;a=0&&(this.dispose=a)},b.prototype.setRepeat=function(a){this.repeat=a},b.prototype.setTransparent=function(a){this.transparent=a},b.prototype.addFrame=function(a){this.image=a,this.getImagePixels(),this.analyzePixels(),this.firstFrame&&(this.writeLSD(),this.writePalette(),this.repeat>=0&&this.writeNetscapeExt()),this.writeGraphicCtrlExt(),this.writeImageDesc(),this.firstFrame||this.writePalette(),this.writePixels(),this.firstFrame=!1},b.prototype.finish=function(){this.out.writeByte(59)},b.prototype.setQuality=function(a){a<1&&(a=1),this.sample=a},b.prototype.setPreserveColors=function(a){this.preserveColors=a},b.prototype.writeHeader=function(){this.out.writeUTFBytes('GIF89a')},b.prototype.analyzePixels=function(){var h=this.pixels.length,d=h/3;this.indexedPixels=new Uint8Array(d);var a;this.preserveColors?a=new g(this.pixels,this.sample):a=new f(this.pixels,this.sample),a.buildColormap(),this.colorTab=a.getColormap();var b=0;for(var c=0;c>16,l=(e&65280)>>8,m=e&255,c=0,d=16777216,j=this.colorTab.length;for(var a=0;a=0&&(a=dispose&7),a<<=2,this.out.writeByte(0|a|0|b),this.writeShort(this.delay),this.out.writeByte(this.transIndex),this.out.writeByte(0)},b.prototype.writeImageDesc=function(){this.out.writeByte(44),this.writeShort(0),this.writeShort(0),this.writeShort(this.width),this.writeShort(this.height),this.firstFrame?this.out.writeByte(0):this.out.writeByte(128|this.palSize)},b.prototype.writeLSD=function(){this.writeShort(this.width),this.writeShort(this.height),this.out.writeByte(240|this.palSize),this.out.writeByte(0),this.out.writeByte(0)},b.prototype.writeNetscapeExt=function(){this.out.writeByte(33),this.out.writeByte(255),this.out.writeByte(11),this.out.writeUTFBytes('NETSCAPE2.0'),this.out.writeByte(3),this.out.writeByte(1),this.writeShort(this.repeat),this.out.writeByte(0)},b.prototype.writePalette=function(){this.out.writeBytes(this.colorTab);var b=768-this.colorTab.length;for(var a=0;a>8&255)},b.prototype.writePixels=function(){var a=new h(this.width,this.height,this.indexedPixels,this.colorDepth);a.encode(this.out)},b.prototype.stream=function(){return this.out},e.exports=b}),a.define('/LZWEncoder.js',function(e,g,h,i){function f(y,D,C,B){function w(a,b){r[f++]=a,f>=254&&t(b)}function x(b){u(a),k=i+2,j=!0,l(i,b)}function u(b){for(var a=0;a=0){y=w-d,d===0&&(y=1);do if((d-=y)<0&&(d+=w),h[d]===g){e=n[d];continue a}while(h[d]>=0)}l(e,r),e=t,k<1<0&&(a.writeByte(f),a.writeBytes(r,0,f),f=0)}function p(a){return(1<0?g|=a<=8)w(g&255,c),g>>=8,e-=8;if((k>m||j)&&(j?(m=p(n_bits=q),j=!1):(++n_bits,n_bits==b?m=1<0)w(g&255,c),g>>=8,e-=8;t(c)}}var s=Math.max(2,B),r=new Uint8Array(256),h=new Int32Array(a),n=new Int32Array(a),g,e=0,f,k=0,m,j=!1,q,i,o;this.encode=z}var c=-1,b=12,a=5003,d=[0,1,3,7,15,31,63,127,255,511,1023,2047,4095,8191,16383,32767,65535];e.exports=f}),a.define('/SimpleQuant.js',function(b,d,e,f){function a(a,b,c){return[a,b,c].join('.')}function c(b){this.pixels=b,this.palette=[],this.paletteIndex={},this.getColormap=function(){return this.palette},this.buildColormap=function(){var h=this.pixels.length/3,b=0;for(var c=0;c>3);var c,d;for(c=0;c>=b,o[c][1]>>=b,o[c][2]>>=b,o[c][3]=c}function K(b,a,c,e,f){o[a][0]-=b*(o[a][0]-c)/d,o[a][1]-=b*(o[a][1]-e)/d,o[a][2]-=b*(o[a][2]-f)/d}function L(j,e,n,l,k){var h=Math.abs(e-j),i=Math.min(e+j,a),g=e+1,f=e-1,m=1,b,d;while(gh)d=z[m++],gh&&(b=o[f--],b[0]-=d*(b[0]-n)/c,b[1]-=d*(b[1]-l)/c,b[2]-=d*(b[2]-k)/c)}function C(p,s,q){var h=2147483647,k=h,d=-1,m=d,c,j,e,n,l;for(c=0;c>i-b),n>g,y[c]-=l,t[c]+=l<>1,b=f+1;b>1,b=f+1;b<256;b++)q[b]=n}function E(j,i,k){var b,d,c,e=1e3,h=-1,f=q[i],g=f-1;while(f=0)f=e?f=a:(f++,c<0&&(c=-c),b=d[0]-j,b<0&&(b=-b),c+=b,c=0&&(d=o[g],c=i-d[1],c>=e?g=-1:(g--,c<0&&(c=-c),b=d[0]-j,b<0&&(b=-b),c+=b,c>h;for(a<=1&&(a=0),c=0;c=f&&(g-=f),c++,q===0&&(q=1),c%q===0)for(n-=n/D,o-=o/v,a=o>>h,a<=1&&(a=0),e=0;e>g,r=e<>3,h=6,t=1<this.frames.length;0<=this.frames.length?++a:--a)b.push(a);return b}.apply(this,arguments),a=0,e=b.length;aa;0<=a?++b:--b)c.push(b);return c}.apply(this,arguments),b=0,e=c.length;ba;this.freeWorkers.length<=a?++b:--b)c.push(b);return c}.apply(this,arguments).forEach(function(a){return function(c){var b;return console.log('spawning worker '+c),b=new Worker(a.options.workerScript),b.onmessage=function(a){return function(c){return a.activeWorkers.splice(a.activeWorkers.indexOf(b),1),a.freeWorkers.push(b),a.frameFinished(c.data)}}(a),a.freeWorkers.push(b)}}(this)),a},a.prototype.frameFinished=function(a){return console.log('frame '+a.index+' finished - '+this.activeWorkers.length+' active'),this.finishedFrames++,this.emit('progress',this.finishedFrames/this.frames.length),this.imageParts[a.index]=a,j(null,this.imageParts)?this.renderNextFrame():this.finishRendering()},a.prototype.finishRendering=function(){var e,a,k,m,b,d,h;b=0;for(var f=0,j=this.imageParts.length;f=this.frames.length?void 0:(c=this.frames[this.nextFrame++],b=this.freeWorkers.shift(),a=this.getTask(c),console.log('starting frame '+(a.index+1)+' of '+this.frames.length),this.activeWorkers.push(b),b.postMessage(a))},a.prototype.getContextData=function(a){return a.getImageData(0,0,this.options.width,this.options.height).data},a.prototype.getImageData=function(b){var a;return null!=this._canvas||(this._canvas=document.createElement('canvas'),this._canvas.width=this.options.width,this._canvas.height=this.options.height),a=this._canvas.getContext('2d'),a.setFill=this.options.background,a.fillRect(0,0,this.options.width,this.options.height),a.drawImage(b,0,0),this.getContextData(a)},a.prototype.getTask=function(a){var c,b;if(c=this.frames.indexOf(a),b={index:c,last:c===this.frames.length-1,delay:a.delay,transparent:a.transparent,width:this.options.width,height:this.options.height,quality:this.options.quality,preserveColors:this.options.preserveColors,repeat:this.options.repeat,canTransfer:h.name==='chrome'},null!=a.data)b.data=a.data;else if(null!=a.context)b.data=this.getContextData(a.context);else if(null!=a.image)b.data=this.getImageData(a.image);else throw new Error('Invalid frame');return b},a}(f),d.exports=e}),a.define('/browser.coffee',function(f,g,h,i){var a,d,e,c,b;c=navigator.userAgent.toLowerCase(),e=navigator.platform.toLowerCase(),b=c.match(/(opera|ie|firefox|chrome|version)[\s\/:]([\w\d\.]+)?.*?(safari|version[\s\/:]([\w\d\.]+)|$)/)||[null,'unknown',0],d=b[1]==='ie'&&document.documentMode,a={name:b[1]==='version'?b[3]:b[1],version:d||parseFloat(b[1]==='opera'&&b[4]?b[4]:b[2]),platform:{name:c.match(/ip(?:ad|od|hone)/)?'ios':(c.match(/(?:webos|android)/)||e.match(/mac|win|linux/)||['other'])[0]}},a[a.name]=!0,a[a.name+parseInt(a.version,10)]=!0,a.platform[a.platform.name]=!0,f.exports=a}),a.define('events',function(f,e,g,h){b.EventEmitter||(b.EventEmitter=function(){});var a=e.EventEmitter=b.EventEmitter,c=typeof Array.isArray==='function'?Array.isArray:function(a){return Object.prototype.toString.call(a)==='[object Array]'},d=10;a.prototype.setMaxListeners=function(a){this._events||(this._events={}),this._events.maxListeners=a},a.prototype.emit=function(f){if(f==='error'&&(!(this._events&&this._events.error)||c(this._events.error)&&!this._events.error.length))throw arguments[1]instanceof Error?arguments[1]:new Error("Uncaught, unspecified 'error' event.");if(!this._events)return!1;var a=this._events[f];if(!a)return!1;if(!(typeof a=='function'))if(c(a)){var b=Array.prototype.slice.call(arguments,1),e=a.slice();for(var d=0,g=e.length;d0&&this._events[a].length>e&&(this._events[a].warned=!0,console.error('(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.',this._events[a].length),console.trace())}this._events[a].push(b)}else this._events[a]=[this._events[a],b];return this},a.prototype.on=a.prototype.addListener,a.prototype.once=function(b,c){var a=this;return a.on(b,function d(){a.removeListener(b,d),c.apply(this,arguments)}),this},a.prototype.removeListener=function(a,d){if('function'!==typeof d)throw new Error('removeListener only takes instances of Function');if(!(this._events&&this._events[a]))return this;var b=this._events[a];if(c(b)){var e=b.indexOf(d);if(e<0)return this;b.splice(e,1),b.length==0&&delete this._events[a]}else this._events[a]===d&&delete this._events[a];return this},a.prototype.removeAllListeners=function(a){return a&&this._events&&this._events[a]&&(this._events[a]=null),this},a.prototype.listeners=function(a){return this._events||(this._events={}),this._events[a]||(this._events[a]=[]),c(this._events[a])||(this._events[a]=[this._events[a]]),this._events[a]}}),c.GIF=a('/gif.coffee')}.call(this,this))
+//# sourceMappingURL=gif.js.map
+// gif.js 0.1.6 - https://github.com/jnordberg/gif.js
+;( function( window ) { 'use strict';
+
+// Stream
+/**
+ * @constructor
+ */
+// Make compiler happy.
+var Stream = function (data) {
+ this.data = data;
+ this.len = this.data.length;
+ this.pos = 0;
+};
+
+Stream.prototype.readByte = function () {
+ if (this.pos >= this.data.length) {
+ throw new Error('Attempted to read past end of stream.');
+ }
+ return this.data.charCodeAt(this.pos++) & 0xFF;
+};
+
+Stream.prototype.readBytes = function (n) {
+ var bytes = [];
+ for (var i = 0; i < n; i++) {
+ bytes.push(this.readByte());
+ }
+ return bytes;
+};
+
+Stream.prototype.read = function (n) {
+ var s = '';
+ for (var i = 0; i < n; i++) {
+ s += String.fromCharCode(this.readByte());
+ }
+ return s;
+};
+
+Stream.prototype.readUnsigned = function () { // Little-endian.
+ var a = this.readBytes(2);
+ return (a[1] << 8) + a[0];
+};
+
+var SuperGIF = window.SuperGIF = window.SuperGIF || {};
+SuperGIF.Stream = Stream;
+
+})( window );
+
+/*
+ SuperGif
+
+ Example usage:
+
+
+
+(c) 2009-2014 Stuart Knightley
+Dual licenced under the MIT license or GPLv3. See https://raw.github.com/Stuk/jszip/master/LICENSE.markdown.
+
+JSZip uses the library zlib.js released under the following license :
+zlib.js 2012 - imaya [ https://github.com/imaya/zlib.js ] The MIT License
+*/
+!function(a){"object"==typeof exports?module.exports=a():"function"==typeof define&&define.amd?define(a):"undefined"!=typeof window?window.JSZip=a():"undefined"!=typeof global?global.JSZip=a():"undefined"!=typeof self&&(self.JSZip=a())}(function(){return function a(b,c,d){function e(g,h){if(!c[g]){if(!b[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);throw new Error("Cannot find module '"+g+"'")}var j=c[g]={exports:{}};b[g][0].call(j.exports,function(a){var c=b[g][1][a];return e(c?c:a)},j,j.exports,a,b,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g>2,g=(3&b)<<4|c>>4,h=(15&c)<<2|e>>6,i=63&e,isNaN(c)?h=i=64:isNaN(e)&&(i=64),j=j+d.charAt(f)+d.charAt(g)+d.charAt(h)+d.charAt(i);return j},c.decode=function(a){var b,c,e,f,g,h,i,j="",k=0;for(a=a.replace(/[^A-Za-z0-9\+\/\=]/g,"");k>4,c=(15&g)<<4|h>>2,e=(3&h)<<6|i,j+=String.fromCharCode(b),64!=h&&(j+=String.fromCharCode(c)),64!=i&&(j+=String.fromCharCode(e));return j}},{}],2:[function(a,b){"use strict";function c(){this.compressedSize=0,this.uncompressedSize=0,this.crc32=0,this.compressionMethod=null,this.compressedContent=null}c.prototype={getContent:function(){return null},getCompressedContent:function(){return null}},b.exports=c},{}],3:[function(a,b,c){"use strict";c.STORE={magic:"\x00\x00",compress:function(a){return a},uncompress:function(a){return a},compressInputType:null,uncompressInputType:null},c.DEFLATE=a("./flate")},{"./flate":6}],4:[function(a,b){"use strict";function c(){this.data=null,this.length=0,this.index=0}var d=a("./utils");c.prototype={checkOffset:function(a){this.checkIndex(this.index+a)},checkIndex:function(a){if(this.lengtha)throw new Error("End of data reached (data length = "+this.length+", asked index = "+a+"). Corrupted zip ?")},setIndex:function(a){this.checkIndex(a),this.index=a},skip:function(a){this.setIndex(this.index+a)},byteAt:function(){},readInt:function(a){var b,c=0;for(this.checkOffset(a),b=this.index+a-1;b>=this.index;b--)c=(c<<8)+this.byteAt(b);return this.index+=a,c},readString:function(a){return d.transformTo("string",this.readData(a))},readData:function(){},lastIndexOfSignature:function(){},readDate:function(){var a=this.readInt(4);return new Date((a>>25&127)+1980,(a>>21&15)-1,a>>16&31,a>>11&31,a>>5&63,(31&a)<<1)}},b.exports=c},{"./utils":14}],5:[function(a,b,c){"use strict";c.base64=!1,c.binary=!1,c.dir=!1,c.date=null,c.compression=null},{}],6:[function(a,b,c){"use strict";var d="undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint16Array&&"undefined"!=typeof Uint32Array,e=a("zlibjs/bin/rawdeflate.min").Zlib,f=a("zlibjs/bin/rawinflate.min").Zlib;c.uncompressInputType=d?"uint8array":"array",c.compressInputType=d?"uint8array":"array",c.magic="\b\x00",c.compress=function(a){var b=new e.RawDeflate(a);return b.compress()},c.uncompress=function(a){var b=new f.RawInflate(a);return b.decompress()}},{"zlibjs/bin/rawdeflate.min":19,"zlibjs/bin/rawinflate.min":20}],7:[function(a,b){"use strict";function c(a,b){return this instanceof c?(this.files={},this.root="",a&&this.load(a,b),void(this.clone=function(){var a=new c;for(var b in this)"function"!=typeof this[b]&&(a[b]=this[b]);return a})):new c(a,b)}c.prototype=a("./object"),c.prototype.load=a("./load"),c.support=a("./support"),c.defaults=a("./defaults"),c.utils=a("./utils"),c.base64=a("./base64"),c.compressions=a("./compressions"),b.exports=c},{"./base64":1,"./compressions":3,"./defaults":5,"./load":8,"./object":9,"./support":12,"./utils":14}],8:[function(a,b){"use strict";var c=a("./base64"),d=a("./zipEntries");b.exports=function(a,b){var e,f,g,h;for(b=b||{},b.base64&&(a=c.decode(a)),f=new d(a,b),e=f.files,g=0;gc;c++)d+=String.fromCharCode(255&a),a>>>=8;return d},r=function(){var a,b,c={};for(a=0;a0?a.substring(0,b):""},v=function(a){return"/"!=a.slice(-1)&&(a+="/"),this.files[a]||t.call(this,a,null,{dir:!0}),this.files[a]},w=function(a,b){var c,d=new k;return a._data instanceof k?(d.uncompressedSize=a._data.uncompressedSize,d.crc32=a._data.crc32,0===d.uncompressedSize||a.options.dir?(b=j.STORE,d.compressedContent="",d.crc32=0):a._data.compressionMethod===b.magic?d.compressedContent=a._data.getCompressedContent():(c=a._data.getContent(),d.compressedContent=b.compress(f.transformTo(b.compressInputType,c)))):(c=n(a),(!c||0===c.length||a.options.dir)&&(b=j.STORE,c=""),d.uncompressedSize=c.length,d.crc32=this.crc32(c),d.compressedContent=b.compress(f.transformTo(b.compressInputType,c))),d.compressedSize=d.compressedContent.length,d.compressionMethod=b.magic,d},x=function(a,b,c,d){var e,f,h=(c.compressedContent,this.utf8encode(b.name)),i=h!==b.name,j=b.options,k="",l="";e=j.date.getHours(),e<<=6,e|=j.date.getMinutes(),e<<=5,e|=j.date.getSeconds()/2,f=j.date.getFullYear()-1980,f<<=4,f|=j.date.getMonth()+1,f<<=5,f|=j.date.getDate(),i&&(l=q(1,1)+q(this.crc32(h),4)+h,k+="up"+q(l.length,2)+l);var m="";m+="\n\x00",m+=i?"\x00\b":"\x00\x00",m+=c.compressionMethod,m+=q(e,2),m+=q(f,2),m+=q(c.crc32,4),m+=q(c.compressedSize,4),m+=q(c.uncompressedSize,4),m+=q(h.length,2),m+=q(k.length,2);var n=g.LOCAL_FILE_HEADER+m+h+k,o=g.CENTRAL_FILE_HEADER+"\x00"+m+"\x00\x00\x00\x00\x00\x00"+(b.options.dir===!0?"\x00\x00\x00":"\x00\x00\x00\x00")+q(d,4)+h+k;return{fileRecord:n,dirRecord:o,compressedObject:c}},y=function(){this.data=[]};y.prototype={append:function(a){a=f.transformTo("string",a),this.data.push(a)},finalize:function(){return this.data.join("")}};var z=function(a){this.data=new Uint8Array(a),this.index=0};z.prototype={append:function(a){0!==a.length&&(a=f.transformTo("uint8array",a),this.data.set(a,this.index),this.index+=a.length)},finalize:function(){return this.data}};var A={load:function(){throw new Error("Load method is not defined. Is the file jszip-load.js included ?")},filter:function(a){var b,c,d,e,f=[];for(b in this.files)this.files.hasOwnProperty(b)&&(d=this.files[b],e=new p(d.name,d._data,r(d.options)),c=b.slice(this.root.length,b.length),b.slice(0,this.root.length)===this.root&&a(c,e)&&f.push(e));return f},file:function(a,b,c){if(1===arguments.length){if(f.isRegExp(a)){var d=a;return this.filter(function(a,b){return!b.options.dir&&d.test(a)})}return this.filter(function(b,c){return!c.options.dir&&b===a})[0]||null}return a=this.root+a,t.call(this,a,b,c),this},folder:function(a){if(!a)return this;if(f.isRegExp(a))return this.filter(function(b,c){return c.options.dir&&a.test(b)});var b=this.root+a,c=v.call(this,b),d=this.clone();return d.root=c.name,d},remove:function(a){a=this.root+a;var b=this.files[a];if(b||("/"!=a.slice(-1)&&(a+="/"),b=this.files[a]),b)if(b.options.dir)for(var c=this.filter(function(b,c){return c.name.slice(0,a.length)===a}),d=0;di;i++)h=c?a[i]:a.charCodeAt(i),g=255&(b^h),e=d[g],b=b>>>8^e;return-1^b},utf8encode:function(a){if(c){var b=c.encode(a);return f.transformTo("string",b)}if(e.nodebuffer)return f.transformTo("string",l(a,"utf-8"));for(var d=[],g=0,h=0;hi?d[g++]=String.fromCharCode(i):i>127&&2048>i?(d[g++]=String.fromCharCode(i>>6|192),d[g++]=String.fromCharCode(63&i|128)):(d[g++]=String.fromCharCode(i>>12|224),d[g++]=String.fromCharCode(i>>6&63|128),d[g++]=String.fromCharCode(63&i|128))}return d.join("")},utf8decode:function(a){var b=[],c=0,g=f.getTypeOf(a),h="string"!==g,i=0,j=0,k=0,l=0;if(d)return d.decode(f.transformTo("uint8array",a));if(e.nodebuffer)return f.transformTo("nodebuffer",a).toString("utf-8");for(;ij?(b[c++]=String.fromCharCode(j),i++):j>191&&224>j?(k=h?a[i+1]:a.charCodeAt(i+1),b[c++]=String.fromCharCode((31&j)<<6|63&k),i+=2):(k=h?a[i+1]:a.charCodeAt(i+1),l=h?a[i+2]:a.charCodeAt(i+2),b[c++]=String.fromCharCode((15&j)<<12|(63&k)<<6|63&l),i+=3);return b.join("")}};b.exports=A},{"./base64":1,"./compressedObject":2,"./compressions":3,"./defaults":5,"./nodeBuffer":17,"./signature":10,"./support":12,"./utils":14}],10:[function(a,b,c){"use strict";c.LOCAL_FILE_HEADER="PK",c.CENTRAL_FILE_HEADER="PK",c.CENTRAL_DIRECTORY_END="PK",c.ZIP64_CENTRAL_DIRECTORY_LOCATOR="PK",c.ZIP64_CENTRAL_DIRECTORY_END="PK",c.DATA_DESCRIPTOR="PK\b"},{}],11:[function(a,b){"use strict";function c(a,b){this.data=a,b||(this.data=e.string2binary(this.data)),this.length=this.data.length,this.index=0}var d=a("./dataReader"),e=a("./utils");c.prototype=new d,c.prototype.byteAt=function(a){return this.data.charCodeAt(a)},c.prototype.lastIndexOfSignature=function(a){return this.data.lastIndexOf(a)},c.prototype.readData=function(a){this.checkOffset(a);var b=this.data.slice(this.index,this.index+a);return this.index+=a,b},b.exports=c},{"./dataReader":4,"./utils":14}],12:[function(a,b,c){var d=a("__browserify_process");if(c.base64=!0,c.array=!0,c.string=!0,c.arraybuffer="undefined"!=typeof ArrayBuffer&&"undefined"!=typeof Uint8Array,c.nodebuffer=!d.browser,c.uint8array="undefined"!=typeof Uint8Array,"undefined"==typeof ArrayBuffer)c.blob=!1;else{var e=new ArrayBuffer(0);try{c.blob=0===new Blob([e],{type:"application/zip"}).size}catch(f){try{var g=window.BlobBuilder||window.WebKitBlobBuilder||window.MozBlobBuilder||window.MSBlobBuilder,h=new g;h.append(e),c.blob=0===h.getBlob("application/zip").size}catch(f){c.blob=!1}}}},{__browserify_process:18}],13:[function(a,b){"use strict";function c(a){a&&(this.data=a,this.length=this.data.length,this.index=0)}var d=a("./dataReader");c.prototype=new d,c.prototype.byteAt=function(a){return this.data[a]},c.prototype.lastIndexOfSignature=function(a){for(var b=a.charCodeAt(0),c=a.charCodeAt(1),d=a.charCodeAt(2),e=a.charCodeAt(3),f=this.length-4;f>=0;--f)if(this.data[f]===b&&this.data[f+1]===c&&this.data[f+2]===d&&this.data[f+3]===e)return f;return-1},c.prototype.readData=function(a){this.checkOffset(a);var b=this.data.subarray(this.index,this.index+a);return this.index+=a,b},b.exports=c},{"./dataReader":4}],14:[function(a,b,c){"use strict";function d(a){return a}function e(a,b){for(var c=0;cg&&b>1;)try{d.push("array"===f||"nodebuffer"===f?String.fromCharCode.apply(null,a.slice(g,Math.min(g+b,e))):String.fromCharCode.apply(null,a.subarray(g,Math.min(g+b,e)))),g+=b}catch(i){b=Math.floor(b/2)}return d.join("")}function g(a,b){for(var c=0;cb?"0":"")+b.toString(16).toUpperCase();return d},c.findCompression=function(a){for(var b in i)if(i.hasOwnProperty(b)&&i[b].magic===a)return i[b];return null},c.isRegExp=function(a){return"[object RegExp]"===Object.prototype.toString.call(a)}},{"./compressions":3,"./nodeBuffer":17,"./support":12}],15:[function(a,b){"use strict";function c(a,b){this.files=[],this.loadOptions=b,a&&this.load(a)}var d=a("./stringReader"),e=a("./nodeBufferReader"),f=a("./uint8ArrayReader"),g=a("./utils"),h=a("./signature"),i=a("./zipEntry"),j=a("./support");c.prototype={checkSignature:function(a){var b=this.reader.readString(4);if(b!==a)throw new Error("Corrupted zip or bug : unexpected signature ("+g.pretty(b)+", expected "+g.pretty(a)+")")},readBlockEndOfCentral:function(){this.diskNumber=this.reader.readInt(2),this.diskWithCentralDirStart=this.reader.readInt(2),this.centralDirRecordsOnThisDisk=this.reader.readInt(2),this.centralDirRecords=this.reader.readInt(2),this.centralDirSize=this.reader.readInt(4),this.centralDirOffset=this.reader.readInt(4),this.zipCommentLength=this.reader.readInt(2),this.zipComment=this.reader.readString(this.zipCommentLength)},readBlockZip64EndOfCentral:function(){this.zip64EndOfCentralSize=this.reader.readInt(8),this.versionMadeBy=this.reader.readString(2),this.versionNeeded=this.reader.readInt(2),this.diskNumber=this.reader.readInt(4),this.diskWithCentralDirStart=this.reader.readInt(4),this.centralDirRecordsOnThisDisk=this.reader.readInt(8),this.centralDirRecords=this.reader.readInt(8),this.centralDirSize=this.reader.readInt(8),this.centralDirOffset=this.reader.readInt(8),this.zip64ExtensibleData={};for(var a,b,c,d=this.zip64EndOfCentralSize-44,e=0;d>e;)a=this.reader.readInt(2),b=this.reader.readInt(4),c=this.reader.readString(b),this.zip64ExtensibleData[a]={id:a,length:b,value:c}},readBlockZip64EndOfCentralLocator:function(){if(this.diskWithZip64CentralDirStart=this.reader.readInt(4),this.relativeOffsetEndOfZip64CentralDir=this.reader.readInt(8),this.disksCount=this.reader.readInt(4),this.disksCount>1)throw new Error("Multi-volumes zip are not supported")},readLocalFiles:function(){var a,b;for(a=0;a0)){var d=c.shift();d()}},!0),function(a){c.push(a),window.postMessage("process-tick","*")}}return function(a){setTimeout(a,0)}}(),c.title="browser",c.browser=!0,c.env={},c.argv=[],c.binding=function(){throw new Error("process.binding is not supported")},c.cwd=function(){return"/"},c.chdir=function(){throw new Error("process.chdir is not supported")}},{}],19:[function(){/** @license zlib.js 2012 - imaya [ https://github.com/imaya/zlib.js ] The MIT License */
+(function(){"use strict";function a(a,b){var c=a.split("."),d=n;!(c[0]in d)&&d.execScript&&d.execScript("var "+c[0]);for(var e;c.length&&(e=c.shift());)c.length||b===l?d=d[e]?d[e]:d[e]={}:d[e]=b}function b(a,b){if(this.index="number"==typeof b?b:0,this.d=0,this.buffer=a instanceof(o?Uint8Array:Array)?a:new(o?Uint8Array:Array)(32768),2*this.buffer.length<=this.index)throw Error("invalid index");this.buffer.length<=this.index&&c(this)}function c(a){var b,c=a.buffer,d=c.length,e=new(o?Uint8Array:Array)(d<<1);if(o)e.set(c);else for(b=0;d>b;++b)e[b]=c[b];return a.buffer=e}function d(a){this.buffer=new(o?Uint16Array:Array)(2*a),this.length=0}function e(a,b){this.e=w,this.f=0,this.input=o&&a instanceof Array?new Uint8Array(a):a,this.c=0,b&&(b.lazy&&(this.f=b.lazy),"number"==typeof b.compressionType&&(this.e=b.compressionType),b.outputBuffer&&(this.b=o&&b.outputBuffer instanceof Array?new Uint8Array(b.outputBuffer):b.outputBuffer),"number"==typeof b.outputIndex&&(this.c=b.outputIndex)),this.b||(this.b=new(o?Uint8Array:Array)(32768))}function f(a,b){this.length=a,this.g=b}function g(a,b){function c(a,b){var c,d=a.g,e=[],f=0;c=z[a.length],e[f++]=65535&c,e[f++]=c>>16&255,e[f++]=c>>24;var g;switch(m){case 1===d:g=[0,d-1,0];break;case 2===d:g=[1,d-2,0];break;case 3===d:g=[2,d-3,0];break;case 4===d:g=[3,d-4,0];break;case 6>=d:g=[4,d-5,1];break;case 8>=d:g=[5,d-7,1];break;case 12>=d:g=[6,d-9,2];break;case 16>=d:g=[7,d-13,2];break;case 24>=d:g=[8,d-17,3];break;case 32>=d:g=[9,d-25,3];break;case 48>=d:g=[10,d-33,4];break;case 64>=d:g=[11,d-49,4];break;case 96>=d:g=[12,d-65,5];break;case 128>=d:g=[13,d-97,5];break;case 192>=d:g=[14,d-129,6];break;case 256>=d:g=[15,d-193,6];break;case 384>=d:g=[16,d-257,7];break;case 512>=d:g=[17,d-385,7];break;case 768>=d:g=[18,d-513,8];break;case 1024>=d:g=[19,d-769,8];break;case 1536>=d:g=[20,d-1025,9];break;case 2048>=d:g=[21,d-1537,9];break;case 3072>=d:g=[22,d-2049,10];break;case 4096>=d:g=[23,d-3073,10];break;case 6144>=d:g=[24,d-4097,11];break;case 8192>=d:g=[25,d-6145,11];break;case 12288>=d:g=[26,d-8193,12];break;case 16384>=d:g=[27,d-12289,12];break;case 24576>=d:g=[28,d-16385,13];break;case 32768>=d:g=[29,d-24577,13];break;default:throw"invalid distance"}c=g,e[f++]=c[0],e[f++]=c[1],e[f++]=c[2];var h,i;for(h=0,i=e.length;i>h;++h)r[s++]=e[h];u[e[0]]++,v[e[3]]++,t=a.length+b-1,n=null}var d,e,f,g,i,j,k,n,p,q={},r=o?new Uint16Array(2*b.length):[],s=0,t=0,u=new(o?Uint32Array:Array)(286),v=new(o?Uint32Array:Array)(30),w=a.f;if(!o){for(f=0;285>=f;)u[f++]=0;for(f=0;29>=f;)v[f++]=0}for(u[256]=1,d=0,e=b.length;e>d;++d){for(f=i=0,g=3;g>f&&d+f!==e;++f)i=i<<8|b[d+f];if(q[i]===l&&(q[i]=[]),j=q[i],!(0=e){for(n&&c(n,-1),f=0,g=e-d;g>f;++f)p=b[d+f],r[s++]=p,++u[p];break}0h;h++){if(d=c[j-h-1],g=3,k>3){for(i=k;i>3;i--)if(a[d+i-1]!==a[b+i-1])continue a;g=k}for(;258>g&&l>b+g&&a[d+g]===a[b+g];)++g;if(g>k&&(e=d,k=g),258===g)break}return new f(k,b-e)}function i(a,b){var c,e,f,g,h,i=a.length,k=new d(572),l=new(o?Uint8Array:Array)(i);if(!o)for(g=0;i>g;g++)l[g]=0;for(g=0;i>g;++g)0g;++g)c[g]=k.pop(),e[g]=c[g].value;for(f=j(e,e.length,b),g=0,h=c.length;h>g;++g)l[c[g].index]=f[g];return l}function j(a,b,c){function d(a){var c=n[a][p[a]];c===b?(d(a+1),d(a+1)):--l[c],++p[a]}var e,f,g,h,i,j=new(o?Uint16Array:Array)(c),k=new(o?Uint8Array:Array)(c),l=new(o?Uint8Array:Array)(b),m=Array(c),n=Array(c),p=Array(c),q=(1<f;++f)r>q?k[f]=0:(k[f]=1,q-=r),q<<=1,j[c-2-f]=(j[c-1-f]/2|0)+b;for(j[0]=k[0],m[0]=Array(j[0]),n[0]=Array(j[0]),f=1;c>f;++f)j[f]>2*j[f-1]+k[f]&&(j[f]=2*j[f-1]+k[f]),m[f]=Array(j[f]),n[f]=Array(j[f]);for(e=0;b>e;++e)l[e]=c;for(g=0;ge;++e)p[e]=0;for(1===k[c-1]&&(--l[0],++p[c-1]),f=c-2;f>=0;--f){for(h=e=0,i=p[f+1],g=0;ga[e]?(m[f][g]=h,n[f][g]=b,i+=2):(m[f][g]=a[e],n[f][g]=e,++e);p[f]=0,1===k[f]&&d(f)}return l}function k(a){var b,c,d,e,f=new(o?Uint16Array:Array)(a.length),g=[],h=[],i=0;for(b=0,c=a.length;c>b;b++)g[a[b]]=(0|g[a[b]])+1;for(b=1,c=16;c>=b;b++)h[b]=i,i+=0|g[b],i<<=1;for(b=0,c=a.length;c>b;b++)for(i=h[a[b]],h[a[b]]+=1,d=f[b]=0,e=a[b];e>d;d++)f[b]=f[b]<<1|1&i,i>>>=1;return f}var l=void 0,m=!0,n=this,o="undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint16Array&&"undefined"!=typeof Uint32Array&&"undefined"!=typeof DataView;b.prototype.a=function(a,b,d){var e,f=this.buffer,g=this.index,h=this.d,i=f[g];if(d&&b>1&&(a=b>8?(u[255&a]<<24|u[a>>>8&255]<<16|u[a>>>16&255]<<8|u[a>>>24&255])>>32-b:u[a]>>8-b),8>b+h)i=i<e;++e)i=i<<1|a>>b-e-1&1,8===++h&&(h=0,f[g++]=u[i],i=0,g===f.length&&(f=c(this)));f[g]=i,this.buffer=f,this.d=h,this.index=g},b.prototype.finish=function(){var a,b=this.buffer,c=this.index;return 0p;++p){for(var r=p,s=r,t=7,r=r>>>1;r;r>>>=1)s<<=1,s|=1&r,--t;q[p]=(s<>>0}var u=q;d.prototype.getParent=function(a){return 2*((a-2)/4|0)},d.prototype.push=function(a,b){var c,d,e,f=this.buffer;for(c=this.length,f[this.length++]=b,f[this.length++]=a;c>0&&(d=this.getParent(c),f[c]>f[d]);)e=f[c],f[c]=f[d],f[d]=e,e=f[c+1],f[c+1]=f[d+1],f[d+1]=e,c=d;return this.length},d.prototype.pop=function(){var a,b,c,d,e,f=this.buffer;for(b=f[0],a=f[1],this.length-=2,f[0]=f[this.length],f[1]=f[this.length+1],e=0;(d=2*e+2,!(d>=this.length))&&(d+2f[d]&&(d+=2),f[d]>f[e]);)c=f[e],f[e]=f[d],f[d]=c,c=f[e+1],f[e+1]=f[d+1],f[d+1]=c,e=d;return{index:a,value:b,length:this.length}};var v,w=2,x=[];for(v=0;288>v;v++)switch(m){case 143>=v:x.push([v+48,8]);break;case 255>=v:x.push([v-144+400,9]);break;case 279>=v:x.push([v-256+0,7]);break;case 287>=v:x.push([v-280+192,8]);break;default:throw"invalid literal: "+v}e.prototype.h=function(){var a,c,d,e,f=this.input;switch(this.e){case 0:for(d=0,e=f.length;e>d;){c=o?f.subarray(d,d+65535):f.slice(d,d+65535),d+=c.length;var h=c,j=d===e,n=l,p=l,q=l,r=l,s=l,t=this.b,u=this.c;if(o){for(t=new Uint8Array(this.b.buffer);t.length<=u+h.length+5;)t=new Uint8Array(t.length<<1);t.set(this.b)}if(n=j?1:0,t[u++]=0|n,p=h.length,q=~p+65536&65535,t[u++]=255&p,t[u++]=p>>>8&255,t[u++]=255&q,t[u++]=q>>>8&255,o)t.set(h,u),u+=h.length,t=t.subarray(0,u);else{for(r=0,s=h.length;s>r;++r)t[u++]=h[r];t.length=u}this.c=u,this.b=t}break;case 1:var v=new b(o?new Uint8Array(this.b.buffer):this.b,this.c);v.a(1,1,m),v.a(1,2,m);var y,z,A,B=g(this,f);for(y=0,z=B.length;z>y;y++)if(A=B[y],b.prototype.a.apply(v,x[A]),A>256)v.a(B[++y],B[++y],m),v.a(B[++y],5),v.a(B[++y],B[++y],m);else if(256===A)break;this.b=v.finish(),this.c=this.b.length;break;case w:var C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R=new b(o?new Uint8Array(this.b.buffer):this.b,this.c),S=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],T=Array(19);for(C=w,R.a(1,1,m),R.a(C,2,m),D=g(this,f),H=i(this.j,15),I=k(H),J=i(this.i,7),K=k(J),E=286;E>257&&0===H[E-1];E--);for(F=30;F>1&&0===J[F-1];F--);var U,V,W,X,Y,Z,$=E,_=F,ab=new(o?Uint32Array:Array)($+_),bb=new(o?Uint32Array:Array)(316),cb=new(o?Uint8Array:Array)(19);for(U=V=0;$>U;U++)ab[V++]=H[U];for(U=0;_>U;U++)ab[V++]=J[U];if(!o)for(U=0,X=cb.length;X>U;++U)cb[U]=0;for(U=Y=0,X=ab.length;X>U;U+=V){for(V=1;X>U+V&&ab[U+V]===ab[U];++V);if(W=V,0===ab[U])if(3>W)for(;00;)Z=138>W?W:138,Z>W-3&&W>Z&&(Z=W-3),10>=Z?(bb[Y++]=17,bb[Y++]=Z-3,cb[17]++):(bb[Y++]=18,bb[Y++]=Z-11,cb[18]++),W-=Z;else if(bb[Y++]=ab[U],cb[ab[U]]++,W--,3>W)for(;00;)Z=6>W?W:6,Z>W-3&&W>Z&&(Z=W-3),bb[Y++]=16,bb[Y++]=Z-3,cb[16]++,W-=Z}for(a=o?bb.subarray(0,Y):bb.slice(0,Y),L=i(cb,7),P=0;19>P;P++)T[P]=L[S[P]];for(G=19;G>4&&0===T[G-1];G--);for(M=k(L),R.a(E-257,5,m),R.a(F-1,5,m),R.a(G-4,4,m),P=0;G>P;P++)R.a(T[P],3,m);for(P=0,Q=a.length;Q>P;P++)if(N=a[P],R.a(M[N],L[N],m),N>=16){switch(P++,N){case 16:O=2;break;case 17:O=3;break;case 18:O=7;break;default:throw"invalid code: "+N}R.a(a[P],O,m)}var db,eb,fb,gb,hb,ib,jb,kb,lb=[I,H],mb=[K,J];for(hb=lb[0],ib=lb[1],jb=mb[0],kb=mb[1],db=0,eb=D.length;eb>db;++db)if(fb=D[db],R.a(hb[fb],ib[fb],m),fb>256)R.a(D[++db],D[++db],m),gb=D[++db],R.a(jb[gb],kb[gb],m),R.a(D[++db],D[++db],m);else if(256===fb)break;this.b=R.finish(),this.c=this.b.length;break;default:throw"invalid compression type"}return this.b};var y=function(){function a(a){switch(m){case 3===a:return[257,a-3,0];case 4===a:return[258,a-4,0];case 5===a:return[259,a-5,0];case 6===a:return[260,a-6,0];case 7===a:return[261,a-7,0];case 8===a:return[262,a-8,0];case 9===a:return[263,a-9,0];case 10===a:return[264,a-10,0];case 12>=a:return[265,a-11,1];case 14>=a:return[266,a-13,1];case 16>=a:return[267,a-15,1];case 18>=a:return[268,a-17,1];case 22>=a:return[269,a-19,2];case 26>=a:return[270,a-23,2];case 30>=a:return[271,a-27,2];case 34>=a:return[272,a-31,2];case 42>=a:return[273,a-35,3];case 50>=a:return[274,a-43,3];case 58>=a:return[275,a-51,3];case 66>=a:return[276,a-59,3];case 82>=a:return[277,a-67,4];case 98>=a:return[278,a-83,4];case 114>=a:return[279,a-99,4];case 130>=a:return[280,a-115,4];case 162>=a:return[281,a-131,5];case 194>=a:return[282,a-163,5];case 226>=a:return[283,a-195,5];case 257>=a:return[284,a-227,5];case 258===a:return[285,a-258,0];default:throw"invalid length: "+a}}var b,c,d=[];for(b=3;258>=b;b++)c=a(b),d[b]=c[2]<<24|c[1]<<16|c[0];return d}(),z=o?new Uint32Array(y):y;a("Zlib.RawDeflate",e),a("Zlib.RawDeflate.prototype.compress",e.prototype.h);var A,B,C,D,E={NONE:0,FIXED:1,DYNAMIC:w};if(Object.keys)A=Object.keys(E);else for(B in A=[],C=0,E)A[C++]=B;for(C=0,D=A.length;D>C;++C)B=A[C],a("Zlib.RawDeflate.CompressionType."+B,E[B])}).call(this)},{}],20:[function(){/** @license zlib.js 2012 - imaya [ https://github.com/imaya/zlib.js ] The MIT License */
+(function(){"use strict";function a(a,b){var c=a.split("."),d=g;!(c[0]in d)&&d.execScript&&d.execScript("var "+c[0]);for(var e;c.length&&(e=c.shift());)c.length||void 0===b?d=d[e]?d[e]:d[e]={}:d[e]=b}function b(a){var b,c,d,e,f,g,i,j,k,l,m=a.length,n=0,o=Number.POSITIVE_INFINITY;for(j=0;m>j;++j)a[j]>n&&(n=a[j]),a[j]=d;){for(j=0;m>j;++j)if(a[j]===d){for(g=0,i=e,k=0;d>k;++k)g=g<<1|1&i,i>>=1;for(l=d<<16|j,k=g;b>k;k+=f)c[k]=l;++e}++d,e<<=1,f<<=1}return[c,n,o]}function c(a,b){switch(this.g=[],this.h=32768,this.c=this.f=this.d=this.k=0,this.input=h?new Uint8Array(a):a,this.l=!1,this.i=j,this.q=!1,(b||!(b={}))&&(b.index&&(this.d=b.index),b.bufferSize&&(this.h=b.bufferSize),b.bufferType&&(this.i=b.bufferType),b.resize&&(this.q=b.resize)),this.i){case i:this.a=32768,this.b=new(h?Uint8Array:Array)(32768+this.h+258);break;case j:this.a=0,this.b=new(h?Uint8Array:Array)(this.h),this.e=this.v,this.m=this.s,this.j=this.t;break;default:throw Error("invalid inflate mode")}}function d(a,b){for(var c,d=a.f,e=a.c,f=a.input,g=a.d,h=f.length;b>e;){if(g>=h)throw Error("input buffer is broken");d|=f[g++]<>>b,a.c=e-b,a.d=g,c}function e(a,b){for(var c,d,e=a.f,f=a.c,g=a.input,h=a.d,i=g.length,j=b[0],k=b[1];k>f&&!(h>=i);)e|=g[h++]<>>16,a.f=e>>d,a.c=f-d,a.d=h,65535&c}function f(a){function c(a,b,c){var f,g,h,i=this.p;for(h=0;a>h;)switch(f=e(this,b)){case 16:for(g=3+d(this,2);g--;)c[h++]=i;break;case 17:for(g=3+d(this,3);g--;)c[h++]=0;i=0;break;case 18:for(g=11+d(this,7);g--;)c[h++]=0;i=0;break;default:i=c[h++]=f}return this.p=i,c}var f,g,i,j,k=d(a,5)+257,l=d(a,5)+1,m=d(a,4)+4,o=new(h?Uint8Array:Array)(n.length);for(j=0;m>j;++j)o[n[j]]=d(a,3);if(!h)for(j=m,m=o.length;m>j;++j)o[n[j]]=0;f=b(o),g=new(h?Uint8Array:Array)(k),i=new(h?Uint8Array:Array)(l),a.p=0,a.j(b(c.call(a,k,f,g)),b(c.call(a,l,f,i)))}var g=this,h="undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint16Array&&"undefined"!=typeof Uint32Array&&"undefined"!=typeof DataView,i=0,j=1;c.prototype.u=function(){for(;!this.l;){var a=d(this,3);switch(1&a&&(this.l=!0),a>>>=1){case 0:var b=this.input,c=this.d,e=this.b,g=this.a,k=b.length,l=void 0,m=void 0,n=e.length,o=void 0;if(this.c=this.f=0,c+1>=k)throw Error("invalid uncompressed block header: LEN");if(l=b[c++]|b[c++]<<8,c+1>=k)throw Error("invalid uncompressed block header: NLEN");if(m=b[c++]|b[c++]<<8,l===~m)throw Error("invalid uncompressed block header: length verify");if(c+l>b.length)throw Error("input buffer is broken");switch(this.i){case i:for(;g+l>e.length;){if(o=n-g,l-=o,h)e.set(b.subarray(c,c+o),g),g+=o,c+=o;else for(;o--;)e[g++]=b[c++];this.a=g,e=this.e(),g=this.a}break;case j:for(;g+l>e.length;)e=this.e({o:2});break;default:throw Error("invalid inflate mode")}if(h)e.set(b.subarray(c,c+l),g),g+=l,c+=l;else for(;l--;)e[g++]=b[c++];this.d=c,this.a=g,this.b=e;break;case 1:this.j(z,B);break;case 2:f(this);break;default:throw Error("unknown BTYPE: "+a)}}return this.m()};var k,l,m=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],n=h?new Uint16Array(m):m,o=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,258,258],p=h?new Uint16Array(o):o,q=[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0],r=h?new Uint8Array(q):q,s=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577],t=h?new Uint16Array(s):s,u=[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13],v=h?new Uint8Array(u):u,w=new(h?Uint8Array:Array)(288);for(k=0,l=w.length;l>k;++k)w[k]=143>=k?8:255>=k?9:279>=k?7:8;var x,y,z=b(w),A=new(h?Uint8Array:Array)(30);for(x=0,y=A.length;y>x;++x)A[x]=5;var B=b(A);c.prototype.j=function(a,b){var c=this.b,f=this.a;this.n=a;for(var g,h,i,j,k=c.length-258;256!==(g=e(this,a));)if(256>g)f>=k&&(this.a=f,c=this.e(),f=this.a),c[f++]=g;else for(h=g-257,j=p[h],0=k&&(this.a=f,c=this.e(),f=this.a);j--;)c[f]=c[f++-i];for(;8<=this.c;)this.c-=8,this.d--;this.a=f},c.prototype.t=function(a,b){var c=this.b,f=this.a;this.n=a;for(var g,h,i,j,k=c.length;256!==(g=e(this,a));)if(256>g)f>=k&&(c=this.e(),k=c.length),c[f++]=g;else for(h=g-257,j=p[h],0k&&(c=this.e(),k=c.length);j--;)c[f]=c[f++-i];for(;8<=this.c;)this.c-=8,this.d--;this.a=f},c.prototype.e=function(){var a,b,c=new(h?Uint8Array:Array)(this.a-32768),d=this.a-32768,e=this.b;if(h)c.set(e.subarray(32768,c.length));else for(a=0,b=c.length;b>a;++a)c[a]=e[a+32768];if(this.g.push(c),this.k+=c.length,h)e.set(e.subarray(d,d+32768));else for(a=0;32768>a;++a)e[a]=e[d+a];return this.a=32768,e},c.prototype.v=function(a){var b,c,d,e,f=this.input.length/this.d+1|0,g=this.input,i=this.b;return a&&("number"==typeof a.o&&(f=a.o),"number"==typeof a.r&&(f+=a.r)),2>f?(c=(g.length-this.d)/this.n[2],e=258*(c/2)|0,d=eb;++b)for(a=i[b],d=0,e=a.length;e>d;++d)j[f++]=a[d];for(b=32768,c=this.a;c>b;++b)j[f++]=g[b];return this.g=[],this.buffer=j},c.prototype.s=function(){var a,b=this.a;return h?this.q?(a=new Uint8Array(b),a.set(this.b.subarray(0,b))):a=this.b.subarray(0,b):(this.b.length>b&&(this.b.length=b),a=this.b),this.buffer=a},a("Zlib.RawInflate",c),a("Zlib.RawInflate.prototype.decompress",c.prototype.u);var C,D,E,F,G={ADAPTIVE:j,BLOCK:i};if(Object.keys)C=Object.keys(G);else for(D in C=[],E=0,G)C[E++]=D;for(E=0,F=C.length;F>E;++E)D=C[E],a("Zlib.RawInflate.BufferType."+D,G[D])}).call(this)},{}]},{},[7])(7)});;// Spectrum Colorpicker v1.1.2
+// https://github.com/bgrins/spectrum
+// Author: Brian Grinstead
+// License: MIT
+
+(function (window, $, undefined) {
+ var defaultOpts = {
+
+ // Callbacks
+ beforeShow: noop,
+ move: noop,
+ change: noop,
+ show: noop,
+ hide: noop,
+
+ // Options
+ color: false,
+ flat: false,
+ showInput: false,
+ showButtons: true,
+ clickoutFiresChange: false,
+ showInitial: false,
+ showPalette: false,
+ showPaletteOnly: false,
+ showSelectionPalette: true,
+ localStorageKey: false,
+ appendTo: "body",
+ maxSelectionSize: 7,
+ cancelText: "cancel",
+ chooseText: "choose",
+ preferredFormat: false,
+ className: "",
+ showAlpha: false,
+ theme: "sp-light",
+ palette: ['fff', '000'],
+ selectionPalette: [],
+ disabled: false
+ },
+ spectrums = [],
+ IE = !!/msie/i.exec( window.navigator.userAgent ),
+ rgbaSupport = (function() {
+ function contains( str, substr ) {
+ return !!~('' + str).indexOf(substr);
+ }
+
+ var elem = document.createElement('div');
+ var style = elem.style;
+ style.cssText = 'background-color:rgba(0,0,0,.5)';
+ return contains(style.backgroundColor, 'rgba') || contains(style.backgroundColor, 'hsla');
+ })(),
+ replaceInput = [
+ ""
+ ].join(''),
+ markup = (function () {
+
+ // IE does not support gradients with multiple stops, so we need to simulate
+ // that for the rainbow slider with 8 divs that each have a single gradient
+ var gradientFix = "";
+ if (IE) {
+ for (var i = 1; i <= 6; i++) {
+ gradientFix += "
";
+ }
+ }
+
+ return [
+ "",
+ "
",
+ "
",
+ "
",
+ "
",
+ "
",
+ "
",
+ "
",
+ "
",
+ gradientFix,
+ "
",
+ "
",
+ "
",
+ "
",
+ "
",
+ "
",
+ "
",
+ "
",
+ "
",
+ "
" + html.join('') + "
";
+ }
+
+ function hideAll() {
+ for (var i = 0; i < spectrums.length; i++) {
+ if (spectrums[i]) {
+ spectrums[i].hide();
+ }
+ }
+ }
+
+ function instanceOptions(o, callbackContext) {
+ var opts = $.extend({}, defaultOpts, o);
+ opts.callbacks = {
+ 'move': bind(opts.move, callbackContext),
+ 'change': bind(opts.change, callbackContext),
+ 'show': bind(opts.show, callbackContext),
+ 'hide': bind(opts.hide, callbackContext),
+ 'beforeShow': bind(opts.beforeShow, callbackContext)
+ };
+
+ return opts;
+ }
+
+ function spectrum(element, o) {
+
+ var opts = instanceOptions(o, element),
+ flat = opts.flat,
+ showSelectionPalette = opts.showSelectionPalette,
+ localStorageKey = opts.localStorageKey,
+ theme = opts.theme,
+ callbacks = opts.callbacks,
+ resize = throttle(reflow, 10),
+ visible = false,
+ dragWidth = 0,
+ dragHeight = 0,
+ dragHelperHeight = 0,
+ slideHeight = 0,
+ slideWidth = 0,
+ alphaWidth = 0,
+ alphaSlideHelperWidth = 0,
+ slideHelperHeight = 0,
+ currentHue = 0,
+ currentSaturation = 0,
+ currentValue = 0,
+ currentAlpha = 1,
+ palette = opts.palette.slice(0),
+ paletteArray = $.isArray(palette[0]) ? palette : [palette],
+ selectionPalette = opts.selectionPalette.slice(0),
+ maxSelectionSize = opts.maxSelectionSize,
+ draggingClass = "sp-dragging",
+ shiftMovementDirection = null;
+
+ var doc = element.ownerDocument,
+ body = doc.body,
+ boundElement = $(element),
+ disabled = false,
+ container = $(markup, doc).addClass(theme),
+ dragger = container.find(".sp-color"),
+ dragHelper = container.find(".sp-dragger"),
+ slider = container.find(".sp-hue"),
+ slideHelper = container.find(".sp-slider"),
+ alphaSliderInner = container.find(".sp-alpha-inner"),
+ alphaSlider = container.find(".sp-alpha"),
+ alphaSlideHelper = container.find(".sp-alpha-handle"),
+ textInput = container.find(".sp-input"),
+ paletteContainer = container.find(".sp-palette"),
+ initialColorContainer = container.find(".sp-initial"),
+ cancelButton = container.find(".sp-cancel"),
+ chooseButton = container.find(".sp-choose"),
+ isInput = boundElement.is("input"),
+ shouldReplace = isInput && !flat,
+ replacer = (shouldReplace) ? $(replaceInput).addClass(theme).addClass(opts.className) : $([]),
+ offsetElement = (shouldReplace) ? replacer : boundElement,
+ previewElement = replacer.find(".sp-preview-inner"),
+ initialColor = opts.color || (isInput && boundElement.val()),
+ colorOnShow = false,
+ preferredFormat = opts.preferredFormat,
+ currentPreferredFormat = preferredFormat,
+ clickoutFiresChange = !opts.showButtons || opts.clickoutFiresChange;
+
+
+ function applyOptions() {
+
+ if (opts.showPaletteOnly) {
+ opts.showPalette = true;
+ }
+
+ container.toggleClass("sp-flat", flat);
+ container.toggleClass("sp-input-disabled", !opts.showInput);
+ container.toggleClass("sp-alpha-enabled", opts.showAlpha);
+ container.toggleClass("sp-buttons-disabled", !opts.showButtons);
+ container.toggleClass("sp-palette-disabled", !opts.showPalette);
+ container.toggleClass("sp-palette-only", opts.showPaletteOnly);
+ container.toggleClass("sp-initial-disabled", !opts.showInitial);
+ container.addClass(opts.className);
+
+ reflow();
+ }
+
+ function initialize() {
+
+ if (IE) {
+ container.find("*:not(input)").attr("unselectable", "on");
+ }
+
+ applyOptions();
+
+ if (shouldReplace) {
+ boundElement.after(replacer).hide();
+ }
+
+ if (flat) {
+ boundElement.after(container).hide();
+ }
+ else {
+
+ var appendTo = opts.appendTo === "parent" ? boundElement.parent() : $(opts.appendTo);
+ if (appendTo.length !== 1) {
+ appendTo = $("body");
+ }
+
+ appendTo.append(container);
+ }
+
+ if (localStorageKey && window.localStorage) {
+
+ // Migrate old palettes over to new format. May want to remove this eventually.
+ try {
+ var oldPalette = window.localStorage[localStorageKey].split(",#");
+ if (oldPalette.length > 1) {
+ delete window.localStorage[localStorageKey];
+ $.each(oldPalette, function(i, c) {
+ addColorToSelectionPalette(c);
+ });
+ }
+ }
+ catch(e) { }
+
+ try {
+ selectionPalette = window.localStorage[localStorageKey].split(";");
+ }
+ catch (e) { }
+ }
+
+ offsetElement.bind("click.spectrum touchstart.spectrum", function (e) {
+ if (!disabled) {
+ toggle();
+ }
+
+ e.stopPropagation();
+
+ if (!$(e.target).is("input")) {
+ e.preventDefault();
+ }
+ });
+
+ if(boundElement.is(":disabled") || (opts.disabled === true)) {
+ disable();
+ }
+
+ // Prevent clicks from bubbling up to document. This would cause it to be hidden.
+ container.click(stopPropagation);
+
+ // Handle user typed input
+ textInput.change(setFromTextInput);
+ textInput.bind("paste", function () {
+ setTimeout(setFromTextInput, 1);
+ });
+ textInput.keydown(function (e) { if (e.keyCode == 13) { setFromTextInput(); } });
+
+ cancelButton.text(opts.cancelText);
+ cancelButton.bind("click.spectrum", function (e) {
+ e.stopPropagation();
+ e.preventDefault();
+ hide("cancel");
+ });
+
+ chooseButton.text(opts.chooseText);
+ chooseButton.bind("click.spectrum", function (e) {
+ e.stopPropagation();
+ e.preventDefault();
+
+ if (isValid()) {
+ updateOriginalInput(true);
+ hide();
+ }
+ });
+
+ draggable(alphaSlider, function (dragX, dragY, e) {
+ currentAlpha = (dragX / alphaWidth);
+ if (e.shiftKey) {
+ currentAlpha = Math.round(currentAlpha * 10) / 10;
+ }
+
+ move();
+ });
+
+ draggable(slider, function (dragX, dragY) {
+ currentHue = parseFloat(dragY / slideHeight);
+ move();
+ }, dragStart, dragStop);
+
+ draggable(dragger, function (dragX, dragY, e) {
+
+ // shift+drag should snap the movement to either the x or y axis.
+ if (!e.shiftKey) {
+ shiftMovementDirection = null;
+ }
+ else if (!shiftMovementDirection) {
+ var oldDragX = currentSaturation * dragWidth;
+ var oldDragY = dragHeight - (currentValue * dragHeight);
+ var furtherFromX = Math.abs(dragX - oldDragX) > Math.abs(dragY - oldDragY);
+
+ shiftMovementDirection = furtherFromX ? "x" : "y";
+ }
+
+ var setSaturation = !shiftMovementDirection || shiftMovementDirection === "x";
+ var setValue = !shiftMovementDirection || shiftMovementDirection === "y";
+
+ if (setSaturation) {
+ currentSaturation = parseFloat(dragX / dragWidth);
+ }
+ if (setValue) {
+ currentValue = parseFloat((dragHeight - dragY) / dragHeight);
+ }
+
+ move();
+
+ }, dragStart, dragStop);
+
+ if (!!initialColor) {
+ set(initialColor);
+
+ // In case color was black - update the preview UI and set the format
+ // since the set function will not run (default color is black).
+ updateUI();
+ currentPreferredFormat = preferredFormat || tinycolor(initialColor).format;
+
+ addColorToSelectionPalette(initialColor);
+ }
+ else {
+ updateUI();
+ }
+
+ if (flat) {
+ show();
+ }
+
+ function palletElementClick(e) {
+ if (e.data && e.data.ignore) {
+ set($(this).data("color"));
+ move();
+ }
+ else {
+ set($(this).data("color"));
+ updateOriginalInput(true);
+ move();
+ hide();
+ }
+
+ return false;
+ }
+
+ var paletteEvent = IE ? "mousedown.spectrum" : "click.spectrum touchstart.spectrum";
+ paletteContainer.delegate(".sp-thumb-el", paletteEvent, palletElementClick);
+ initialColorContainer.delegate(".sp-thumb-el:nth-child(1)", paletteEvent, { ignore: true }, palletElementClick);
+ }
+
+ function addColorToSelectionPalette(color) {
+ if (showSelectionPalette) {
+ var colorRgb = tinycolor(color).toRgbString();
+ if ($.inArray(colorRgb, selectionPalette) === -1) {
+ selectionPalette.push(colorRgb);
+ while(selectionPalette.length > maxSelectionSize) {
+ selectionPalette.shift();
+ }
+ }
+
+ if (localStorageKey && window.localStorage) {
+ try {
+ window.localStorage[localStorageKey] = selectionPalette.join(";");
+ }
+ catch(e) { }
+ }
+ }
+ }
+
+ function getUniqueSelectionPalette() {
+ var unique = [];
+ var p = selectionPalette;
+ var paletteLookup = {};
+ var rgb;
+
+ if (opts.showPalette) {
+
+ for (var i = 0; i < paletteArray.length; i++) {
+ for (var j = 0; j < paletteArray[i].length; j++) {
+ rgb = tinycolor(paletteArray[i][j]).toRgbString();
+ paletteLookup[rgb] = true;
+ }
+ }
+
+ for (i = 0; i < p.length; i++) {
+ rgb = tinycolor(p[i]).toRgbString();
+
+ if (!paletteLookup.hasOwnProperty(rgb)) {
+ unique.push(p[i]);
+ paletteLookup[rgb] = true;
+ }
+ }
+ }
+
+ return unique.reverse().slice(0, opts.maxSelectionSize);
+ }
+
+ function drawPalette() {
+
+ var currentColor = get();
+
+ var html = $.map(paletteArray, function (palette, i) {
+ return paletteTemplate(palette, currentColor, "sp-palette-row sp-palette-row-" + i);
+ });
+
+ if (selectionPalette) {
+ html.push(paletteTemplate(getUniqueSelectionPalette(), currentColor, "sp-palette-row sp-palette-row-selection"));
+ }
+
+ paletteContainer.html(html.join(""));
+ }
+
+ function drawInitial() {
+ if (opts.showInitial) {
+ var initial = colorOnShow;
+ var current = get();
+ initialColorContainer.html(paletteTemplate([initial, current], current, "sp-palette-row-initial"));
+ }
+ }
+
+ function dragStart() {
+ if (dragHeight <= 0 || dragWidth <= 0 || slideHeight <= 0) {
+ reflow();
+ }
+ container.addClass(draggingClass);
+ shiftMovementDirection = null;
+ }
+
+ function dragStop() {
+ container.removeClass(draggingClass);
+ }
+
+ function setFromTextInput() {
+ var tiny = tinycolor(textInput.val());
+ if (tiny.ok) {
+ set(tiny);
+ }
+ else {
+ textInput.addClass("sp-validation-error");
+ }
+ }
+
+ function toggle() {
+ if (visible) {
+ hide();
+ }
+ else {
+ show();
+ }
+ }
+
+ function show() {
+ var event = $.Event('beforeShow.spectrum');
+
+ if (visible) {
+ reflow();
+ return;
+ }
+
+ colorOnShow = get();
+ boundElement.trigger(event, [ colorOnShow ]);
+
+ if (callbacks.beforeShow(colorOnShow) === false || event.isDefaultPrevented()) {
+ return;
+ }
+
+ // if color has changed
+ set(colorOnShow);
+
+ hideAll();
+ visible = true;
+
+ $(doc).bind("mousedown.spectrum", onMousedown);
+
+ if (!flat) {
+ // Piskel-specific : change the color as soon as the user does a mouseup
+ $(doc).bind("mouseup.spectrum", updateColor);
+ }
+
+ $(window).bind("resize.spectrum", resize);
+ replacer.addClass("sp-active");
+ container.removeClass("sp-hidden");
+
+ if (opts.showPalette) {
+ drawPalette();
+ }
+ reflow();
+ updateUI();
+
+ drawInitial();
+ callbacks.show(colorOnShow);
+ boundElement.trigger('show.spectrum', [ colorOnShow ]);
+ }
+
+ function onMousedown (e) {
+ var target = $(e.target);
+ var parents = target.parents();
+ var isClickOutsideWidget = !parents.is(container) && !target.is(container);
+
+ if (isClickOutsideWidget) {
+ hide(e);
+ }
+ }
+
+ // Piskel-specific (code extracted to method)
+ function updateColor(e) {
+ var colorHasChanged = !tinycolor.equals(get(), colorOnShow);
+
+ if (colorHasChanged) {
+ if (clickoutFiresChange && e !== "cancel") {
+ updateOriginalInput(true);
+ }
+ else {
+ revert();
+ }
+ }
+ }
+
+ function hide(e) {
+
+ // Return on right click
+ if (e && e.type == "click" && e.button == 2) { return; }
+
+ // Return if hiding is unnecessary
+ if (!visible || flat) { return; }
+ visible = false;
+
+ $(doc).unbind("mousedown.spectrum", onMousedown);
+
+ // Piskel-specific
+ $(doc).unbind("mouseup.spectrum", updateColor);
+
+ $(window).unbind("resize.spectrum", resize);
+
+ replacer.removeClass("sp-active");
+ container.addClass("sp-hidden");
+
+ updateColor(e);
+
+ // Piskel-specific
+ addColorToSelectionPalette(get());
+
+ callbacks.hide(get());
+ boundElement.trigger('hide.spectrum', [ get() ]);
+ }
+
+ function revert() {
+ set(colorOnShow, true);
+ }
+
+ function set(color, ignoreFormatChange) {
+ if (tinycolor.equals(color, get())) {
+ return;
+ }
+
+ var newColor = tinycolor(color);
+ var newHsv = newColor.toHsv();
+
+ currentHue = (newHsv.h % 360) / 360;
+ currentSaturation = newHsv.s;
+ currentValue = newHsv.v;
+ currentAlpha = newHsv.a;
+
+ updateUI();
+
+ if (newColor.ok && !ignoreFormatChange) {
+ currentPreferredFormat = preferredFormat || newColor.format;
+ }
+ }
+
+ function get(opts) {
+ opts = opts || { };
+ return tinycolor.fromRatio({
+ h: currentHue,
+ s: currentSaturation,
+ v: currentValue,
+ a: Math.round(currentAlpha * 100) / 100
+ }, { format: opts.format || currentPreferredFormat });
+ }
+
+ function isValid() {
+ return !textInput.hasClass("sp-validation-error");
+ }
+
+ function move() {
+ updateUI();
+
+ callbacks.move(get());
+ boundElement.trigger('move.spectrum', [ get() ]);
+ }
+
+ function updateUI() {
+
+ textInput.removeClass("sp-validation-error");
+
+ updateHelperLocations();
+
+ // Update dragger background color (gradients take care of saturation and value).
+ var flatColor = tinycolor.fromRatio({ h: currentHue, s: 1, v: 1 });
+ dragger.css("background-color", flatColor.toHexString());
+
+ // Get a format that alpha will be included in (hex and names ignore alpha)
+ var format = currentPreferredFormat;
+ if (currentAlpha < 1) {
+ if (format === "hex" || format === "hex3" || format === "hex6" || format === "name") {
+ format = "rgb";
+ }
+ }
+
+ var realColor = get({ format: format }),
+ realHex = realColor.toHexString(),
+ realRgb = realColor.toRgbString();
+
+ // Update the replaced elements background color (with actual selected color)
+ if (rgbaSupport || realColor.alpha === 1) {
+ previewElement.css("background-color", realRgb);
+ }
+ else {
+ previewElement.css("background-color", "transparent");
+ previewElement.css("filter", realColor.toFilter());
+ }
+
+ if (opts.showAlpha) {
+ var rgb = realColor.toRgb();
+ rgb.a = 0;
+ var realAlpha = tinycolor(rgb).toRgbString();
+ var gradient = "linear-gradient(left, " + realAlpha + ", " + realHex + ")";
+
+ if (IE) {
+ alphaSliderInner.css("filter", tinycolor(realAlpha).toFilter({ gradientType: 1 }, realHex));
+ }
+ else {
+ alphaSliderInner.css("background", "-webkit-" + gradient);
+ alphaSliderInner.css("background", "-moz-" + gradient);
+ alphaSliderInner.css("background", "-ms-" + gradient);
+ alphaSliderInner.css("background", gradient);
+ }
+ }
+
+ // Update the text entry input as it changes happen
+ if (opts.showInput) {
+ textInput.val(realColor.toString(format));
+ }
+
+ if (opts.showPalette) {
+ drawPalette();
+ }
+
+ drawInitial();
+ }
+
+ function updateHelperLocations() {
+ var s = currentSaturation;
+ var v = currentValue;
+
+ // Where to show the little circle in that displays your current selected color
+ var dragX = s * dragWidth;
+ var dragY = (dragHeight) - (v * dragHeight);
+ dragX = Math.max(
+ -dragHelperHeight/2,
+ Math.min(dragWidth - dragHelperHeight/2, dragX - dragHelperHeight/2)
+ );
+ dragY = Math.max(
+ -dragHelperHeight/2,
+ Math.min(dragHeight - dragHelperHeight/2, dragY - dragHelperHeight/2)
+ );
+ dragHelper.css({
+ "top": dragY,
+ "left": dragX
+ });
+
+ var alphaX = currentAlpha * alphaWidth;
+ alphaSlideHelper.css({
+ "left": alphaX - (alphaSlideHelperWidth / 2)
+ });
+
+ // Where to show the bar that displays your current selected hue
+ var slideY = (currentHue) * slideHeight;
+ slideHelper.css({
+ "top": slideY - (slideHelperHeight/2)
+ });
+ }
+
+ function updateOriginalInput(fireCallback) {
+ var color = get();
+
+ if (isInput) {
+ boundElement.val(color.toString(currentPreferredFormat));
+ }
+
+ var hasChanged = !tinycolor.equals(color, colorOnShow);
+ colorOnShow = color;
+
+ // Update the selection palette with the current color
+
+ // Piskel-specific : commented-out, palette update is done on hide
+ // addColorToSelectionPalette(color);
+
+ if (fireCallback && hasChanged) {
+ callbacks.change(color);
+ boundElement.trigger('change', [ color ]);
+ }
+ }
+
+ function reflow() {
+ dragWidth = dragger.width();
+ dragHeight = dragger.height();
+ dragHelperHeight = dragHelper.height() + 4;
+ slideWidth = slider.width();
+ slideHeight = slider.height();
+ slideHelperHeight = slideHelper.height() + 4;
+ alphaWidth = alphaSlider.width();
+ alphaSlideHelperWidth = alphaSlideHelper.width();
+
+ if (!flat) {
+ container.css("position", "absolute");
+ container.offset(getOffset(container, offsetElement));
+ }
+
+ updateHelperLocations();
+ }
+
+ function destroy() {
+ boundElement.show();
+ offsetElement.unbind("click.spectrum touchstart.spectrum");
+ container.remove();
+ replacer.remove();
+ spectrums[spect.id] = null;
+ }
+
+ function option(optionName, optionValue) {
+ if (optionName === undefined) {
+ return $.extend({}, opts);
+ }
+ if (optionValue === undefined) {
+ return opts[optionName];
+ }
+
+ opts[optionName] = optionValue;
+ applyOptions();
+ }
+
+ function enable() {
+ disabled = false;
+ boundElement.attr("disabled", false);
+ offsetElement.removeClass("sp-disabled");
+ }
+
+ function disable() {
+ hide();
+ disabled = true;
+ boundElement.attr("disabled", true);
+ offsetElement.addClass("sp-disabled");
+ }
+
+ initialize();
+
+ var spect = {
+ show: show,
+ hide: hide,
+ toggle: toggle,
+ reflow: reflow,
+ option: option,
+ enable: enable,
+ disable: disable,
+ set: function (c) {
+ set(c);
+ updateOriginalInput();
+ },
+ get: get,
+ destroy: destroy,
+ container: container
+ };
+
+ spect.id = spectrums.push(spect) - 1;
+
+ return spect;
+ }
+
+ /**
+ * checkOffset - get the offset below/above and left/right element depending on screen position
+ * Thanks https://github.com/jquery/jquery-ui/blob/master/ui/jquery.ui.datepicker.js
+ */
+ function getOffset(picker, input) {
+ var extraY = 0;
+ var dpWidth = picker.outerWidth();
+ var dpHeight = picker.outerHeight();
+ var inputHeight = input.outerHeight();
+ var doc = picker[0].ownerDocument;
+ var docElem = doc.documentElement;
+ var viewWidth = docElem.clientWidth + $(doc).scrollLeft();
+ var viewHeight = docElem.clientHeight + $(doc).scrollTop();
+ var offset = input.offset();
+ offset.top += inputHeight;
+
+ if (Math.min(offset.left, (offset.left + dpWidth > viewWidth && viewWidth > dpWidth))) {
+ offset.left -= Math.abs(offset.left + dpWidth - viewWidth);
+ picker.attr('data-x-position','right');
+ } else {
+ offset.left -= 0;
+ picker.attr('data-x-position','left');
+ }
+
+ if (Math.min(offset.top, (offset.top + dpHeight > viewHeight && viewHeight > dpHeight))) {
+ offset.top -= Math.abs(dpHeight + inputHeight - extraY);
+ picker.attr('data-y-position','top');
+ } else {
+ offset.top -= extraY;
+ picker.attr('data-y-position','bottom');
+ }
+
+ return offset;
+ }
+
+ /**
+ * noop - do nothing
+ */
+ function noop() {
+
+ }
+
+ /**
+ * stopPropagation - makes the code only doing this a little easier to read in line
+ */
+ function stopPropagation(e) {
+ e.stopPropagation();
+ }
+
+ /**
+ * Create a function bound to a given object
+ * Thanks to underscore.js
+ */
+ function bind(func, obj) {
+ var slice = Array.prototype.slice;
+ var args = slice.call(arguments, 2);
+ return function () {
+ return func.apply(obj, args.concat(slice.call(arguments)));
+ };
+ }
+
+ /**
+ * Lightweight drag helper. Handles containment within the element, so that
+ * when dragging, the x is within [0,element.width] and y is within [0,element.height]
+ */
+ function draggable(element, onmove, onstart, onstop) {
+ onmove = onmove || function () { };
+ onstart = onstart || function () { };
+ onstop = onstop || function () { };
+ var doc = element.ownerDocument || document;
+ var dragging = false;
+ var offset = {};
+ var maxHeight = 0;
+ var maxWidth = 0;
+ var hasTouch = ('ontouchstart' in window);
+
+ var duringDragEvents = {};
+ duringDragEvents["selectstart"] = prevent;
+ duringDragEvents["dragstart"] = prevent;
+ duringDragEvents["touchmove mousemove"] = move;
+ duringDragEvents["touchend mouseup"] = stop;
+
+ function prevent(e) {
+ if (e.stopPropagation) {
+ e.stopPropagation();
+ }
+ if (e.preventDefault) {
+ e.preventDefault();
+ }
+ e.returnValue = false;
+ }
+
+ function move(e) {
+ if (dragging) {
+ // Mouseup happened outside of window
+ if (IE && document.documentMode < 9 && !e.button) {
+ return stop();
+ }
+
+ var touches = e.originalEvent.touches;
+ var pageX = touches ? touches[0].pageX : e.pageX;
+ var pageY = touches ? touches[0].pageY : e.pageY;
+
+ var dragX = Math.max(0, Math.min(pageX - offset.left, maxWidth));
+ var dragY = Math.max(0, Math.min(pageY - offset.top, maxHeight));
+
+ if (hasTouch) {
+ // Stop scrolling in iOS
+ prevent(e);
+ }
+
+ onmove.apply(element, [dragX, dragY, e]);
+ }
+ }
+ function start(e) {
+ var rightclick = (e.which) ? (e.which == 3) : (e.button == 2);
+ var touches = e.originalEvent.touches;
+
+ if (!rightclick && !dragging) {
+ if (onstart.apply(element, arguments) !== false) {
+ dragging = true;
+ maxHeight = $(element).height();
+ maxWidth = $(element).width();
+ offset = $(element).offset();
+
+ $(doc).bind(duringDragEvents);
+ $(doc.body).addClass("sp-dragging");
+
+ if (!hasTouch) {
+ move(e);
+ }
+
+ prevent(e);
+ }
+ }
+ }
+ function stop() {
+ if (dragging) {
+ $(doc).unbind(duringDragEvents);
+ $(doc.body).removeClass("sp-dragging");
+ onstop.apply(element, arguments);
+ }
+ dragging = false;
+ }
+
+ $(element).bind("touchstart mousedown", start);
+ }
+
+ function throttle(func, wait, debounce) {
+ var timeout;
+ return function () {
+ var context = this, args = arguments;
+ var throttler = function () {
+ timeout = null;
+ func.apply(context, args);
+ };
+ if (debounce) clearTimeout(timeout);
+ if (debounce || !timeout) timeout = setTimeout(throttler, wait);
+ };
+ }
+
+
+ function log(){/* jshint -W021 */if(window.console){if(Function.prototype.bind)log=Function.prototype.bind.call(console.log,console);else log=function(){Function.prototype.apply.call(console.log,console,arguments);};log.apply(this,arguments);}}
+
+ /**
+ * Define a jQuery plugin
+ */
+ var dataID = "spectrum.id";
+ $.fn.spectrum = function (opts, extra) {
+
+ if (typeof opts == "string") {
+
+ var returnValue = this;
+ var args = Array.prototype.slice.call( arguments, 1 );
+
+ this.each(function () {
+ var spect = spectrums[$(this).data(dataID)];
+ if (spect) {
+
+ var method = spect[opts];
+ if (!method) {
+ throw new Error( "Spectrum: no such method: '" + opts + "'" );
+ }
+
+ if (opts == "get") {
+ returnValue = spect.get();
+ }
+ else if (opts == "container") {
+ returnValue = spect.container;
+ }
+ else if (opts == "option") {
+ returnValue = spect.option.apply(spect, args);
+ }
+ else if (opts == "destroy") {
+ spect.destroy();
+ $(this).removeData(dataID);
+ }
+ else {
+ method.apply(spect, args);
+ }
+ }
+ });
+
+ return returnValue;
+ }
+
+ // Initializing a new instance of spectrum
+ return this.spectrum("destroy").each(function () {
+ var spect = spectrum(this, opts);
+ $(this).data(dataID, spect.id);
+ });
+ };
+
+ $.fn.spectrum.load = true;
+ $.fn.spectrum.loadOpts = {};
+ $.fn.spectrum.draggable = draggable;
+ $.fn.spectrum.defaults = defaultOpts;
+
+ $.spectrum = { };
+ $.spectrum.localization = { };
+ $.spectrum.palettes = { };
+
+ $.fn.spectrum.processNativeColorInputs = function () {
+ var colorInput = $("
+
+ // `rgbToRgb`
+ // Handle bounds / percentage checking to conform to CSS color spec
+ //
+
+ tinycolor.desaturate = function (color, amount) {
+ amount = (amount === 0) ? 0 : (amount || 10);
+ var hsl = tinycolor(color).toHsl();
+ hsl.s -= amount / 100;
+ hsl.s = clamp01(hsl.s);
+ return tinycolor(hsl);
+ };
+ tinycolor.saturate = function (color, amount) {
+ amount = (amount === 0) ? 0 : (amount || 10);
+ var hsl = tinycolor(color).toHsl();
+ hsl.s += amount / 100;
+ hsl.s = clamp01(hsl.s);
+ return tinycolor(hsl);
+ };
+ tinycolor.greyscale = function(color) {
+ return tinycolor.desaturate(color, 100);
+ };
+ tinycolor.lighten = function(color, amount) {
+ amount = (amount === 0) ? 0 : (amount || 10);
+ var hsl = tinycolor(color).toHsl();
+ hsl.l += amount / 100;
+ hsl.l = clamp01(hsl.l);
+ return tinycolor(hsl);
+ };
+ tinycolor.darken = function (color, amount) {
+ amount = (amount === 0) ? 0 : (amount || 10);
+ var hsl = tinycolor(color).toHsl();
+ hsl.l -= amount / 100;
+ hsl.l = clamp01(hsl.l);
+ return tinycolor(hsl);
+ };
+ tinycolor.complement = function(color) {
+ var hsl = tinycolor(color).toHsl();
+ hsl.h = (hsl.h + 180) % 360;
+ return tinycolor(hsl);
+ };
+
+
+ // Combination Functions
+ // ---------------------
+ // Thanks to jQuery xColor for some of the ideas behind these
+ //
+
+ tinycolor.triad = function(color) {
+ var hsl = tinycolor(color).toHsl();
+ var h = hsl.h;
+ return [
+ tinycolor(color),
+ tinycolor({ h: (h + 120) % 360, s: hsl.s, l: hsl.l }),
+ tinycolor({ h: (h + 240) % 360, s: hsl.s, l: hsl.l })
+ ];
+ };
+ tinycolor.tetrad = function(color) {
+ var hsl = tinycolor(color).toHsl();
+ var h = hsl.h;
+ return [
+ tinycolor(color),
+ tinycolor({ h: (h + 90) % 360, s: hsl.s, l: hsl.l }),
+ tinycolor({ h: (h + 180) % 360, s: hsl.s, l: hsl.l }),
+ tinycolor({ h: (h + 270) % 360, s: hsl.s, l: hsl.l })
+ ];
+ };
+ tinycolor.splitcomplement = function(color) {
+ var hsl = tinycolor(color).toHsl();
+ var h = hsl.h;
+ return [
+ tinycolor(color),
+ tinycolor({ h: (h + 72) % 360, s: hsl.s, l: hsl.l}),
+ tinycolor({ h: (h + 216) % 360, s: hsl.s, l: hsl.l})
+ ];
+ };
+ tinycolor.analogous = function(color, results, slices) {
+ results = results || 6;
+ slices = slices || 30;
+
+ var hsl = tinycolor(color).toHsl();
+ var part = 360 / slices;
+ var ret = [tinycolor(color)];
+
+ for (hsl.h = ((hsl.h - (part * results >> 1)) + 720) % 360; --results; ) {
+ hsl.h = (hsl.h + part) % 360;
+ ret.push(tinycolor(hsl));
+ }
+ return ret;
+ };
+ tinycolor.monochromatic = function(color, results) {
+ results = results || 6;
+ var hsv = tinycolor(color).toHsv();
+ var h = hsv.h, s = hsv.s, v = hsv.v;
+ var ret = [];
+ var modification = 1 / results;
+
+ while (results--) {
+ ret.push(tinycolor({ h: h, s: s, v: v}));
+ v = (v + modification) % 1;
+ }
+
+ return ret;
+ };
+
+
+ // Readability Functions
+ // ---------------------
+ //
+
+ // `readability`
+ // Analyze the 2 colors and returns an object with the following properties:
+ // `brightness`: difference in brightness between the two colors
+ // `color`: difference in color/hue between the two colors
+ tinycolor.readability = function(color1, color2) {
+ var a = tinycolor(color1).toRgb();
+ var b = tinycolor(color2).toRgb();
+ var brightnessA = (a.r * 299 + a.g * 587 + a.b * 114) / 1000;
+ var brightnessB = (b.r * 299 + b.g * 587 + b.b * 114) / 1000;
+ var colorDiff = (
+ Math.max(a.r, b.r) - Math.min(a.r, b.r) +
+ Math.max(a.g, b.g) - Math.min(a.g, b.g) +
+ Math.max(a.b, b.b) - Math.min(a.b, b.b)
+ );
+
+ return {
+ brightness: Math.abs(brightnessA - brightnessB),
+ color: colorDiff
+ };
+ };
+
+ // `readable`
+ // http://www.w3.org/TR/AERT#color-contrast
+ // Ensure that foreground and background color combinations provide sufficient contrast.
+ // *Example*
+ // tinycolor.readable("#000", "#111") => false
+ tinycolor.readable = function(color1, color2) {
+ var readability = tinycolor.readability(color1, color2);
+ return readability.brightness > 125 && readability.color > 500;
+ };
+
+ // `mostReadable`
+ // Given a base color and a list of possible foreground or background
+ // colors for that base, returns the most readable color.
+ // *Example*
+ // tinycolor.mostReadable("#123", ["#fff", "#000"]) => "#000"
+ tinycolor.mostReadable = function(baseColor, colorList) {
+ var bestColor = null;
+ var bestScore = 0;
+ var bestIsReadable = false;
+ for (var i=0; i < colorList.length; i++) {
+
+ // We normalize both around the "acceptable" breaking point,
+ // but rank brightness constrast higher than hue.
+
+ var readability = tinycolor.readability(baseColor, colorList[i]);
+ var readable = readability.brightness > 125 && readability.color > 500;
+ var score = 3 * (readability.brightness / 125) + (readability.color / 500);
+
+ if ((readable && ! bestIsReadable) ||
+ (readable && bestIsReadable && score > bestScore) ||
+ ((! readable) && (! bestIsReadable) && score > bestScore)) {
+ bestIsReadable = readable;
+ bestScore = score;
+ bestColor = tinycolor(colorList[i]);
+ }
+ }
+ return bestColor;
+ };
+
+
+ // Big List of Colors
+ // ------------------
+ //
+ var names = tinycolor.names = {
+ aliceblue: "f0f8ff",
+ antiquewhite: "faebd7",
+ aqua: "0ff",
+ aquamarine: "7fffd4",
+ azure: "f0ffff",
+ beige: "f5f5dc",
+ bisque: "ffe4c4",
+ black: "000",
+ blanchedalmond: "ffebcd",
+ blue: "00f",
+ blueviolet: "8a2be2",
+ brown: "a52a2a",
+ burlywood: "deb887",
+ burntsienna: "ea7e5d",
+ cadetblue: "5f9ea0",
+ chartreuse: "7fff00",
+ chocolate: "d2691e",
+ coral: "ff7f50",
+ cornflowerblue: "6495ed",
+ cornsilk: "fff8dc",
+ crimson: "dc143c",
+ cyan: "0ff",
+ darkblue: "00008b",
+ darkcyan: "008b8b",
+ darkgoldenrod: "b8860b",
+ darkgray: "a9a9a9",
+ darkgreen: "006400",
+ darkgrey: "a9a9a9",
+ darkkhaki: "bdb76b",
+ darkmagenta: "8b008b",
+ darkolivegreen: "556b2f",
+ darkorange: "ff8c00",
+ darkorchid: "9932cc",
+ darkred: "8b0000",
+ darksalmon: "e9967a",
+ darkseagreen: "8fbc8f",
+ darkslateblue: "483d8b",
+ darkslategray: "2f4f4f",
+ darkslategrey: "2f4f4f",
+ darkturquoise: "00ced1",
+ darkviolet: "9400d3",
+ deeppink: "ff1493",
+ deepskyblue: "00bfff",
+ dimgray: "696969",
+ dimgrey: "696969",
+ dodgerblue: "1e90ff",
+ firebrick: "b22222",
+ floralwhite: "fffaf0",
+ forestgreen: "228b22",
+ fuchsia: "f0f",
+ gainsboro: "dcdcdc",
+ ghostwhite: "f8f8ff",
+ gold: "ffd700",
+ goldenrod: "daa520",
+ gray: "808080",
+ green: "008000",
+ greenyellow: "adff2f",
+ grey: "808080",
+ honeydew: "f0fff0",
+ hotpink: "ff69b4",
+ indianred: "cd5c5c",
+ indigo: "4b0082",
+ ivory: "fffff0",
+ khaki: "f0e68c",
+ lavender: "e6e6fa",
+ lavenderblush: "fff0f5",
+ lawngreen: "7cfc00",
+ lemonchiffon: "fffacd",
+ lightblue: "add8e6",
+ lightcoral: "f08080",
+ lightcyan: "e0ffff",
+ lightgoldenrodyellow: "fafad2",
+ lightgray: "d3d3d3",
+ lightgreen: "90ee90",
+ lightgrey: "d3d3d3",
+ lightpink: "ffb6c1",
+ lightsalmon: "ffa07a",
+ lightseagreen: "20b2aa",
+ lightskyblue: "87cefa",
+ lightslategray: "789",
+ lightslategrey: "789",
+ lightsteelblue: "b0c4de",
+ lightyellow: "ffffe0",
+ lime: "0f0",
+ limegreen: "32cd32",
+ linen: "faf0e6",
+ magenta: "f0f",
+ maroon: "800000",
+ mediumaquamarine: "66cdaa",
+ mediumblue: "0000cd",
+ mediumorchid: "ba55d3",
+ mediumpurple: "9370db",
+ mediumseagreen: "3cb371",
+ mediumslateblue: "7b68ee",
+ mediumspringgreen: "00fa9a",
+ mediumturquoise: "48d1cc",
+ mediumvioletred: "c71585",
+ midnightblue: "191970",
+ mintcream: "f5fffa",
+ mistyrose: "ffe4e1",
+ moccasin: "ffe4b5",
+ navajowhite: "ffdead",
+ navy: "000080",
+ oldlace: "fdf5e6",
+ olive: "808000",
+ olivedrab: "6b8e23",
+ orange: "ffa500",
+ orangered: "ff4500",
+ orchid: "da70d6",
+ palegoldenrod: "eee8aa",
+ palegreen: "98fb98",
+ paleturquoise: "afeeee",
+ palevioletred: "db7093",
+ papayawhip: "ffefd5",
+ peachpuff: "ffdab9",
+ peru: "cd853f",
+ pink: "ffc0cb",
+ plum: "dda0dd",
+ powderblue: "b0e0e6",
+ purple: "800080",
+ red: "f00",
+ rosybrown: "bc8f8f",
+ royalblue: "4169e1",
+ saddlebrown: "8b4513",
+ salmon: "fa8072",
+ sandybrown: "f4a460",
+ seagreen: "2e8b57",
+ seashell: "fff5ee",
+ sienna: "a0522d",
+ silver: "c0c0c0",
+ skyblue: "87ceeb",
+ slateblue: "6a5acd",
+ slategray: "708090",
+ slategrey: "708090",
+ snow: "fffafa",
+ springgreen: "00ff7f",
+ steelblue: "4682b4",
+ tan: "d2b48c",
+ teal: "008080",
+ thistle: "d8bfd8",
+ tomato: "ff6347",
+ turquoise: "40e0d0",
+ violet: "ee82ee",
+ wheat: "f5deb3",
+ white: "fff",
+ whitesmoke: "f5f5f5",
+ yellow: "ff0",
+ yellowgreen: "9acd32"
+ };
+
+ // Make it easy to access colors via `hexNames[hex]`
+ var hexNames = tinycolor.hexNames = flip(names);
+
+
+ // Utilities
+ // ---------
+
+ // `{ 'name1': 'val1' }` becomes `{ 'val1': 'name1' }`
+ function flip(o) {
+ var flipped = { };
+ for (var i in o) {
+ if (o.hasOwnProperty(i)) {
+ flipped[o[i]] = i;
+ }
+ }
+ return flipped;
+ }
+
+ // Return a valid alpha value [0,1] with all invalid values being set to 1
+ function boundAlpha(a) {
+ a = parseFloat(a);
+
+ if (isNaN(a) || a < 0 || a > 1) {
+ a = 1;
+ }
+
+ return a;
+ }
+
+ // Take input from [0, n] and return it as [0, 1]
+ function bound01(n, max) {
+ if (isOnePointZero(n)) { n = "100%"; }
+
+ var processPercent = isPercentage(n);
+ n = mathMin(max, mathMax(0, parseFloat(n)));
+
+ // Automatically convert percentage into number
+ if (processPercent) {
+ n = parseInt(n * max, 10) / 100;
+ }
+
+ // Handle floating point rounding errors
+ if ((math.abs(n - max) < 0.000001)) {
+ return 1;
+ }
+
+ // Convert into [0, 1] range if it isn't already
+ return (n % max) / parseFloat(max);
+ }
+
+ // Force a number between 0 and 1
+ function clamp01(val) {
+ return mathMin(1, mathMax(0, val));
+ }
+
+ // Parse an integer into hex
+ function parseHex(val) {
+ return parseInt(val, 16);
+ }
+
+ // Need to handle 1.0 as 100%, since once it is a number, there is no difference between it and 1
+ //
+ function isOnePointZero(n) {
+ return typeof n == "string" && n.indexOf('.') != -1 && parseFloat(n) === 1;
+ }
+
+ // Check to see if string passed in is a percentage
+ function isPercentage(n) {
+ return typeof n === "string" && n.indexOf('%') != -1;
+ }
+
+ // Force a hex value to have 2 characters
+ function pad2(c) {
+ return c.length == 1 ? '0' + c : '' + c;
+ }
+
+ // Replace a decimal with it's percentage value
+ function convertToPercentage(n) {
+ if (n <= 1) {
+ n = (n * 100) + "%";
+ }
+
+ return n;
+ }
+
+ var matchers = (function() {
+
+ //
+ var CSS_INTEGER = "[-\\+]?\\d+%?";
+
+ //
+ var CSS_NUMBER = "[-\\+]?\\d*\\.\\d+%?";
+
+ // Allow positive/negative integer/number. Don't capture the either/or, just the entire outcome.
+ var CSS_UNIT = "(?:" + CSS_NUMBER + ")|(?:" + CSS_INTEGER + ")";
+
+ // Actual matching.
+ // Parentheses and commas are optional, but not required.
+ // Whitespace can take the place of commas or opening paren
+ var PERMISSIVE_MATCH3 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+ var PERMISSIVE_MATCH4 = "[\\s|\\(]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")[,|\\s]+(" + CSS_UNIT + ")\\s*\\)?";
+
+ return {
+ rgb: new RegExp("rgb" + PERMISSIVE_MATCH3),
+ rgba: new RegExp("rgba" + PERMISSIVE_MATCH4),
+ hsl: new RegExp("hsl" + PERMISSIVE_MATCH3),
+ hsla: new RegExp("hsla" + PERMISSIVE_MATCH4),
+ hsv: new RegExp("hsv" + PERMISSIVE_MATCH3),
+ hex3: /^([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,
+ hex6: /^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/
+ };
+ })();
+
+ // `stringInputToObject`
+ // Permissive string parsing. Take in a number of formats, and output an object
+ // based on detected format. Returns `{ r, g, b }` or `{ h, s, l }` or `{ h, s, v}`
+ function stringInputToObject(color) {
+
+ color = color.replace(trimLeft,'').replace(trimRight, '').toLowerCase();
+ var named = false;
+ if (names[color]) {
+ color = names[color];
+ named = true;
+ }
+ else if (color == 'transparent') {
+ return { r: 0, g: 0, b: 0, a: 0, format: "name" };
+ }
+
+ // Try to match string input using regular expressions.
+ // Keep most of the number bounding out of this function - don't worry about [0,1] or [0,100] or [0,360]
+ // Just return an object and let the conversion functions handle that.
+ // This way the result will be the same whether the tinycolor is initialized with string or object.
+ var match;
+ if ((match = matchers.rgb.exec(color))) {
+ return { r: match[1], g: match[2], b: match[3] };
+ }
+ if ((match = matchers.rgba.exec(color))) {
+ return { r: match[1], g: match[2], b: match[3], a: match[4] };
+ }
+ if ((match = matchers.hsl.exec(color))) {
+ return { h: match[1], s: match[2], l: match[3] };
+ }
+ if ((match = matchers.hsla.exec(color))) {
+ return { h: match[1], s: match[2], l: match[3], a: match[4] };
+ }
+ if ((match = matchers.hsv.exec(color))) {
+ return { h: match[1], s: match[2], v: match[3] };
+ }
+ if ((match = matchers.hex6.exec(color))) {
+ return {
+ r: parseHex(match[1]),
+ g: parseHex(match[2]),
+ b: parseHex(match[3]),
+ format: named ? "name" : "hex"
+ };
+ }
+ if ((match = matchers.hex3.exec(color))) {
+ return {
+ r: parseHex(match[1] + '' + match[1]),
+ g: parseHex(match[2] + '' + match[2]),
+ b: parseHex(match[3] + '' + match[3]),
+ format: named ? "name" : "hex"
+ };
+ }
+
+ return false;
+ }
+
+ // Expose tinycolor to window, does not need to run in non-browser context.
+ window.tinycolor = tinycolor;
+
+ })();
+ var tinycolor = window.tinycolor;
+
+ $(function () {
+ if ($.fn.spectrum.load) {
+ $.fn.spectrum.processNativeColorInputs();
+ }
+ });
+
+})(window, jQuery);
+;(function () {
+ var ns = $.namespace("pskl.rendering");
+
+ ns.DrawingLoop = function () {
+ this.requestAnimationFrame = this.getRequestAnimationFrameShim_();
+ this.isRunning = false;
+ this.previousTime = 0;
+ this.callbacks = [];
+ };
+
+ ns.DrawingLoop.prototype.addCallback = function (callback, scope, args) {
+ var callbackObj = {
+ fn : callback,
+ scope : scope,
+ args : args
+ };
+ this.callbacks.push(callbackObj);
+ return callbackObj;
+ };
+
+ ns.DrawingLoop.prototype.removeCallback = function (callbackObj) {
+ var index = this.callbacks.indexOf(callbackObj);
+ if (index != -1) {
+ this.callbacks.splice(index, 1);
+ }
+ };
+
+ ns.DrawingLoop.prototype.start = function () {
+ this.isRunning = true;
+ this.loop_();
+ };
+
+ ns.DrawingLoop.prototype.loop_ = function () {
+ var currentTime = Date.now();
+ var delta = currentTime - this.previousTime;
+ this.executeCallbacks_(delta);
+ this.previousTime = currentTime;
+ this.requestAnimationFrame.call(window, this.loop_.bind(this));
+ };
+
+ ns.DrawingLoop.prototype.executeCallbacks_ = function (deltaTime) {
+ for (var i = 0 ; i < this.callbacks.length ; i++) {
+ var cb = this.callbacks[i];
+ cb.fn.call(cb.scope, deltaTime, cb.args);
+ }
+ };
+
+ ns.DrawingLoop.prototype.stop = function () {
+ this.isRunning = false;
+ };
+
+ ns.DrawingLoop.prototype.getRequestAnimationFrameShim_ = function () {
+ var requestAnimationFrame = window.requestAnimationFrame ||
+ window.mozRequestAnimationFrame ||
+ window.webkitRequestAnimationFrame ||
+ window.msRequestAnimationFrame ||
+ function (callback) { window.setTimeout(callback, 1000/60); };
+
+ return requestAnimationFrame;
+ };
+})();;(function () {
+ var ns = $.namespace("pskl.model");
+ var __idCounter = 0;
+ ns.Frame = function (width, height) {
+ if (width && height) {
+ this.width = width;
+ this.height = height;
+ this.id = __idCounter++;
+ this.version = 0;
+ this.pixels = ns.Frame.createEmptyPixelGrid_(width, height);
+ this.stateIndex = 0;
+ } else {
+ throw 'Bad arguments in pskl.model.Frame constructor : ' + width + ', ' + height;
+ }
+ };
+
+ ns.Frame.fromPixelGrid = function (pixels) {
+ if (pixels.length && pixels[0].length) {
+ var w = pixels.length, h = pixels[0].length;
+ var frame = new pskl.model.Frame(w, h);
+ frame.setPixels(pixels);
+ return frame;
+ } else {
+ throw 'Bad arguments in pskl.model.Frame.fromPixelGrid : ' + pixels;
+ }
+ };
+
+ ns.Frame.createEmptyPixelGrid_ = function (width, height) {
+ var pixels = []; //new Array(width);
+ for (var columnIndex=0; columnIndex < width; columnIndex++) {
+ var columnArray = [];
+ for(var heightIndex = 0; heightIndex < height; heightIndex++) {
+ columnArray.push(Constants.TRANSPARENT_COLOR);
+ }
+ pixels[columnIndex] = columnArray;
+ }
+ return pixels;
+ };
+
+ ns.Frame.createEmptyFromFrame = function (frame) {
+ return new ns.Frame(frame.getWidth(), frame.getHeight());
+ };
+
+ ns.Frame.prototype.clone = function () {
+ var clone = new ns.Frame(this.width, this.height);
+ clone.setPixels(this.getPixels());
+ return clone;
+ };
+
+ /**
+ * Returns a copy of the pixels used by the frame
+ */
+ ns.Frame.prototype.getPixels = function () {
+ return this.clonePixels_(this.pixels);
+ };
+
+ /**
+ * Copies the passed pixels into the frame.
+ */
+ ns.Frame.prototype.setPixels = function (pixels) {
+ this.pixels = this.clonePixels_(pixels);
+ this.version++;
+ };
+
+ ns.Frame.prototype.clear = function () {
+ var pixels = ns.Frame.createEmptyPixelGrid_(this.getWidth(), this.getHeight());
+ this.setPixels(pixels);
+ };
+
+ /**
+ * Clone a set of pixels. Should be static utility method
+ * @private
+ */
+ ns.Frame.prototype.clonePixels_ = function (pixels) {
+ var clonedPixels = [];
+ for (var col = 0 ; col < pixels.length ; col++) {
+ clonedPixels[col] = pixels[col].slice(0 , pixels[col].length);
+ }
+ return clonedPixels;
+ };
+
+ ns.Frame.prototype.getHash = function () {
+ return [this.id, this.version].join('-');
+ };
+
+ ns.Frame.prototype.setPixel = function (x, y, color) {
+ if (this.containsPixel(x, y)) {
+ var p = this.pixels[x][y];
+ if (p !== color) {
+ this.pixels[x][y] = color;
+ this.version++;
+ }
+ }
+ };
+
+ ns.Frame.prototype.getPixel = function (x, y) {
+ if (this.containsPixel(x, y)) {
+ return this.pixels[x][y];
+ } else {
+ return null;
+ }
+ };
+
+ ns.Frame.prototype.forEachPixel = function (callback) {
+ var width = this.getWidth();
+ var height = this.getHeight();
+ for (var x = 0 ; x < width ; x++) {
+ for (var y = 0 ; y < height ; y++) {
+ callback(this.pixels[x][y], x, y, this);
+ }
+ }
+ };
+
+ ns.Frame.prototype.getWidth = function () {
+ return this.width;
+ };
+
+ ns.Frame.prototype.getHeight = function () {
+ return this.height;
+ };
+
+ ns.Frame.prototype.containsPixel = function (col, row) {
+ return col >= 0 && row >= 0 && col < this.width && row < this.height;
+ };
+
+ ns.Frame.prototype.isSameSize = function (otherFrame) {
+ return this.getHeight() == otherFrame.getHeight() && this.getWidth() == otherFrame.getWidth();
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.model');
+
+ ns.Layer = function (name) {
+ if (!name) {
+ throw 'Invalid arguments in Layer constructor : \'name\' is mandatory';
+ } else {
+ this.name = name;
+ this.frames = [];
+ }
+ };
+
+ /**
+ * Create a Layer instance from an already existing set a Frames
+ * @static
+ * @param {String} name layer's name
+ * @param {Array} frames should all have the same dimensions
+ * @return {pskl.model.Layer}
+ */
+ ns.Layer.fromFrames = function (name, frames) {
+ var layer = new ns.Layer(name);
+ frames.forEach(layer.addFrame.bind(layer));
+ return layer;
+ };
+
+ ns.Layer.prototype.getName = function () {
+ return this.name;
+ };
+
+ ns.Layer.prototype.setName = function (name) {
+ this.name = name;
+ };
+
+ ns.Layer.prototype.getFrames = function () {
+ return this.frames;
+ };
+
+ ns.Layer.prototype.getFrameAt = function (index) {
+ return this.frames[index];
+ };
+
+ ns.Layer.prototype.addFrame = function (frame) {
+ this.frames.push(frame);
+ };
+
+ ns.Layer.prototype.addFrameAt = function (frame, index) {
+ this.frames.splice(index, 0, frame);
+ };
+
+ ns.Layer.prototype.removeFrame = function (frame) {
+ var index = this.frames.indexOf(frame);
+ this.removeFrameAt(index);
+ };
+
+ ns.Layer.prototype.removeFrameAt = function (index) {
+ if (this.frames[index]) {
+ this.frames.splice(index, 1);
+ } else {
+ throw 'Invalid index in removeFrameAt : ' + index + ' (size : ' + this.size() + ')';
+ }
+ };
+
+ ns.Layer.prototype.moveFrame = function (fromIndex, toIndex) {
+ var frame = this.frames.splice(fromIndex, 1)[0];
+ this.frames.splice(toIndex, 0, frame);
+ };
+
+ ns.Layer.prototype.swapFramesAt = function (fromIndex, toIndex) {
+ var fromFrame = this.frames[fromIndex];
+ var toFrame = this.frames[toIndex];
+ if (fromFrame && toFrame) {
+ this.frames[toIndex] = fromFrame;
+ this.frames[fromIndex] = toFrame;
+ } else {
+ console.log('frames', this.frames);
+ console.log('fromIndex', fromIndex, 'toIndex', toIndex);
+ throw 'Frame not found in moveFrameAt';
+ }
+ };
+
+ ns.Layer.prototype.duplicateFrame = function (frame) {
+ var index = this.frames.indexOf(frame);
+ this.duplicateFrameAt(index);
+ };
+
+ ns.Layer.prototype.duplicateFrameAt = function (index) {
+ var frame = this.frames[index];
+ if (frame) {
+ var clone = frame.clone();
+ this.addFrameAt(clone, index);
+ } else {
+ throw 'Frame not found in duplicateFrameAt';
+ }
+ };
+
+ ns.Layer.prototype.size = function () {
+ return this.frames.length;
+ };
+
+ ns.Layer.prototype.getHash = function () {
+ return this.frames.map(function (frame) {
+ return frame.getHash();
+ }).join('-');
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.model.piskel');
+
+ ns.Descriptor = function (name, description, isPublic) {
+ this.name = name;
+ this.description = description;
+ this.isPublic = isPublic;
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.model.frame');
+
+
+ var DEFAULT_CLEAR_INTERVAL = 10 * 60 *1000;
+
+ var DEFAULT_FRAME_PROCESSOR = function (frame) {
+ return pskl.utils.FrameUtils.toImage(frame);
+ };
+
+ var DEFAULT_OUTPUT_CLONER = function (o) {return o;};
+
+ var DEFAULT_NAMESPACE = '__cache_default__';
+
+ ns.CachedFrameProcessor = function (cacheResetInterval) {
+ this.cache_ = {};
+ this.cacheResetInterval = cacheResetInterval || DEFAULT_CLEAR_INTERVAL;
+ this.frameProcessor = DEFAULT_FRAME_PROCESSOR;
+ this.outputCloner = DEFAULT_OUTPUT_CLONER;
+
+ window.setInterval(this.clear.bind(this), this.cacheResetInterval);
+ };
+
+ ns.CachedFrameProcessor.prototype.clear = function () {
+ this.cache_ = {};
+ };
+
+ /**
+ * Set the processor function that will be called when there is a cache miss
+ * Function with 1 argument : pskl.model.Frame
+ * @param {Function} frameProcessor
+ */
+ ns.CachedFrameProcessor.prototype.setFrameProcessor = function (frameProcessor) {
+ this.frameProcessor = frameProcessor;
+ };
+
+ /**
+ * Set the cloner that will be called when there is a miss on the 1st level cache
+ * but a hit on the 2nd level cache.
+ * Function with 2 arguments : cached value, frame
+ * @param {Function} outputCloner
+ */
+ ns.CachedFrameProcessor.prototype.setOutputCloner = function (outputCloner) {
+ this.outputCloner = outputCloner;
+ };
+
+ /**
+ * Retrieve the processed frame from the cache, in the (optional) namespace
+ * If the first level cache is empty, attempt to clone it from 2nd level cache. If second level cache is empty process the frame.
+ * @param {pskl.model.Frame} frame
+ * @param {String} namespace
+ * @return {Object} the processed frame
+ */
+ ns.CachedFrameProcessor.prototype.get = function (frame, namespace) {
+ var processedFrame = null;
+ namespace = namespace || DEFAULT_NAMESPACE;
+
+ if (!this.cache_[namespace]) {
+ this.cache_[namespace] = {};
+ }
+
+ var cache = this.cache_[namespace];
+
+ var cacheKey = frame.getHash();
+ if (cache[cacheKey]) {
+ processedFrame = cache[cacheKey];
+ } else {
+ var frameAsString = pskl.utils.hashCode(JSON.stringify(frame.getPixels()));
+ if (cache[frameAsString]) {
+ processedFrame = this.outputCloner(cache[frameAsString], frame);
+ } else {
+ processedFrame = this.frameProcessor(frame);
+ cache[frameAsString] = processedFrame;
+ }
+ cache[cacheKey] = processedFrame;
+ }
+ return processedFrame;
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.model');
+
+ ns.Palette = function (id, name, colors) {
+ this.id = id;
+ this.name = name;
+ this.colors = colors;
+ };
+
+ ns.Palette.fromObject = function (paletteObj) {
+ var colors = paletteObj.colors.slice(0 , paletteObj.colors.length);
+ return new ns.Palette(paletteObj.id, paletteObj.name, colors);
+ };
+
+ ns.Palette.prototype.getColors = function () {
+ return this.colors;
+ };
+
+ ns.Palette.prototype.setColors = function (colors) {
+ this.colors = colors;
+ };
+
+ ns.Palette.prototype.get = function (index) {
+ return this.colors[index];
+ };
+
+ ns.Palette.prototype.set = function (index, color) {
+ this.colors[index] = color;
+ };
+
+ ns.Palette.prototype.add = function (color) {
+ this.colors.push(color);
+ };
+
+ ns.Palette.prototype.size = function () {
+ return this.colors.length;
+ };
+
+ ns.Palette.prototype.removeAt = function (index) {
+ this.colors.splice(index, 1);
+ };
+
+ ns.Palette.prototype.move = function (oldIndex, newIndex) {
+ this.colors.splice(newIndex, 0, this.colors.splice(oldIndex, 1)[0]);
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.model');
+
+ /**
+ * @constructor
+ * @param {Number} width
+ * @param {Number} height
+ * @param {String} name
+ * @param {String} description
+ */
+ ns.Piskel = function (width, height, descriptor) {
+ if (width && height && descriptor) {
+ /** @type {Array} */
+ this.layers = [];
+
+ /** @type {Number} */
+ this.width = width;
+
+ /** @type {Number} */
+ this.height = height;
+
+ this.descriptor = descriptor;
+ } else {
+ throw 'Missing arguments in Piskel constructor : ' + Array.prototype.join.call(arguments, ",");
+ }
+ };
+
+ /**
+ * Create a piskel instance from an existing set of (non empty) layers
+ * Layers should all be synchronized : same number of frames, same dimensions
+ * @param {Array} layers
+ * @return {pskl.model.Piskel}
+ */
+ ns.Piskel.fromLayers = function (layers, descriptor) {
+ var piskel = null;
+ if (layers.length > 0 && layers[0].size() > 0) {
+ var sampleFrame = layers[0].getFrameAt(0);
+ piskel = new pskl.model.Piskel(sampleFrame.getWidth(), sampleFrame.getHeight(), descriptor);
+ layers.forEach(piskel.addLayer.bind(piskel));
+ } else {
+ throw 'Piskel.fromLayers expects array of non empty pskl.model.Layer as first argument';
+ }
+ return piskel;
+ };
+
+ ns.Piskel.prototype.getLayers = function () {
+ return this.layers;
+ };
+
+ ns.Piskel.prototype.getHeight = function () {
+ return this.height;
+ };
+
+ ns.Piskel.prototype.getWidth = function () {
+ return this.width;
+ };
+
+ ns.Piskel.prototype.getLayers = function () {
+ return this.layers;
+ };
+
+ ns.Piskel.prototype.getLayerAt = function (index) {
+ return this.layers[index];
+ };
+
+ ns.Piskel.prototype.getLayersByName = function (name) {
+ return this.layers.filter(function (l) {
+ return l.getName() == name;
+ });
+ };
+
+ ns.Piskel.prototype.addLayer = function (layer) {
+ this.layers.push(layer);
+ };
+
+ ns.Piskel.prototype.addLayerAt = function (layer, index) {
+ this.layers.splice(index, 0, layer);
+ };
+
+ ns.Piskel.prototype.moveLayerUp = function (layer) {
+ var index = this.layers.indexOf(layer);
+ if (index > -1 && index < this.layers.length-1) {
+ this.layers[index] = this.layers[index+1];
+ this.layers[index+1] = layer;
+ }
+ };
+
+ ns.Piskel.prototype.moveLayerDown = function (layer) {
+ var index = this.layers.indexOf(layer);
+ if (index > 0) {
+ this.layers[index] = this.layers[index-1];
+ this.layers[index-1] = layer;
+ }
+ };
+
+ ns.Piskel.prototype.removeLayer = function (layer) {
+ var index = this.layers.indexOf(layer);
+ if (index != -1) {
+ this.layers.splice(index, 1);
+ }
+ };
+
+ ns.Piskel.prototype.removeLayerAt = function (index) {
+ this.layers.splice(index, 1);
+ };
+
+ ns.Piskel.prototype.getDescriptor = function () {
+ return this.descriptor;
+ };
+
+ ns.Piskel.prototype.setDescriptor = function (descriptor) {
+ this.descriptor = descriptor;
+ var appEngineEditorHeader = $('.piskel-name').html(this.descriptor.name);
+ };
+
+ ns.Piskel.prototype.getHash = function () {
+ return this.layers.map(function (layer) {
+ return layer.getHash();
+ }).join('-');
+ };
+
+})();;(function () {
+ var ns = $.namespace("pskl.selection");
+
+ var SELECTION_REPLAY = {
+ PASTE : 'REPLAY_PASTE',
+ ERASE : 'REPLAY_ERASE'
+ };
+
+ ns.SelectionManager = function (piskelController) {
+
+ this.piskelController = piskelController;
+
+ this.currentSelection = null;
+ };
+
+ ns.SelectionManager.prototype.init = function () {
+ $.subscribe(Events.SELECTION_CREATED, $.proxy(this.onSelectionCreated_, this));
+ $.subscribe(Events.SELECTION_DISMISSED, $.proxy(this.onSelectionDismissed_, this));
+ $.subscribe(Events.SELECTION_MOVE_REQUEST, $.proxy(this.onSelectionMoved_, this));
+
+ pskl.app.shortcutService.addShortcut('ctrl+V', this.paste.bind(this));
+ pskl.app.shortcutService.addShortcut('ctrl+X', this.cut.bind(this));
+ pskl.app.shortcutService.addShortcut('ctrl+C', this.copy.bind(this));
+ pskl.app.shortcutService.addShortcut('del', this.erase.bind(this));
+ pskl.app.shortcutService.addShortcut('back', this.onBackPressed_.bind(this));
+
+ $.subscribe(Events.TOOL_SELECTED, $.proxy(this.onToolSelected_, this));
+ };
+
+ /**
+ * @private
+ */
+ ns.SelectionManager.prototype.cleanSelection_ = function() {
+ if(this.currentSelection) {
+ this.currentSelection.reset();
+ this.currentSelection = null;
+ }
+ };
+
+ /**
+ * @private
+ */
+ ns.SelectionManager.prototype.onToolSelected_ = function(evt, tool) {
+ var isSelectionTool = tool instanceof pskl.tools.drawing.BaseSelect;
+ if(!isSelectionTool) {
+ this.cleanSelection_();
+ }
+ };
+
+ /**
+ * @private
+ */
+ ns.SelectionManager.prototype.onSelectionDismissed_ = function(evt) {
+ this.cleanSelection_();
+ };
+
+ ns.SelectionManager.prototype.onBackPressed_ = function(evt) {
+ if (this.currentSelection) {
+ this.erase();
+ } else {
+ return true; // bubble
+ }
+ };
+
+ ns.SelectionManager.prototype.erase = function () {
+ var pixels = this.currentSelection.pixels;
+ var currentFrame = this.piskelController.getCurrentFrame();
+ for(var i=0, l=pixels.length; i 0) {
+ return this.renderers[0];
+ } else {
+ throw 'Renderer manager is empty';
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.rendering.layer');
+
+ ns.LayersRenderer = function (container, renderingOptions, piskelController) {
+ pskl.rendering.CompositeRenderer.call(this);
+
+ this.piskelController = piskelController;
+
+ // Do not use CachedFrameRenderers here, since the caching will be performed in the render method of LayersRenderer
+ this.belowRenderer = new pskl.rendering.frame.FrameRenderer(container, renderingOptions, ["layers-canvas", "layers-below-canvas"]);
+ this.aboveRenderer = new pskl.rendering.frame.FrameRenderer(container, renderingOptions, ["layers-canvas", "layers-above-canvas"]);
+
+ this.add(this.belowRenderer);
+ this.add(this.aboveRenderer);
+
+ this.serializedRendering = '';
+
+ $.subscribe(Events.PISKEL_RESET, this.flush.bind(this));
+ };
+
+ pskl.utils.inherit(pskl.rendering.layer.LayersRenderer, pskl.rendering.CompositeRenderer);
+
+ ns.LayersRenderer.prototype.render = function () {
+ var offset = this.getOffset();
+ var size = this.getDisplaySize();
+ var layers = this.piskelController.getLayers();
+ var currentFrameIndex = this.piskelController.getCurrentFrameIndex();
+ var currentLayerIndex = this.piskelController.getCurrentLayerIndex();
+
+ var downLayers = layers.slice(0, currentLayerIndex);
+ var upLayers = layers.slice(currentLayerIndex + 1, layers.length);
+
+
+ var serializedRendering = [
+ this.getZoom(),
+ this.getGridWidth(),
+ offset.x,
+ offset.y,
+ size.width,
+ size.height,
+ this.getHashForLayersAt_(currentFrameIndex, downLayers),
+ this.getHashForLayersAt_(currentFrameIndex, upLayers),
+ layers.length
+ ].join("-");
+
+
+ if (this.serializedRendering != serializedRendering) {
+ this.serializedRendering = serializedRendering;
+
+ this.clear();
+
+ if (downLayers.length > 0) {
+ var downFrame = this.getFrameForLayersAt_(currentFrameIndex, downLayers);
+ this.belowRenderer.render(downFrame);
+ }
+
+ if (upLayers.length > 0) {
+ var upFrame = this.getFrameForLayersAt_(currentFrameIndex, upLayers);
+ this.aboveRenderer.render(upFrame);
+ }
+ }
+ };
+
+ /**
+ * See @pskl.rendering.frame.CachedFrameRenderer
+ * Same issue : FrameRenderer setDisplaySize destroys the canvas
+ * @param {Number} width
+ * @param {Number} height
+ */
+ ns.LayersRenderer.prototype.setDisplaySize = function (width, height) {
+ var size = this.getDisplaySize();
+ if (size.width !== width || size.height !== height) {
+ this.superclass.setDisplaySize.call(this, width, height);
+ }
+ };
+
+ ns.LayersRenderer.prototype.getFrameForLayersAt_ = function (frameIndex, layers) {
+ var frames = layers.map(function (l) {
+ return l.getFrameAt(frameIndex);
+ });
+ return pskl.utils.FrameUtils.merge(frames);
+ };
+
+ ns.LayersRenderer.prototype.getHashForLayersAt_ = function (frameIndex, layers) {
+ var hash = layers.map(function (l) {
+ return l.getFrameAt(frameIndex).getHash();
+ });
+ return hash.join('-');
+ };
+
+ ns.LayersRenderer.prototype.flush = function () {
+ this.serializedRendering = '';
+ };
+})();
+;(function () {
+ var ns = $.namespace("pskl.rendering.frame");
+
+ /**
+ * FrameRenderer will display a given frame inside a canvas element.
+ * @param {HtmlElement} container HtmlElement to use as parentNode of the Frame
+ * @param {Object} renderingOptions
+ * @param {Array} classList array of strings to use for css classList
+ */
+ ns.FrameRenderer = function (container, renderingOptions, classList) {
+ this.defaultRenderingOptions = {
+ 'supportGridRendering' : false,
+ 'zoom' : 1
+ };
+
+ renderingOptions = $.extend(true, {}, this.defaultRenderingOptions, renderingOptions);
+
+ if(container === undefined) {
+ throw 'Bad FrameRenderer initialization. undefined.';
+ }
+
+ if(isNaN(renderingOptions.zoom)) {
+ throw 'Bad FrameRenderer initialization. not well defined.';
+ }
+
+ this.container = container;
+
+ this.zoom = renderingOptions.zoom;
+
+ this.offset = {
+ x : 0,
+ y : 0
+ };
+
+ this.margin = {
+ x : 0,
+ y : 0
+ };
+
+ this.supportGridRendering = renderingOptions.supportGridRendering;
+
+ this.classList = classList || [];
+ this.classList.push('canvas');
+
+ /**
+ * Off dom canvas, will be used to draw the frame at 1:1 ratio
+ * @type {HTMLElement}
+ */
+ this.canvas = null;
+
+ /**
+ * Displayed canvas, scaled-up from the offdom canvas
+ * @type {HTMLElement}
+ */
+ this.displayCanvas = null;
+ this.setDisplaySize(renderingOptions.width, renderingOptions.height);
+
+ this.setGridWidth(pskl.UserSettings.get(pskl.UserSettings.GRID_WIDTH));
+
+ $.subscribe(Events.USER_SETTINGS_CHANGED, this.onUserSettingsChange_.bind(this));
+ };
+
+ pskl.utils.inherit(pskl.rendering.frame.FrameRenderer, pskl.rendering.AbstractRenderer);
+
+ ns.FrameRenderer.prototype.render = function (frame) {
+ if (frame) {
+ this.clear();
+ this.renderFrame_(frame);
+ }
+ };
+
+ ns.FrameRenderer.prototype.clear = function () {
+ pskl.utils.CanvasUtils.clear(this.canvas);
+ pskl.utils.CanvasUtils.clear(this.displayCanvas);
+ };
+
+ ns.FrameRenderer.prototype.setZoom = function (zoom) {
+ if (zoom > Constants.MINIMUM_ZOOM) {
+ // back up center coordinates
+ var centerX = this.offset.x + (this.displayWidth/(2*this.zoom));
+ var centerY = this.offset.y + (this.displayHeight/(2*this.zoom));
+
+ this.zoom = zoom;
+ // recenter
+ this.setOffset(
+ centerX - (this.displayWidth/(2*this.zoom)),
+ centerY - (this.displayHeight/(2*this.zoom))
+ );
+ }
+ };
+
+ ns.FrameRenderer.prototype.getZoom = function () {
+ return this.zoom;
+ };
+
+ ns.FrameRenderer.prototype.setDisplaySize = function (width, height) {
+ this.displayWidth = width;
+ this.displayHeight = height;
+ if (this.displayCanvas) {
+ $(this.displayCanvas).remove();
+ this.displayCanvas = null;
+ }
+ this.createDisplayCanvas_();
+ };
+
+ ns.FrameRenderer.prototype.getDisplaySize = function () {
+ return {
+ height : this.displayHeight,
+ width : this.displayWidth
+ };
+ };
+
+ ns.FrameRenderer.prototype.getOffset = function () {
+ return {
+ x : this.offset.x,
+ y : this.offset.y
+ };
+ };
+
+ ns.FrameRenderer.prototype.setOffset = function (x, y) {
+ var width = pskl.app.piskelController.getWidth();
+ var height = pskl.app.piskelController.getHeight();
+ var maxX = width - (this.displayWidth/this.zoom);
+ x = pskl.utils.Math.minmax(x, 0, maxX);
+ var maxY = height - (this.displayHeight/this.zoom);
+ y = pskl.utils.Math.minmax(y, 0, maxY);
+
+ this.offset.x = x;
+ this.offset.y = y;
+ };
+
+ ns.FrameRenderer.prototype.setGridWidth = function (value) {
+ this.gridWidth_ = value;
+ };
+
+ ns.FrameRenderer.prototype.getGridWidth = function () {
+ if (this.supportGridRendering) {
+ return this.gridWidth_;
+ } else {
+ return 0;
+ }
+ };
+
+ ns.FrameRenderer.prototype.updateMargins_ = function (frame) {
+ var deltaX = this.displayWidth - (this.zoom * frame.getWidth());
+ this.margin.x = Math.max(0, deltaX) / 2;
+
+ var deltaY = this.displayHeight - (this.zoom * frame.getHeight());
+ this.margin.y = Math.max(0, deltaY) / 2;
+ };
+
+ ns.FrameRenderer.prototype.createDisplayCanvas_ = function () {
+ var height = this.displayHeight;
+ var width = this.displayWidth;
+
+ this.displayCanvas = pskl.utils.CanvasUtils.createCanvas(width, height, this.classList);
+ pskl.utils.CanvasUtils.disableImageSmoothing(this.displayCanvas);
+ this.container.append(this.displayCanvas);
+ };
+
+ ns.FrameRenderer.prototype.onUserSettingsChange_ = function (evt, settingName, settingValue) {
+ if (settingName == pskl.UserSettings.GRID_WIDTH) {
+ this.setGridWidth(settingValue);
+ }
+ };
+
+ /**
+ * Transform a screen pixel-based coordinate (relative to the top-left corner of the rendered
+ * frame) into a sprite coordinate in column and row.
+ * @public
+ */
+ ns.FrameRenderer.prototype.getCoordinates = function(x, y) {
+ var containerOffset = this.container.offset();
+ x = x - containerOffset.left;
+ y = y - containerOffset.top;
+
+ // apply margins
+ x = x - this.margin.x;
+ y = y - this.margin.y;
+
+ var cellSize = this.zoom;
+ // apply frame offset
+ x = x + this.offset.x * cellSize;
+ y = y + this.offset.y * cellSize;
+
+ return {
+ x : Math.floor(x / cellSize),
+ y : Math.floor(y / cellSize)
+ };
+ };
+
+ ns.FrameRenderer.prototype.reverseCoordinates = function(x, y) {
+ var cellSize = this.zoom;
+
+ x = x * cellSize;
+ y = y * cellSize;
+
+ x = x - this.offset.x * cellSize;
+ y = y - this.offset.y * cellSize;
+
+ x = x + this.margin.x;
+ y = y + this.margin.y;
+
+ var containerOffset = this.container.offset();
+ x = x + containerOffset.left;
+ y = y + containerOffset.top;
+
+ return {
+ x : x + (cellSize/2),
+ y : y + (cellSize/2)
+ };
+ };
+
+ /**
+ * @private
+ */
+ ns.FrameRenderer.prototype.renderFrame_ = function (frame) {
+ if (!this.canvas || frame.getWidth() != this.canvas.width || frame.getHeight() != this.canvas.height) {
+ this.canvas = pskl.utils.CanvasUtils.createCanvas(frame.getWidth(), frame.getHeight());
+ }
+
+ var context = this.canvas.getContext('2d');
+ for(var x = 0, width = frame.getWidth(); x < width; x++) {
+ for(var y = 0, height = frame.getHeight(); y < height; y++) {
+ var color = frame.getPixel(x, y);
+ var w = 1;
+ while (color === frame.getPixel(x, y+w)) {
+ w++;
+ }
+ this.renderLine_(color, x, y, w, context);
+ y = y + w - 1;
+ }
+ }
+
+ this.updateMargins_(frame);
+
+ var displayContext = this.displayCanvas.getContext('2d');
+ displayContext.save();
+
+ if (this.canvas.width*this.zoom < this.displayCanvas.width || this.canvas.height*this.zoom < this.displayCanvas.height) {
+ displayContext.fillStyle = Constants.ZOOMED_OUT_BACKGROUND_COLOR;
+ displayContext.fillRect(0,0,this.displayCanvas.width, this.displayCanvas.height);
+ }
+
+ displayContext.translate(
+ this.margin.x-this.offset.x*this.zoom,
+ this.margin.y-this.offset.y*this.zoom
+ );
+
+ displayContext.clearRect(0, 0, this.canvas.width*this.zoom, this.canvas.height*this.zoom);
+
+ var isIE10 = pskl.utils.UserAgent.isIE && pskl.utils.UserAgent.version === 10;
+
+ var gridWidth = this.getGridWidth();
+ var isGridEnabled = gridWidth > 0;
+ if (isGridEnabled || isIE10) {
+ var scaled = pskl.utils.ImageResizer.resizeNearestNeighbour(this.canvas, this.zoom, gridWidth);
+ displayContext.drawImage(scaled, 0, 0);
+ } else {
+ displayContext.scale(this.zoom, this.zoom);
+ displayContext.drawImage(this.canvas, 0, 0);
+ }
+ displayContext.restore();
+ };
+
+ ns.FrameRenderer.prototype.renderPixel_ = function (color, x, y, context) {
+ if(color != Constants.TRANSPARENT_COLOR) {
+ context.fillStyle = color;
+ context.fillRect(x, y, 1, 1);
+ }
+ };
+
+ ns.FrameRenderer.prototype.renderLine_ = function (color, x, y, width, context) {
+ if(color != Constants.TRANSPARENT_COLOR) {
+ context.fillStyle = color;
+ context.fillRect(x, y, 1, width);
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.rendering');
+
+ ns.OnionSkinRenderer = function (renderer, piskelController) {
+ pskl.rendering.CompositeRenderer.call(this);
+
+ this.piskelController = piskelController;
+ this.renderer = renderer;
+ this.add(this.renderer);
+
+ this.hash = '';
+ };
+
+ ns.OnionSkinRenderer.createInContainer = function (container, renderingOptions, piskelController) {
+ // Do not use CachedFrameRenderers here, caching is performed in the render method
+ var renderer = new pskl.rendering.frame.FrameRenderer(container, renderingOptions, ['onion-skin-canvas']);
+ return new ns.OnionSkinRenderer(renderer, piskelController);
+ };
+
+ pskl.utils.inherit(pskl.rendering.OnionSkinRenderer, pskl.rendering.CompositeRenderer);
+
+ ns.OnionSkinRenderer.prototype.render = function () {
+ var frames = this.getOnionFrames_();
+ var hash = this.computeHash_(frames);
+ if (this.hash != hash) {
+ this.hash = hash;
+ this.clear();
+ if (frames.length > 0) {
+ var mergedFrame = pskl.utils.FrameUtils.merge(frames);
+ this.renderer.render(mergedFrame);
+ }
+ }
+ };
+
+ ns.OnionSkinRenderer.prototype.getOnionFrames_ = function () {
+ var frames = [];
+
+ var currentFrameIndex = this.piskelController.getCurrentFrameIndex();
+ var layer = this.piskelController.getCurrentLayer();
+
+ var previousIndex = currentFrameIndex - 1;
+ var previousFrame = layer.getFrameAt(previousIndex);
+ if (previousFrame) {
+ frames.push(previousFrame);
+ }
+
+ var nextIndex = currentFrameIndex + 1;
+ var nextFrame = layer.getFrameAt(nextIndex);
+ if (nextFrame) {
+ frames.push(nextFrame);
+ }
+
+ return frames;
+ };
+
+ ns.OnionSkinRenderer.prototype.computeHash_ = function (frames) {
+ var offset = this.getOffset();
+ var size = this.getDisplaySize();
+ var layers = this.piskelController.getLayers();
+ return [
+ this.getZoom(),
+ this.getGridWidth(),
+ offset.x,
+ offset.y,
+ size.width,
+ size.height,
+ frames.map(function (f) {
+ return f.getHash();
+ }).join('-'),
+ layers.length
+ ].join('-');
+ };
+
+ /**
+ * See @pskl.rendering.frame.CachedFrameRenderer
+ * Same issue : FrameRenderer setDisplaySize destroys the canvas
+ * @param {Number} width
+ * @param {Number} height
+ */
+ ns.OnionSkinRenderer.prototype.setDisplaySize = function (width, height) {
+ var size = this.getDisplaySize();
+ if (size.width !== width || size.height !== height) {
+ this.superclass.setDisplaySize.call(this, width, height);
+ }
+ };
+
+ ns.OnionSkinRenderer.prototype.flush = function () {
+ this.hash = '';
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.rendering.frame');
+
+ ns.TiledFrameRenderer = function (container, zoom) {
+ this.container = container;
+ this.setZoom(zoom);
+
+ var containerEl = container.get(0);
+ var containerDocument = containerEl.ownerDocument;
+ this.displayContainer = containerDocument.createElement('div');
+ this.displayContainer.classList.add('tiled-frame-container');
+ container.get(0).appendChild(this.displayContainer);
+
+ this.cachedFrameProcessor = new pskl.model.frame.CachedFrameProcessor();
+ this.cachedFrameProcessor.setFrameProcessor(this.frameToDataUrl_.bind(this));
+ };
+
+ ns.TiledFrameRenderer.prototype.frameToDataUrl_ = function (frame) {
+ var canvas = new pskl.utils.FrameUtils.toImage(frame, this.zoom);
+ return canvas.toDataURL('image/png');
+ };
+
+ ns.TiledFrameRenderer.prototype.render = function (frame) {
+ var imageSrc = this.cachedFrameProcessor.get(frame, this.zoom);
+ this.displayContainer.style.backgroundImage = 'url(' + imageSrc + ')';
+ };
+
+ ns.TiledFrameRenderer.prototype.show = function () {
+ if (this.displayContainer) {
+ this.displayContainer.style.display = 'block';
+ }
+ };
+
+ ns.TiledFrameRenderer.prototype.setZoom = function (zoom) {
+ this.zoom = zoom;
+ };
+
+ ns.TiledFrameRenderer.prototype.getZoom = function () {
+ return this.zoom;
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.rendering.frame');
+
+ /**
+ * FrameRenderer implementation that prevents unnecessary redraws.
+ * @param {HtmlElement} container HtmlElement to use as parentNode of the Frame
+ * @param {Object} renderingOptions
+ * @param {Array} classList array of strings to use for css classes
+ */
+ ns.CachedFrameRenderer = function (container, renderingOptions, classList) {
+ pskl.rendering.frame.FrameRenderer.call(this, container, renderingOptions, classList);
+ this.serializedFrame = '';
+ };
+
+ pskl.utils.inherit(pskl.rendering.frame.CachedFrameRenderer, pskl.rendering.frame.FrameRenderer);
+
+ /**
+ * Only call display size if provided values are different from current values.
+ * FrameRenderer:setDisplaySize destroys the underlying canvas
+ * If the canvas is destroyed, a rendering is mandatory.
+ * (Alternatively we could find a way to force the rendering of the CachedFrameRenderer from the outside)
+ * @param {Number} width
+ * @param {Number} height
+ */
+ ns.CachedFrameRenderer.prototype.setDisplaySize = function (width, height) {
+ if (this.displayWidth !== width || this.displayHeight !== height) {
+ this.superclass.setDisplaySize.call(this, width, height);
+ }
+ };
+
+ ns.CachedFrameRenderer.prototype.render = function (frame) {
+ var offset = this.getOffset();
+ var size = this.getDisplaySize();
+ var serializedFrame = [
+ this.getZoom(),
+ this.getGridWidth(),
+ offset.x, offset.y,
+ size.width, size.height,
+ frame.getHash()
+ ].join('-');
+ if (this.serializedFrame != serializedFrame) {
+ // console.log('rendering')
+ this.serializedFrame = serializedFrame;
+ this.superclass.render.call(this, frame);
+ }
+ };
+})();
+;(function () {
+
+ var ns = $.namespace("pskl.rendering");
+ ns.CanvasRenderer = function (frame, zoom) {
+ this.frame = frame;
+ this.zoom = zoom;
+ this.transparentColor_ = 'white';
+ };
+
+ /**
+ * Decide which color should be used to represent transparent pixels
+ * Default : white
+ * @param {String} color the color to use either as '#ABCDEF' or 'red' or 'rgb(x,y,z)' or 'rgba(x,y,z,a)'
+ */
+ ns.CanvasRenderer.prototype.drawTransparentAs = function (color) {
+ this.transparentColor_ = color;
+ };
+
+ ns.CanvasRenderer.prototype.render = function () {
+ var canvas = this.createCanvas_();
+ var context = canvas.getContext('2d');
+
+ for(var x = 0, width = this.frame.getWidth(); x < width; x++) {
+ for(var y = 0, height = this.frame.getHeight(); y < height; y++) {
+ var color = this.frame.getPixel(x, y);
+ var w = 1;
+ while (color === this.frame.getPixel(x, y+w)) {
+ w++;
+ }
+ this.renderLine_(color, x, y, w, context);
+ y = y + w - 1;
+ }
+ }
+
+ var scaledCanvas = this.createCanvas_(this.zoom);
+ var scaledContext = scaledCanvas.getContext('2d');
+ pskl.utils.CanvasUtils.disableImageSmoothing(scaledCanvas);
+ scaledContext.scale(this.zoom, this.zoom);
+ scaledContext.drawImage(canvas, 0, 0);
+
+ return scaledCanvas;
+ };
+
+ ns.CanvasRenderer.prototype.renderPixel_ = function (color, x, y, context) {
+ if(color == Constants.TRANSPARENT_COLOR) {
+ color = this.transparentColor_;
+ }
+ context.fillStyle = color;
+ context.fillRect(x, y, 1, 1);
+ };
+
+ ns.CanvasRenderer.prototype.renderLine_ = function (color, x, y, width, context) {
+ if(color == Constants.TRANSPARENT_COLOR) {
+ color = this.transparentColor_;
+ }
+ context.fillStyle = color;
+ context.fillRect(x, y, 1, width);
+ };
+
+ ns.CanvasRenderer.prototype.createCanvas_ = function (zoom) {
+ zoom = zoom || 1;
+ var width = this.frame.getWidth() * zoom;
+ var height = this.frame.getHeight() * zoom;
+ return pskl.utils.CanvasUtils.createCanvas(width, height);
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.rendering');
+
+ /**
+ * Render an array of frames
+ * @param {Array.} frames
+ */
+ ns.FramesheetRenderer = function (frames) {
+ if (frames.length > 0) {
+ this.frames = frames;
+ } else {
+ throw 'FramesheetRenderer : Invalid argument : frames is empty';
+ }
+ };
+
+ ns.FramesheetRenderer.prototype.renderAsCanvas = function () {
+ var canvas = this.createCanvas_();
+ for (var i = 0 ; i < this.frames.length ; i++) {
+ var frame = this.frames[i];
+ this.drawFrameInCanvas_(frame, canvas, i * frame.getWidth(), 0);
+ }
+ return canvas;
+ };
+
+ ns.FramesheetRenderer.prototype.drawFrameInCanvas_ = function (frame, canvas, offsetWidth, offsetHeight) {
+ var context = canvas.getContext('2d');
+ frame.forEachPixel(function (color, x, y) {
+ if(color != Constants.TRANSPARENT_COLOR) {
+ context.fillStyle = color;
+ context.fillRect(x + offsetWidth, y + offsetHeight, 1, 1);
+ }
+ });
+ };
+
+ ns.FramesheetRenderer.prototype.createCanvas_ = function () {
+ var sampleFrame = this.frames[0];
+ var count = this.frames.length;
+ var width = count * sampleFrame.getWidth();
+ var height = sampleFrame.getHeight();
+ return pskl.utils.CanvasUtils.createCanvas(width, height);
+ };
+
+})();;(function () {
+
+ var ns = $.namespace("pskl.rendering");
+
+ ns.PiskelRenderer = function (piskelController) {
+ var frames = [];
+ for (var i = 0 ; i < piskelController.getFrameCount() ; i++) {
+ frames.push(piskelController.getFrameAt(i));
+ }
+ ns.FramesheetRenderer.call(this, frames);
+ };
+
+ pskl.utils.inherit(ns.PiskelRenderer, ns.FramesheetRenderer);
+})();;(function () {
+ var ns = $.namespace('pskl.controller.piskel');
+
+ ns.PiskelController = function (piskel) {
+ if (piskel) {
+ this.setPiskel(piskel);
+ } else {
+ throw 'A piskel instance is mandatory for instanciating PiskelController';
+ }
+ };
+
+ /**
+ * Set the current piskel. Will reset the selected frame and layer unless specified
+ * @param {Object} piskel
+ * @param {Boolean} preserveState if true, keep the selected frame and layer
+ */
+ ns.PiskelController.prototype.setPiskel = function (piskel, preserveState) {
+ this.piskel = piskel;
+ if (!preserveState) {
+ this.currentLayerIndex = 0;
+ this.currentFrameIndex = 0;
+ }
+
+ this.layerIdCounter = 1;
+ };
+
+ ns.PiskelController.prototype.init = function () {
+ };
+
+ ns.PiskelController.prototype.getHeight = function () {
+ return this.piskel.getHeight();
+ };
+
+ ns.PiskelController.prototype.getWidth = function () {
+ return this.piskel.getWidth();
+ };
+
+ /**
+ * TODO : this should be removed
+ * FPS should be stored in the Piskel model and not in the
+ * previewController
+ * Then piskelController should be able to return this information
+ * @return {Number} Frames per second for the current animation
+ */
+ ns.PiskelController.prototype.getFPS = function () {
+ return pskl.app.previewController.getFPS();
+ };
+
+ ns.PiskelController.prototype.getLayers = function () {
+ return this.piskel.getLayers();
+ };
+
+ ns.PiskelController.prototype.getCurrentLayer = function () {
+ return this.getLayerAt(this.currentLayerIndex);
+ };
+
+ ns.PiskelController.prototype.getLayerAt = function (index) {
+ return this.piskel.getLayerAt(index);
+ };
+
+ ns.PiskelController.prototype.hasLayerAt = function (index) {
+ return !!this.getLayerAt(index);
+ };
+
+ // FIXME ?? No added value compared to getLayerAt ??
+ // Except normalizing to null if undefined ?? ==> To merge
+ ns.PiskelController.prototype.getLayerByIndex = function (index) {
+ var layers = this.getLayers();
+ if (layers[index]) {
+ return layers[index];
+ } else {
+ return null;
+ }
+ };
+
+ ns.PiskelController.prototype.getCurrentFrame = function () {
+ var layer = this.getCurrentLayer();
+ return layer.getFrameAt(this.currentFrameIndex);
+ };
+
+
+ ns.PiskelController.prototype.getCurrentLayerIndex = function () {
+ return this.currentLayerIndex;
+ };
+
+ ns.PiskelController.prototype.getCurrentFrameIndex = function () {
+ return this.currentFrameIndex;
+ };
+
+ ns.PiskelController.prototype.getPiskel = function () {
+ return this.piskel;
+ };
+
+ ns.PiskelController.prototype.getFrameAt = function (index) {
+ var hash = [];
+ var frames = this.getLayers().map(function (l) {
+ var frame = l.getFrameAt(index);
+ hash.push(frame.getHash());
+ return frame;
+ });
+ var mergedFrame = pskl.utils.FrameUtils.merge(frames);
+ mergedFrame.id = hash.join('-');
+ mergedFrame.version = 0;
+ return mergedFrame;
+ };
+
+ ns.PiskelController.prototype.hasFrameAt = function (index) {
+ return !!this.getCurrentLayer().getFrameAt(index);
+ };
+
+ ns.PiskelController.prototype.addFrame = function () {
+ this.addFrameAt(this.getFrameCount());
+ };
+
+ ns.PiskelController.prototype.addFrameAtCurrentIndex = function () {
+ this.addFrameAt(this.currentFrameIndex + 1);
+ };
+
+ ns.PiskelController.prototype.addFrameAt = function (index) {
+ this.getLayers().forEach(function (l) {
+ l.addFrameAt(this.createEmptyFrame_(), index);
+ }.bind(this));
+
+ this.setCurrentFrameIndex(index);
+ };
+
+ ns.PiskelController.prototype.createEmptyFrame_ = function () {
+ var w = this.piskel.getWidth(), h = this.piskel.getHeight();
+ return new pskl.model.Frame(w, h);
+ };
+
+ ns.PiskelController.prototype.removeFrameAt = function (index) {
+ this.getLayers().forEach(function (l) {
+ l.removeFrameAt(index);
+ });
+ // Current frame index is impacted if the removed frame was before the current frame
+ if (this.currentFrameIndex >= index && this.currentFrameIndex > 0) {
+ this.setCurrentFrameIndex(this.currentFrameIndex - 1);
+ }
+ };
+
+ ns.PiskelController.prototype.duplicateCurrentFrame = function () {
+ this.duplicateFrameAt(this.currentFrameIndex);
+ };
+
+ ns.PiskelController.prototype.duplicateFrameAt = function (index) {
+ this.getLayers().forEach(function (l) {
+ l.duplicateFrameAt(index);
+ });
+ this.setCurrentFrameIndex(index+1);
+ };
+
+ ns.PiskelController.prototype.moveFrame = function (fromIndex, toIndex) {
+ this.getLayers().forEach(function (l) {
+ l.moveFrame(fromIndex, toIndex);
+ });
+ };
+
+ ns.PiskelController.prototype.getFrameCount = function () {
+ var layer = this.piskel.getLayerAt(0);
+ return layer.size();
+ };
+
+ ns.PiskelController.prototype.setCurrentFrameIndex = function (index) {
+ if (this.hasFrameAt(index)) {
+ this.currentFrameIndex = index;
+ } else {
+ window.console.error('Could not set current frame index to ' + index);
+ }
+ };
+
+ ns.PiskelController.prototype.selectNextFrame = function () {
+ var nextIndex = this.currentFrameIndex + 1;
+ if (nextIndex < this.getFrameCount()) {
+ this.setCurrentFrameIndex(nextIndex);
+ }
+ };
+
+ ns.PiskelController.prototype.selectPreviousFrame = function () {
+ var nextIndex = this.currentFrameIndex - 1;
+ if (nextIndex >= 0) {
+ this.setCurrentFrameIndex(nextIndex);
+ }
+ };
+
+ ns.PiskelController.prototype.setCurrentLayerIndex = function (index) {
+ if (this.hasLayerAt(index)) {
+ this.currentLayerIndex = index;
+ } else {
+ window.console.error('Could not set current layer index to ' + index);
+ }
+ };
+
+ ns.PiskelController.prototype.selectLayer = function (layer) {
+ var index = this.getLayers().indexOf(layer);
+ if (index != -1) {
+ this.setCurrentLayerIndex(index);
+ }
+ };
+
+ ns.PiskelController.prototype.renameLayerAt = function (index, name) {
+ var layer = this.getLayerByIndex(index);
+ if (layer) {
+ layer.setName(name);
+ }
+ };
+
+ ns.PiskelController.prototype.mergeDownLayerAt = function (index) {
+ var layer = this.getLayerByIndex(index);
+ var downLayer = this.getLayerByIndex(index-1);
+ if (layer && downLayer) {
+ var mergedLayer = pskl.utils.LayerUtils.mergeLayers(layer, downLayer);
+ this.removeLayerAt(index);
+ this.piskel.addLayerAt(mergedLayer, index);
+ this.removeLayerAt(index-1);
+ this.selectLayer(mergedLayer);
+ }
+ };
+
+ ns.PiskelController.prototype.generateLayerName_ = function () {
+ var name = "Layer " + this.layerIdCounter;
+ while (this.hasLayerForName_(name)) {
+ this.layerIdCounter++;
+ name = "Layer " + this.layerIdCounter;
+ }
+ return name;
+ };
+
+ ns.PiskelController.prototype.createLayer = function (name) {
+ if (!name) {
+ name = this.generateLayerName_();
+ }
+ if (!this.hasLayerForName_(name)) {
+ var layer = new pskl.model.Layer(name);
+ for (var i = 0 ; i < this.getFrameCount() ; i++) {
+ layer.addFrame(this.createEmptyFrame_());
+ }
+ this.piskel.addLayer(layer);
+ this.setCurrentLayerIndex(this.piskel.getLayers().length - 1);
+
+ } else {
+ throw 'Layer name should be unique';
+ }
+ };
+
+ ns.PiskelController.prototype.hasLayerForName_ = function (name) {
+ return this.piskel.getLayersByName(name).length > 0;
+ };
+
+ ns.PiskelController.prototype.moveLayerUp = function () {
+ var layer = this.getCurrentLayer();
+ this.piskel.moveLayerUp(layer);
+ this.selectLayer(layer);
+ };
+
+ ns.PiskelController.prototype.moveLayerDown = function () {
+ var layer = this.getCurrentLayer();
+ this.piskel.moveLayerDown(layer);
+ this.selectLayer(layer);
+ };
+
+ ns.PiskelController.prototype.removeCurrentLayer = function () {
+ var currentLayerIndex = this.getCurrentLayerIndex();
+ this.removeLayerAt(currentLayerIndex);
+ };
+
+ ns.PiskelController.prototype.removeLayerAt = function (index) {
+ if (this.getLayers().length > 1) {
+ var layer = this.getLayerAt(index);
+ if (layer) {
+ this.piskel.removeLayer(layer);
+ this.setCurrentLayerIndex(0);
+ }
+ }
+ };
+
+ ns.PiskelController.prototype.serialize = function (expanded) {
+ return pskl.utils.Serializer.serializePiskel(this.piskel, expanded);
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.controller.piskel');
+
+ ns.PublicPiskelController = function (piskelController) {
+ this.piskelController = piskelController;
+ pskl.utils.wrap(this, this.piskelController);
+ };
+
+ ns.PublicPiskelController.prototype.init = function () {
+ // DECORATED WITH RESET
+ this.resetWrap_('setCurrentFrameIndex');
+ this.resetWrap_('selectNextFrame');
+ this.resetWrap_('selectPreviousFrame');
+ this.resetWrap_('setCurrentLayerIndex');
+ this.resetWrap_('selectLayer');
+ // DECORATED WITH SAVE, NO RESET
+ this.saveWrap_('renameLayerAt', false);
+ // DECORATED WITH SAVE, WITH RESET
+ this.saveWrap_('removeCurrentLayer', true);
+ this.saveWrap_('addFrame', true);
+ this.saveWrap_('addFrameAtCurrentIndex', true);
+ this.saveWrap_('addFrameAt', true);
+ this.saveWrap_('removeFrameAt', true);
+ this.saveWrap_('duplicateCurrentFrame', true);
+ this.saveWrap_('duplicateFrameAt', true);
+ this.saveWrap_('moveFrame', true);
+ this.saveWrap_('createLayer', true);
+ this.saveWrap_('mergeDownLayerAt', true);
+ this.saveWrap_('moveLayerUp', true);
+ this.saveWrap_('moveLayerDown', true);
+ this.saveWrap_('removeCurrentLayer', true);
+
+ pskl.app.shortcutService.addShortcut('up', this.selectPreviousFrame.bind(this));
+ pskl.app.shortcutService.addShortcut('down', this.selectNextFrame.bind(this));
+ pskl.app.shortcutService.addShortcut('n', this.addFrameAtCurrentIndex.bind(this));
+ pskl.app.shortcutService.addShortcut('shift+n', this.duplicateCurrentFrame.bind(this));
+ };
+
+ ns.PublicPiskelController.prototype.setPiskel = function (piskel, preserveState) {
+ this.piskelController.setPiskel(piskel, preserveState);
+
+ $.publish(Events.FRAME_SIZE_CHANGED);
+ $.publish(Events.PISKEL_RESET);
+ $.publish(Events.PISKEL_SAVE_STATE, {
+ type : pskl.service.HistoryService.SNAPSHOT
+ });
+ };
+
+ ns.PublicPiskelController.prototype.resetWrap_ = function (methodName) {
+ this[methodName] = function () {
+ this.piskelController[methodName].apply(this.piskelController, arguments);
+ $.publish(Events.PISKEL_RESET);
+ };
+ };
+
+ ns.PublicPiskelController.prototype.saveWrap_ = function (methodName, reset) {
+ this[methodName] = reset ? function () {
+ var stateInfo = this.getStateInfo_();
+ this.piskelController[methodName].apply(this.piskelController, arguments);
+ this.raiseSaveStateEvent_(this.piskelController[methodName], arguments, stateInfo);
+ $.publish(Events.PISKEL_RESET);
+ } : function () {
+ var stateInfo = this.getStateInfo_();
+ this.piskelController[methodName].apply(this.piskelController, arguments);
+ this.raiseSaveStateEvent_(this.piskelController[methodName], arguments, stateInfo);
+ };
+ };
+
+ ns.PublicPiskelController.prototype.getStateInfo_ = function () {
+ var stateInfo = {
+ frameIndex : this.piskelController.currentFrameIndex,
+ layerIndex : this.piskelController.currentLayerIndex
+ };
+ return stateInfo;
+ };
+
+ ns.PublicPiskelController.prototype.raiseSaveStateEvent_ = function (fn, args, stateInfo) {
+ $.publish(Events.PISKEL_SAVE_STATE, {
+ type : pskl.service.HistoryService.REPLAY,
+ scope : this,
+ replay : {
+ fn : fn,
+ args : args
+ },
+ state : stateInfo
+ });
+ };
+
+ ns.PublicPiskelController.prototype.replay = function (frame, replayData) {
+ replayData.fn.apply(this.piskelController, replayData.args);
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.controller');
+
+ ns.CursorCoordinatesController = function (piskelController) {
+ this.piskelController = piskelController;
+ this.origin = null;
+ this.coordinates = {x:-1,y:-1};
+
+ };
+
+ ns.CursorCoordinatesController.prototype.init = function () {
+ this.coordinatesContainer = document.querySelector('.cursor-coordinates');
+
+ $.subscribe(Events.CURSOR_MOVED, this.onCursorMoved_.bind(this));
+ $.subscribe(Events.DRAG_START, this.onDragStart_.bind(this));
+ $.subscribe(Events.DRAG_END, this.onDragEnd_.bind(this));
+ $.subscribe(Events.FRAME_SIZE_CHANGED, this.redraw.bind(this));
+
+ this.redraw();
+ };
+
+ ns.CursorCoordinatesController.prototype.redraw = function () {
+ var html = '';
+ if (this.origin) {
+ html += this.origin.x + ':' + this.origin.y + ' to ';
+ }
+
+ var x = this.coordinates.x;
+ var y = this.coordinates.y;
+ var currentFrame = this.piskelController.getCurrentFrame();
+ if (currentFrame.containsPixel(x, y)) {
+ html += x + ':' + y;
+ if (this.origin) {
+ var dX = Math.abs(x-this.origin.x) + 1;
+ var dY = Math.abs(y-this.origin.y) + 1;
+ html += ' (' + dX + 'x' + dY +')';
+ }
+ }
+
+ this.coordinatesContainer.innerHTML = this.getFrameSizeHTML_() + html;
+ };
+
+ ns.CursorCoordinatesController.prototype.getFrameSizeHTML_ = function () {
+ var w = this.piskelController.getWidth();
+ var h = this.piskelController.getHeight();
+ return '['+w+'x'+h+'] ';
+ };
+
+ ns.CursorCoordinatesController.prototype.onCursorMoved_ = function (event, x, y) {
+ this.coordinates = {x:x, y:y};
+ this.redraw();
+ };
+
+ ns.CursorCoordinatesController.prototype.onDragStart_ = function (event, x, y) {
+ this.origin = {x:x, y:y};
+ this.redraw();
+ };
+
+ ns.CursorCoordinatesController.prototype.onDragEnd_ = function (event, x, y) {
+ this.origin = null;
+ this.redraw();
+ };
+
+})();;(function () {
+
+ var ns = $.namespace("pskl.controller");
+
+ ns.DrawingController = function (piskelController, paletteController, container) {
+ /**
+ * @public
+ */
+ this.piskelController = piskelController;
+
+ this.paletteController = paletteController;
+
+ this.dragHandler = new ns.drawing.DragHandler(this);
+
+ /**
+ * @public
+ */
+ this.overlayFrame = pskl.model.Frame.createEmptyFromFrame(piskelController.getCurrentFrame());
+
+ /**
+ * @private
+ */
+ this.container = container;
+
+ var renderingOptions = {
+ "zoom": this.calculateZoom_(),
+ "supportGridRendering" : true,
+ "height" : this.getContainerHeight_(),
+ "width" : this.getContainerWidth_(),
+ "xOffset" : 0,
+ "yOffset" : 0
+ };
+
+ this.overlayRenderer = new pskl.rendering.frame.CachedFrameRenderer(this.container, renderingOptions, ["canvas-overlay"]);
+ this.renderer = new pskl.rendering.frame.CachedFrameRenderer(this.container, renderingOptions, ["drawing-canvas"]);
+ this.onionSkinRenderer = pskl.rendering.OnionSkinRenderer.createInContainer(this.container, renderingOptions, piskelController);
+ this.layersRenderer = new pskl.rendering.layer.LayersRenderer(this.container, renderingOptions, piskelController);
+
+ this.compositeRenderer = new pskl.rendering.CompositeRenderer();
+ this.compositeRenderer
+ .add(this.overlayRenderer)
+ .add(this.renderer)
+ .add(this.layersRenderer)
+ .add(this.onionSkinRenderer);
+
+ // State of drawing controller:
+ this.isClicked = false;
+ this.previousMousemoveTime = 0;
+ this.currentToolBehavior = null;
+
+ // State of clicked button (need to be stateful here, see comment in getCurrentColor_)
+ this.currentMouseButton_ = Constants.LEFT_BUTTON;
+ };
+
+ ns.DrawingController.prototype.init = function () {
+ this.initMouseBehavior();
+
+ $.subscribe(Events.TOOL_SELECTED, $.proxy(function(evt, toolBehavior) {
+ this.currentToolBehavior = toolBehavior;
+ this.overlayFrame.clear();
+ }, this));
+
+ $(window).resize($.proxy(this.startResizeTimer_, this));
+
+ $.subscribe(Events.USER_SETTINGS_CHANGED, $.proxy(this.onUserSettingsChange_, this));
+ $.subscribe(Events.FRAME_SIZE_CHANGED, $.proxy(this.onFrameSizeChange_, this));
+
+ pskl.app.shortcutService.addShortcut('0', this.resetZoom_.bind(this));
+ pskl.app.shortcutService.addShortcut('+', this.increaseZoom_.bind(this, 1));
+ pskl.app.shortcutService.addShortcut('-', this.decreaseZoom_.bind(this, 1));
+
+ window.setTimeout(function () {
+ this.afterWindowResize_();
+ this.resetZoom_();
+ }.bind(this), 100);
+ };
+
+ ns.DrawingController.prototype.initMouseBehavior = function() {
+ var body = $('body');
+ this.container.mousedown($.proxy(this.onMousedown_, this));
+
+ if (pskl.utils.UserAgent.isChrome || pskl.utils.UserAgent.isIE11) {
+ this.container.on('mousewheel', $.proxy(this.onMousewheel_, this));
+ } else {
+ this.container.on('wheel', $.proxy(this.onMousewheel_, this));
+ }
+
+ window.addEventListener('mouseup', this.onMouseup_.bind(this));
+ window.addEventListener('mousemove', this.onMousemove_.bind(this));
+ window.addEventListener('keyup', this.onKeyup_.bind(this));
+
+ // Deactivate right click:
+ body.contextmenu(this.onCanvasContextMenu_);
+
+ };
+
+ ns.DrawingController.prototype.startResizeTimer_ = function () {
+ if (this.resizeTimer) {
+ window.clearInterval(this.resizeTimer);
+ }
+ this.resizeTimer = window.setTimeout($.proxy(this.afterWindowResize_, this), 200);
+ };
+
+ ns.DrawingController.prototype.afterWindowResize_ = function () {
+ var initialWidth = this.compositeRenderer.getDisplaySize().width;
+
+ this.compositeRenderer.setDisplaySize(this.getContainerWidth_(), this.getContainerHeight_());
+ this.centerColumnWrapperHorizontally_();
+ var ratio = this.compositeRenderer.getDisplaySize().width / initialWidth;
+ var newZoom = ratio * this.compositeRenderer.getZoom();
+ this.compositeRenderer.setZoom(newZoom);
+
+ $.publish(Events.ZOOM_CHANGED);
+ };
+
+ /**
+ * @private
+ */
+ ns.DrawingController.prototype.onUserSettingsChange_ = function (evt, settingsName, settingsValue) {
+ if(settingsName == pskl.UserSettings.SHOW_GRID) {
+ console.warn('DrawingController:onUserSettingsChange_ not implemented !');
+ } else if (settingsName == pskl.UserSettings.ONION_SKIN || settingsName == pskl.UserSettings.LAYER_PREVIEW) {
+ this.onionSkinRenderer.clear();
+ this.onionSkinRenderer.flush();
+ this.layersRenderer.clear();
+ this.layersRenderer.flush();
+ this.render();
+ }
+ };
+
+ ns.DrawingController.prototype.onFrameSizeChange_ = function () {
+ this.compositeRenderer.setDisplaySize(this.getContainerWidth_(), this.getContainerHeight_());
+ this.centerColumnWrapperHorizontally_();
+ this.compositeRenderer.setZoom(this.calculateZoom_());
+ this.compositeRenderer.setOffset(0, 0);
+ $.publish(Events.ZOOM_CHANGED);
+ };
+
+ /**
+ * @private
+ */
+ ns.DrawingController.prototype.onMousedown_ = function (event) {
+ $.publish(Events.MOUSE_EVENT, [event, this]);
+ var frame = this.piskelController.getCurrentFrame();
+ var coords = this.getSpriteCoordinates(event.clientX, event.clientY);
+
+ this.isClicked = true;
+ this.setCurrentButton(event);
+
+ if (event.button === Constants.MIDDLE_BUTTON) {
+ this.dragHandler.startDrag(event.clientX, event.clientY);
+ } else {
+ this.currentToolBehavior.hideHighlightedPixel(this.overlayFrame);
+ $.publish(Events.TOOL_PRESSED);
+ this.currentToolBehavior.applyToolAt(
+ coords.x,
+ coords.y,
+ this.getCurrentColor_(),
+ frame,
+ this.overlayFrame,
+ event
+ );
+ }
+ };
+
+ /**
+ * @private
+ */
+ ns.DrawingController.prototype.onMousemove_ = function (event) {
+ this._clientX = event.clientX;
+ this._clientY = event.clientY;
+
+ var currentTime = new Date().getTime();
+ // Throttling of the mousemove event:
+
+ if ((currentTime - this.previousMousemoveTime) > Constants.MOUSEMOVE_THROTTLING ) {
+ this.moveTool_(this._clientX, this._clientY, event);
+ this.previousMousemoveTime = currentTime;
+ }
+ };
+
+ /**
+ * @private
+ */
+ ns.DrawingController.prototype.onKeyup_ = function (event) {
+ this.moveTool_(this._clientX, this._clientY, event);
+ };
+
+ ns.DrawingController.prototype.moveTool_ = function (x, y, event) {
+ var coords = this.getSpriteCoordinates(x, y);
+ var currentFrame = this.piskelController.getCurrentFrame();
+
+ if (this.isClicked) {
+ if(this.currentMouseButton_ == Constants.MIDDLE_BUTTON) {
+ this.dragHandler.updateDrag(x, y);
+ } else {
+ $.publish(Events.MOUSE_EVENT, [event, this]);
+ // Warning : do not call setCurrentButton here
+ // mousemove do not have the correct mouse button information on all browsers
+ this.currentToolBehavior.moveToolAt(
+ coords.x | 0,
+ coords.y | 0,
+ this.getCurrentColor_(),
+ currentFrame,
+ this.overlayFrame,
+ event
+ );
+ }
+ } else {
+ this.currentToolBehavior.moveUnactiveToolAt(
+ coords.x,
+ coords.y,
+ this.getCurrentColor_(),
+ currentFrame,
+ this.overlayFrame,
+ event
+ );
+ }
+ $.publish(Events.CURSOR_MOVED, [coords.x, coords.y]);
+ };
+
+ ns.DrawingController.prototype.onMousewheel_ = function (jQueryEvent) {
+ var event = jQueryEvent.originalEvent;
+ // Ratio between wheelDeltaY (mousewheel event) and deltaY (wheel event) is -40
+ var delta;
+ if (pskl.utils.UserAgent.isChrome) {
+ delta = event.wheelDeltaY;
+ } else if (pskl.utils.UserAgent.isIE11) {
+ delta = event.wheelDelta;
+ } else if (pskl.utils.UserAgent.isFirefox) {
+ delta = -40 * event.deltaY;
+ }
+ var modifier = Math.abs(delta/120);
+ if (delta > 0) {
+ this.increaseZoom_(modifier);
+ } else if (delta < 0) {
+ this.decreaseZoom_(modifier);
+ }
+ };
+
+ ns.DrawingController.prototype.increaseZoom_ = function (zoomMultiplier) {
+ var step = (zoomMultiplier || 1) * this.getZoomStep_();
+ this.setZoom_(this.renderer.getZoom() + step);
+ };
+
+ ns.DrawingController.prototype.decreaseZoom_ = function (zoomMultiplier) {
+ var step = (zoomMultiplier || 1) * this.getZoomStep_();
+ this.setZoom_(this.renderer.getZoom() - step);
+ };
+
+ /**
+ * @private
+ */
+ ns.DrawingController.prototype.onMouseup_ = function (event) {
+ var frame = this.piskelController.getCurrentFrame();
+ var coords = this.getSpriteCoordinates(event.clientX, event.clientY);
+ if(this.isClicked) {
+ $.publish(Events.MOUSE_EVENT, [event, this]);
+ // A mouse button was clicked on the drawing canvas before this mouseup event,
+ // the user was probably drawing on the canvas.
+ // Note: The mousemove movement (and the mouseup) may end up outside
+ // of the drawing canvas.
+
+ this.isClicked = false;
+ this.setCurrentButton(event);
+
+ if (event.button === Constants.MIDDLE_BUTTON) {
+ if (this.dragHandler.isDragging()) {
+ this.dragHandler.stopDrag();
+ } else if (frame.containsPixel(coords.x, coords.y)) {
+ $.publish(Events.SELECT_PRIMARY_COLOR, [frame.getPixel(coords.x, coords.y)]);
+ }
+ } else {
+ this.currentToolBehavior.releaseToolAt(
+ coords.x,
+ coords.y,
+ this.getCurrentColor_(),
+ this.piskelController.getCurrentFrame(),
+ this.overlayFrame,
+ event
+ );
+
+ $.publish(Events.TOOL_RELEASED);
+ }
+ }
+ };
+
+ /**
+ * Translate absolute x,y screen coordinates into sprite coordinates
+ * @param {Number} screenX
+ * @param {Number} screenY
+ * @return {Object} {x:Number, y:Number}
+ */
+ ns.DrawingController.prototype.getSpriteCoordinates = function(screenX, screenY) {
+ return this.renderer.getCoordinates(screenX, screenY);
+ };
+
+ ns.DrawingController.prototype.getScreenCoordinates = function(spriteX, spriteY) {
+ return this.renderer.reverseCoordinates(spriteX, spriteY);
+ };
+
+ ns.DrawingController.prototype.setCurrentButton = function (event) {
+ this.currentMouseButton_ = event.button;
+ };
+
+ /**
+ * @private
+ */
+ ns.DrawingController.prototype.getCurrentColor_ = function () {
+ // WARNING : Do not rely on the current event to get the current color!
+ // It might seem like a good idea, and works perfectly fine on Chrome
+ // Sadly Firefox and IE found clever, for some reason, to set event.button to 0
+ // on a mouse move event
+ // This always matches a LEFT mouse button which is __really__ not helpful
+
+ if(this.currentMouseButton_ == Constants.RIGHT_BUTTON) {
+ return this.paletteController.getSecondaryColor();
+ } else if(this.currentMouseButton_ == Constants.LEFT_BUTTON) {
+ return this.paletteController.getPrimaryColor();
+ } else {
+ return Constants.DEFAULT_PEN_COLOR;
+ }
+ };
+
+ /**
+ * @private
+ */
+ ns.DrawingController.prototype.onCanvasContextMenu_ = function (event) {
+ if ($(event.target).closest('#drawing-canvas-container').length) {
+ // Deactivate right click on drawing canvas only.
+ event.preventDefault();
+ event.stopPropagation();
+ event.cancelBubble = true;
+ return false;
+ }
+ };
+
+ ns.DrawingController.prototype.render = function () {
+ var currentFrame = this.piskelController.getCurrentFrame();
+ if (!currentFrame.isSameSize(this.overlayFrame)) {
+ this.overlayFrame = pskl.model.Frame.createEmptyFromFrame(currentFrame);
+ }
+
+ if (pskl.UserSettings.get(pskl.UserSettings.ONION_SKIN)) {
+ this.onionSkinRenderer.render();
+ }
+
+ if (pskl.UserSettings.get(pskl.UserSettings.LAYER_PREVIEW)) {
+ this.layersRenderer.render();
+ }
+
+ this.renderer.render(currentFrame);
+ this.overlayRenderer.render(this.overlayFrame);
+ };
+
+ /**
+ * @private
+ */
+ ns.DrawingController.prototype.calculateZoom_ = function() {
+ var frameHeight = this.piskelController.getCurrentFrame().getHeight(),
+ frameWidth = this.piskelController.getCurrentFrame().getWidth();
+
+ return Math.min(this.getAvailableWidth_()/frameWidth, this.getAvailableHeight_()/frameHeight);
+ };
+
+ ns.DrawingController.prototype.getAvailableHeight_ = function () {
+ return $('#main-wrapper').height();
+ };
+
+ ns.DrawingController.prototype.getAvailableWidth_ = function () {
+ var leftSectionWidth = $('.left-column').outerWidth(true),
+ rightSectionWidth = $('.right-column').outerWidth(true),
+ toolsContainerWidth = $('#tool-section').outerWidth(true),
+ settingsContainerWidth = $('#application-action-section').outerWidth(true),
+ availableWidth = $('#main-wrapper').width() - leftSectionWidth - rightSectionWidth - toolsContainerWidth - settingsContainerWidth;
+
+ var comfortMargin = 10;
+ return availableWidth - comfortMargin;
+ };
+
+ ns.DrawingController.prototype.getContainerHeight_ = function () {
+ return this.getAvailableHeight_();
+ };
+
+ ns.DrawingController.prototype.getContainerWidth_ = function () {
+ return this.getAvailableWidth_();
+ };
+
+ /**
+ * @private
+ */
+ ns.DrawingController.prototype.centerColumnWrapperHorizontally_ = function() {
+ var containerHeight = this.getContainerHeight_();
+ var verticalGapInPixel = Math.floor(($('#main-wrapper').height() - containerHeight) / 2);
+ $('#column-wrapper').css({
+ 'top': verticalGapInPixel + 'px'
+ });
+ };
+
+ ns.DrawingController.prototype.getRenderer = function () {
+ return this.compositeRenderer;
+ };
+
+ ns.DrawingController.prototype.getOffset = function () {
+ return this.compositeRenderer.getOffset();
+ };
+
+ ns.DrawingController.prototype.setOffset = function (x, y) {
+ this.compositeRenderer.setOffset(x, y);
+ $.publish(Events.ZOOM_CHANGED);
+ };
+
+ ns.DrawingController.prototype.resetZoom_ = function () {
+ this.setZoom_(this.calculateZoom_());
+ };
+
+ ns.DrawingController.prototype.getZoomStep_ = function () {
+ return this.calculateZoom_() / 10;
+ };
+
+ ns.DrawingController.prototype.setZoom_ = function (zoom) {
+ this.compositeRenderer.setZoom(zoom);
+ $.publish(Events.ZOOM_CHANGED);
+ };
+
+})();;(function () {
+ var ns = $.namespace('pskl.controller.drawing');
+
+ /**
+ * Multiplier applied between the mouse movement and viewport movement
+ * @type {Number}
+ */
+ var MULTIPLIER = 2;
+
+ /**
+ * Dedicated handler to drag the drawing canvas using the mouse
+ * Will store the initial coordinates as well as the status of the drag
+ * @param {DrawingController} drawingController
+ */
+ ns.DragHandler = function (drawingController) {
+ this.drawingController = drawingController;
+
+ this.isDragging_ = false;
+ this.updateOrigin_(-1, -1);
+ };
+
+ /**
+ * Initialize a drag session.
+ * @param {Number} x : x coordinate of the mouse event that initiated the drag
+ * @param {Number} y : y coordinate of the mouse event that initiated the drag
+ */
+ ns.DragHandler.prototype.startDrag = function (x, y) {
+ var coords = this.drawingController.getSpriteCoordinates(x, y);
+ this.updateOrigin_(coords.x, coords.y);
+ };
+
+ /**
+ * Update the drag status
+ * @param {Number} x : x coordinate of the mouse event that triggered the update
+ * @param {Number} y : y coordinate of the mouse event that triggered the update
+ */
+ ns.DragHandler.prototype.updateDrag = function (x, y) {
+ var currentOffset = this.drawingController.getOffset();
+ var offset = this.calculateOffset_(x, y);
+ if (currentOffset.y !== offset.y || currentOffset.x !== offset.x) {
+ this.isDragging_ = true;
+ this.drawingController.setOffset(offset.x, offset.y);
+
+ // retrieve the updated coordinates after moving the sprite
+ // and store them as the new drag origin
+ var coords = this.drawingController.getSpriteCoordinates(x, y);
+ this.updateOrigin_(coords.x, coords.y);
+ }
+ };
+
+ /**
+ * Stop the drag session
+ */
+ ns.DragHandler.prototype.stopDrag = function () {
+ this.isDragging_ = false;
+ this.origin = null;
+ };
+
+ /**
+ * Will return true if the drag handler effectively MOVED the offset
+ * during the current drag session
+ */
+ ns.DragHandler.prototype.isDragging = function () {
+ return this.isDragging_;
+ };
+
+ ns.DragHandler.prototype.calculateOffset_ = function (x, y) {
+ var coords = this.drawingController.getSpriteCoordinates(x, y);
+ var currentOffset = this.drawingController.getOffset();
+
+ var offset = {
+ x : currentOffset.x - MULTIPLIER * (coords.x - this.origin.x),
+ y : currentOffset.y - MULTIPLIER * (coords.y - this.origin.y)
+ };
+
+ return offset;
+ };
+
+ ns.DragHandler.prototype.updateOrigin_ = function (x, y) {
+ this.origin = this.origin || {};
+ this.origin.x = x;
+ this.origin.y = y;
+ };
+})();;(function () {
+ var ns = $.namespace("pskl.controller");
+
+ var ACTION = {
+ SELECT : 'select',
+ CLONE : 'clone',
+ DELETE : 'delete',
+ NEW_FRAME : 'newframe'
+ };
+
+ ns.FramesListController = function (piskelController, container) {
+
+ this.piskelController = piskelController;
+ this.container = container;
+ this.refreshZoom_();
+
+ this.redrawFlag = true;
+
+ this.cachedFrameProcessor = new pskl.model.frame.CachedFrameProcessor();
+ this.cachedFrameProcessor.setFrameProcessor(this.frameToPreviewCanvas_.bind(this));
+ this.cachedFrameProcessor.setOutputCloner(this.clonePreviewCanvas_.bind(this));
+ };
+
+ ns.FramesListController.prototype.init = function() {
+ $.subscribe(Events.TOOL_RELEASED, this.flagForRedraw_.bind(this));
+ $.subscribe(Events.PISKEL_RESET, this.flagForRedraw_.bind(this));
+ $.subscribe(Events.USER_SETTINGS_CHANGED, this.flagForRedraw_.bind(this));
+
+ $.subscribe(Events.PISKEL_RESET, this.refreshZoom_.bind(this));
+
+ $('#preview-list-scroller').scroll(this.updateScrollerOverflows.bind(this));
+ this.container.get(0).addEventListener('click', this.onContainerClick_.bind(this));
+ this.updateScrollerOverflows();
+ };
+
+ ns.FramesListController.prototype.flagForRedraw_ = function () {
+ this.redrawFlag = true;
+ };
+
+ ns.FramesListController.prototype.refreshZoom_ = function () {
+ this.zoom = this.calculateZoom_();
+ };
+
+ ns.FramesListController.prototype.render = function () {
+ if (this.redrawFlag) {
+ this.createPreviews_();
+ this.redrawFlag = false;
+ }
+ };
+
+ ns.FramesListController.prototype.updateScrollerOverflows = function () {
+ var scroller = $('#preview-list-scroller');
+ var scrollerHeight = scroller.height();
+ var scrollTop = scroller.scrollTop();
+ var scrollerContentHeight = $('#preview-list').height();
+ var treshold = $('.top-overflow').height();
+ var overflowTop = false,
+ overflowBottom = false;
+ if (scrollerHeight < scrollerContentHeight) {
+ if (scrollTop > treshold) {
+ overflowTop = true;
+ }
+ var scrollBottom = (scrollerContentHeight - scrollTop) - scrollerHeight;
+ if (scrollBottom > treshold) {
+ overflowBottom = true;
+ }
+ }
+ var wrapper = $('#preview-list-wrapper');
+ wrapper.toggleClass('top-overflow-visible', overflowTop);
+ wrapper.toggleClass('bottom-overflow-visible', overflowBottom);
+ };
+
+ ns.FramesListController.prototype.onContainerClick_ = function (event) {
+ var target = pskl.utils.Dom.getParentWithData(event.target, 'tileAction');
+ if (!target) {
+ return;
+ }
+ var action = target.dataset.tileAction;
+ var index = parseInt(target.dataset.tileNumber, 10);
+
+ if (action === ACTION.CLONE) {
+ this.piskelController.duplicateFrameAt(index);
+ this.updateScrollerOverflows();
+ } else if (action === ACTION.DELETE) {
+ this.piskelController.removeFrameAt(index);
+ this.updateScrollerOverflows();
+ } else if (action === ACTION.SELECT) {
+ this.piskelController.setCurrentFrameIndex(index);
+ } else if (action === ACTION.NEW_FRAME) {
+ this.piskelController.addFrame();
+ this.updateScrollerOverflows();
+ }
+ };
+
+ ns.FramesListController.prototype.createPreviews_ = function () {
+
+ this.container.html("");
+ // Manually remove tooltips since mouseout events were shortcut by the DOM refresh:
+ $(".tooltip").remove();
+
+ var frameCount = this.piskelController.getFrameCount();
+
+ for (var i = 0, l = frameCount; i < l ; i++) {
+ this.container.append(this.createPreviewTile_(i));
+ }
+ // Append 'new empty frame' button
+ var newFrameButton = document.createElement("div");
+ newFrameButton.id = "add-frame-action";
+ newFrameButton.className = "add-frame-action";
+ newFrameButton.setAttribute('data-tile-action', ACTION.NEW_FRAME);
+ newFrameButton.innerHTML = "Add new frame
";
+ this.container.append(newFrameButton);
+
+ var needDragndropBehavior = (frameCount > 1);
+ if(needDragndropBehavior) {
+ this.initDragndropBehavior_();
+ }
+ this.updateScrollerOverflows();
+ };
+
+
+ /**
+ * @private
+ */
+ ns.FramesListController.prototype.initDragndropBehavior_ = function () {
+
+ $("#preview-list").sortable({
+ placeholder: "preview-tile-drop-proxy",
+ update: $.proxy(this.onUpdate_, this),
+ items: ".preview-tile"
+ });
+ $("#preview-list").disableSelection();
+ };
+
+ /**
+ * @private
+ */
+ ns.FramesListController.prototype.onUpdate_ = function( event, ui ) {
+ var originFrameId = parseInt(ui.item.data("tile-number"), 10);
+ var targetInsertionId = $('.preview-tile').index(ui.item);
+
+ this.piskelController.moveFrame(originFrameId, targetInsertionId);
+ this.piskelController.setCurrentFrameIndex(targetInsertionId);
+ };
+
+
+ /**
+ * @private
+ * TODO(vincz): clean this giant rendering function & remove listeners.
+ */
+ ns.FramesListController.prototype.createPreviewTile_ = function(tileNumber) {
+ var currentFrame = this.piskelController.getCurrentLayer().getFrameAt(tileNumber);
+
+ var previewTileRoot = document.createElement("li");
+ previewTileRoot.setAttribute("data-tile-number", tileNumber);
+ previewTileRoot.setAttribute('data-tile-action', ACTION.SELECT);
+ previewTileRoot.classList.add("preview-tile");
+ if (this.piskelController.getCurrentFrame() == currentFrame) {
+ previewTileRoot.classList.add("selected");
+ }
+
+ var canvasContainer = document.createElement("div");
+ canvasContainer.classList.add("canvas-container", pskl.UserSettings.get(pskl.UserSettings.CANVAS_BACKGROUND));
+
+ var height = this.zoom * this.piskelController.getCurrentFrame().getHeight();
+ var horizontalMargin = (Constants.PREVIEW_FILM_SIZE - height) / 2;
+ canvasContainer.style.marginTop = horizontalMargin + 'px';
+
+ var width = this.zoom * this.piskelController.getCurrentFrame().getWidth();
+ var verticalMargin = (Constants.PREVIEW_FILM_SIZE - width) / 2;
+ canvasContainer.style.marginLeft = verticalMargin + 'px';
+ canvasContainer.style.marginRight = verticalMargin + 'px';
+
+
+ var canvasBackground = document.createElement("div");
+ canvasBackground.className = "canvas-background";
+ canvasContainer.appendChild(canvasBackground);
+
+ var cloneFrameButton = document.createElement("button");
+ cloneFrameButton.setAttribute('rel', 'tooltip');
+ cloneFrameButton.setAttribute('data-placement', 'right');
+ cloneFrameButton.setAttribute('data-tile-number', tileNumber);
+ cloneFrameButton.setAttribute('data-tile-action', ACTION.CLONE);
+ cloneFrameButton.setAttribute('title', 'Duplicate this frame');
+ cloneFrameButton.className = "tile-overlay duplicate-frame-action";
+ previewTileRoot.appendChild(cloneFrameButton);
+
+
+ canvasContainer.appendChild(this.getCanvasForFrame(currentFrame));
+ previewTileRoot.appendChild(canvasContainer);
+
+ if(tileNumber > 0 || this.piskelController.getFrameCount() > 1) {
+ // Add 'remove frame' button.
+ var deleteButton = document.createElement("button");
+ deleteButton.setAttribute('rel', 'tooltip');
+ deleteButton.setAttribute('data-placement', 'right');
+ deleteButton.setAttribute('title', 'Delete this frame');
+ deleteButton.setAttribute('data-tile-number', tileNumber);
+ deleteButton.setAttribute('data-tile-action', ACTION.DELETE);
+ deleteButton.className = "tile-overlay delete-frame-action";
+ previewTileRoot.appendChild(deleteButton);
+
+ // Add 'dragndrop handle'.
+ var dndHandle = document.createElement("div");
+ dndHandle.className = "tile-overlay dnd-action";
+ previewTileRoot.appendChild(dndHandle);
+ }
+ var tileCount = document.createElement("div");
+ tileCount.className = "tile-overlay tile-count";
+ tileCount.innerHTML = tileNumber + 1;
+ previewTileRoot.appendChild(tileCount);
+
+ return previewTileRoot;
+ };
+
+ ns.FramesListController.prototype.getCanvasForFrame = function (frame) {
+ var canvas = this.cachedFrameProcessor.get(frame, this.zoom);
+ return canvas;
+ };
+
+ ns.FramesListController.prototype.frameToPreviewCanvas_ = function (frame) {
+ var canvasRenderer = new pskl.rendering.CanvasRenderer(frame, this.zoom);
+ canvasRenderer.drawTransparentAs(Constants.TRANSPARENT_COLOR);
+ var canvas = canvasRenderer.render();
+ canvas.classList.add('tile-view', 'canvas');
+ return canvas;
+ };
+
+ ns.FramesListController.prototype.clonePreviewCanvas_ = function (canvas) {
+ var clone = pskl.utils.CanvasUtils.clone(canvas);
+ clone.classList.add('tile-view', 'canvas');
+ return clone;
+ };
+
+ /**
+ * Calculate the preview zoom depending on the piskel size
+ */
+ ns.FramesListController.prototype.calculateZoom_ = function () {
+ var frame = this.piskelController.getCurrentFrame();
+ var frameSize = Math.max(frame.getHeight(), frame.getWidth());
+
+ return Constants.PREVIEW_FILM_SIZE/frameSize;
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.controller');
+
+ ns.LayersListController = function (piskelController) {
+ this.piskelController = piskelController;
+ };
+
+ ns.LayersListController.prototype.init = function () {
+ this.layerItemTemplate_ = pskl.utils.Template.get('layer-item-template');
+ this.rootEl = document.querySelector('.layers-list-container');
+ this.layersListEl = document.querySelector('.layers-list');
+ this.toggleLayerPreviewEl = document.querySelector('.layers-toggle-preview');
+
+ this.rootEl.addEventListener('click', this.onClick_.bind(this));
+ this.toggleLayerPreviewEl.addEventListener('click', this.toggleLayerPreview_.bind(this));
+
+ $.subscribe(Events.PISKEL_RESET, this.renderLayerList_.bind(this));
+
+ pskl.app.shortcutService.addShortcut('alt+L', this.toggleLayerPreview_.bind(this));
+
+ this.renderLayerList_();
+ this.updateToggleLayerPreview_();
+
+ $.subscribe(Events.USER_SETTINGS_CHANGED, $.proxy(this.onUserSettingsChange_, this));
+ };
+
+ ns.LayersListController.prototype.renderLayerList_ = function () {
+ this.layersListEl.innerHTML = '';
+ var layers = this.piskelController.getLayers();
+ layers.forEach(this.addLayerItem.bind(this));
+ this.updateButtonStatus_();
+ };
+
+ ns.LayersListController.prototype.updateButtonStatus_ = function () {
+ var layers = this.piskelController.getLayers();
+ var currentLayer = this.piskelController.getCurrentLayer();
+ var index = this.piskelController.getCurrentLayerIndex();
+
+ var isLast = index === 0;
+ var isOnly = layers.length === 1;
+ var isFirst = index === layers.length - 1;
+
+ this.toggleButtonDisabledState_('up', isFirst);
+ this.toggleButtonDisabledState_('down', isLast);
+ this.toggleButtonDisabledState_('merge', isLast);
+ this.toggleButtonDisabledState_('delete', isOnly);
+ };
+
+ ns.LayersListController.prototype.toggleButtonDisabledState_ = function (buttonAction, isDisabled) {
+ var button = document.querySelector('.layers-button[data-action="'+buttonAction+'"]');
+ if (isDisabled) {
+ button.setAttribute('disabled', 'disabled');
+ } else {
+ button.removeAttribute('disabled');
+ }
+ };
+
+ ns.LayersListController.prototype.updateToggleLayerPreview_ = function () {
+ var enabledClassname = 'layers-toggle-preview-enabled';
+ if (pskl.UserSettings.get(pskl.UserSettings.LAYER_PREVIEW)) {
+ this.toggleLayerPreviewEl.classList.add(enabledClassname);
+ } else {
+ this.toggleLayerPreviewEl.classList.remove(enabledClassname);
+ }
+ };
+
+ ns.LayersListController.prototype.onUserSettingsChange_ = function (evt, name, value) {
+ if (name == pskl.UserSettings.LAYER_PREVIEW) {
+ this.updateToggleLayerPreview_();
+ }
+ };
+
+ ns.LayersListController.prototype.addLayerItem = function (layer, index) {
+ var isSelected = this.piskelController.getCurrentLayer() === layer;
+ var layerItemHtml = pskl.utils.Template.replace(this.layerItemTemplate_, {
+ 'layername' : layer.getName(),
+ 'layerindex' : index,
+ 'isselected:current-layer-item' : isSelected
+ });
+ var layerItem = pskl.utils.Template.createFromHTML(layerItemHtml);
+ this.layersListEl.insertBefore(layerItem, this.layersListEl.firstChild);
+ };
+
+ ns.LayersListController.prototype.onClick_ = function (evt) {
+ var el = evt.target || evt.srcElement;
+ var index;
+ if (el.classList.contains('button')) {
+ this.onButtonClick_(el);
+ } else if (el.classList.contains('layer-item')) {
+ index = el.dataset.layerIndex;
+ this.piskelController.setCurrentLayerIndex(parseInt(index, 10));
+ }
+ };
+
+ ns.LayersListController.prototype.renameCurrentLayer_ = function () {
+ var layer = this.piskelController.getCurrentLayer();
+ var name = window.prompt("Please enter the layer name", layer.getName());
+ if (name) {
+ var index = this.piskelController.getCurrentLayerIndex();
+ this.piskelController.renameLayerAt(index, name);
+ this.renderLayerList_();
+ }
+ };
+
+ ns.LayersListController.prototype.mergeDownCurrentLayer_ = function () {
+ var index = this.piskelController.getCurrentLayerIndex();
+ this.piskelController.mergeDownLayerAt(index);
+ this.renderLayerList_();
+ };
+
+ ns.LayersListController.prototype.onButtonClick_ = function (button) {
+ var action = button.getAttribute('data-action');
+ if (action == 'up') {
+ this.piskelController.moveLayerUp();
+ } else if (action == 'down') {
+ this.piskelController.moveLayerDown();
+ } else if (action == 'add') {
+ this.piskelController.createLayer();
+ } else if (action == 'delete') {
+ this.piskelController.removeCurrentLayer();
+ } else if (action == 'merge') {
+ this.mergeDownCurrentLayer_();
+ } else if (action == 'edit') {
+ this.renameCurrentLayer_();
+ }
+ };
+
+ ns.LayersListController.prototype.toggleLayerPreview_ = function () {
+ var currentValue = pskl.UserSettings.get(pskl.UserSettings.LAYER_PREVIEW);
+ pskl.UserSettings.set(pskl.UserSettings.LAYER_PREVIEW, !currentValue);
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.controller.preview');
+
+ ns.PopupPreviewController = function (piskelController) {
+ this.piskelController = piskelController;
+ this.popup = null;
+ this.renderer = null;
+ this.renderFlag = false;
+ };
+
+ ns.PopupPreviewController.prototype.init = function () {
+ pskl.utils.Event.addEventListener(window, 'unload', this.onMainWindowUnload_, this);
+ };
+
+ ns.PopupPreviewController.prototype.isOpen = function () {
+ return !!this.popup;
+ };
+
+ ns.PopupPreviewController.prototype.open = function () {
+ if (!this.isOpen()) {
+ this.popup = window.open('popup-preview.html', '', 'width=320,height=320');
+ }
+ };
+
+ ns.PopupPreviewController.prototype.onPopupLoaded = function () {
+ pskl.utils.Event.addEventListener(this.popup, 'resize', this.onWindowResize_, this);
+ pskl.utils.Event.addEventListener(this.popup, 'unload', this.onPopupClosed_, this);
+ var container = this.popup.document.querySelector('.preview-container');
+ this.renderer = new pskl.rendering.frame.TiledFrameRenderer($(container));
+ this.updateZoom_();
+ this.renderFlag = true;
+ };
+
+
+ ns.PopupPreviewController.prototype.render = function (frame) {
+ if (this.isOpen() && this.renderer) {
+ this.renderer.render(frame);
+ this.renderFlag = false;
+ }
+ };
+
+ ns.PopupPreviewController.prototype.onWindowResize_ = function (frame) {
+ this.updateZoom_();
+ this.renderFlag = true;
+ };
+
+ ns.PopupPreviewController.prototype.updateZoom_ = function () {
+ var documentElement = this.popup.document.documentElement;
+ var wZoom = documentElement.clientWidth / this.piskelController.getWidth();
+ var hZoom = documentElement.clientHeight / this.piskelController.getHeight();
+ var zoom = Math.min(wZoom, hZoom);
+
+ this.renderer.setZoom(zoom);
+
+ var height = this.piskelController.getHeight() * zoom;
+ var width = this.piskelController.getWidth() * zoom;
+
+ var container = this.popup.document.querySelector('.preview-container');
+ container.style.height = height + 'px';
+ container.style.width = width + 'px';
+
+ var horizontalMargin = (documentElement.clientHeight - height) / 2;
+ container.style.marginTop = horizontalMargin + 'px';
+ container.style.marginBottom = horizontalMargin + 'px';
+
+ var verticalMargin = (documentElement.clientWidth - width) / 2;
+ container.style.marginLeft = verticalMargin + 'px';
+ container.style.marginRight = verticalMargin + 'px';
+ };
+
+ ns.PopupPreviewController.prototype.onPopupClosed_ = function () {
+ var popup = this.popup;
+ console.log(popup);
+ this.popup = null;
+ };
+
+ ns.PopupPreviewController.prototype.onMainWindowUnload_ = function () {
+ if (this.isOpen()) {
+ this.popup.close();
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.controller.preview');
+
+ // Preview is a square of PREVIEW_SIZE x PREVIEW_SIZE
+ var PREVIEW_SIZE = 200;
+
+ ns.PreviewController = function (piskelController, container) {
+ this.piskelController = piskelController;
+ this.container = container;
+
+ this.elapsedTime = 0;
+ this.currentIndex = 0;
+
+ this.renderFlag = true;
+
+ this.fpsRangeInput = $('#preview-fps');
+ this.fpsCounterDisplay = $('#display-fps');
+
+ this.setFPS(Constants.DEFAULT.FPS);
+
+ var frame = this.piskelController.getCurrentFrame();
+
+ this.renderer = new pskl.rendering.frame.TiledFrameRenderer(this.container);
+ this.popupPreviewController = new ns.PopupPreviewController(piskelController);
+ };
+
+ ns.PreviewController.prototype.init = function () {
+ // the oninput event won't work on IE10 unfortunately, but at least will provide a
+ // consistent behavior across all other browsers that support the input type range
+ // see https://bugzilla.mozilla.org/show_bug.cgi?id=853670
+ this.fpsRangeInput.on('input change', this.onFPSSliderChange.bind(this));
+ document.querySelector('.right-column').style.width = Constants.ANIMATED_PREVIEW_WIDTH + 'px';
+
+ this.toggleOnionSkinEl = document.querySelector('.preview-toggle-onion-skin');
+ this.toggleOnionSkinEl.addEventListener('click', this.toggleOnionSkin_.bind(this));
+
+ pskl.utils.Event.addEventListener('.open-popup-preview-button', 'click', this.onOpenPopupPreviewClick_, this);
+
+ pskl.app.shortcutService.addShortcut('alt+O', this.toggleOnionSkin_.bind(this));
+
+ $.subscribe(Events.FRAME_SIZE_CHANGED, this.onFrameSizeChange_.bind(this));
+ $.subscribe(Events.USER_SETTINGS_CHANGED, $.proxy(this.onUserSettingsChange_, this));
+
+ $.subscribe(Events.PISKEL_SAVE_STATE, this.setRenderFlag_.bind(this, true));
+ $.subscribe(Events.PISKEL_RESET, this.setRenderFlag_.bind(this, true));
+
+ this.popupPreviewController.init();
+
+ this.updateZoom_();
+ this.updateOnionSkinPreview_();
+ this.updateMaxFPS_();
+ this.updateContainerDimensions_();
+ };
+
+ ns.PreviewController.prototype.onOpenPopupPreviewClick_ = function () {
+ this.popupPreviewController.open();
+ };
+
+ ns.PreviewController.prototype.onUserSettingsChange_ = function (evt, name, value) {
+ if (name == pskl.UserSettings.ONION_SKIN) {
+ this.updateOnionSkinPreview_();
+ } else if (name == pskl.UserSettings.MAX_FPS) {
+ this.updateMaxFPS_();
+ } else {
+ this.updateZoom_();
+ this.updateContainerDimensions_();
+ }
+ };
+
+ ns.PreviewController.prototype.updateOnionSkinPreview_ = function () {
+ var enabledClassname = 'preview-toggle-onion-skin-enabled';
+ if (pskl.UserSettings.get(pskl.UserSettings.ONION_SKIN)) {
+ this.toggleOnionSkinEl.classList.add(enabledClassname);
+ } else {
+ this.toggleOnionSkinEl.classList.remove(enabledClassname);
+ }
+ };
+
+ ns.PreviewController.prototype.updateMaxFPS_ = function () {
+ var maxFps = pskl.UserSettings.get(pskl.UserSettings.MAX_FPS);
+ this.fpsRangeInput.get(0).setAttribute('max', maxFps);
+ this.setFPS(Math.min(this.fps, maxFps));
+ };
+
+ ns.PreviewController.prototype.updateZoom_ = function () {
+ var isTiled = pskl.UserSettings.get(pskl.UserSettings.TILED_PREVIEW);
+ var zoom = isTiled ? 1 : this.calculateZoom_();
+ this.renderer.setZoom(zoom);
+ };
+
+ ns.PreviewController.prototype.getZoom = function () {
+ return this.calculateZoom_();
+ };
+
+ ns.PreviewController.prototype.getCoordinates = function(x, y) {
+ var containerOffset = this.container.offset();
+ x = x - containerOffset.left;
+ y = y - containerOffset.top;
+ var zoom = this.getZoom();
+ return {
+ x : Math.floor(x / zoom),
+ y : Math.floor(y / zoom)
+ };
+ };
+
+ ns.PreviewController.prototype.onFPSSliderChange = function (evt) {
+ this.setFPS(parseInt(this.fpsRangeInput[0].value, 10));
+
+ };
+
+ ns.PreviewController.prototype.setFPS = function (fps) {
+ if (typeof fps === 'number') {
+ this.fps = fps;
+ // reset
+ this.fpsRangeInput.get(0).value = 0;
+ // set proper value
+ this.fpsRangeInput.get(0).value = this.fps;
+ this.fpsRangeInput.blur();
+ this.fpsCounterDisplay.html(this.fps + ' FPS');
+ }
+ };
+
+ ns.PreviewController.prototype.getFPS = function () {
+ return this.fps;
+ };
+
+ ns.PreviewController.prototype.render = function (delta) {
+ this.elapsedTime += delta;
+ var index = this.getNextIndex_(delta);
+ if (this.shoudlRender_() || this.currentIndex != index) {
+ this.currentIndex = index;
+ var frame = this.piskelController.getFrameAt(this.currentIndex);
+ this.renderer.render(frame);
+ this.renderFlag = false;
+
+ this.popupPreviewController.render(frame);
+ }
+ };
+
+ ns.PreviewController.prototype.getNextIndex_ = function (delta) {
+ if (this.fps === 0) {
+ return this.piskelController.getCurrentFrameIndex();
+ } else {
+ var index = Math.floor(this.elapsedTime / (1000/this.fps));
+ if (!this.piskelController.hasFrameAt(index)) {
+ this.elapsedTime = 0;
+ index = 0;
+ }
+ return index;
+ }
+ };
+
+ /**
+ * Calculate the preview zoom depending on the framesheet size
+ */
+ ns.PreviewController.prototype.calculateZoom_ = function () {
+ var frame = this.piskelController.getCurrentFrame();
+ var hZoom = PREVIEW_SIZE / frame.getHeight(),
+ wZoom = PREVIEW_SIZE / frame.getWidth();
+
+ return Math.min(hZoom, wZoom);
+ };
+
+ ns.PreviewController.prototype.onFrameSizeChange_ = function () {
+ this.updateZoom_();
+ this.updateContainerDimensions_();
+ };
+
+ ns.PreviewController.prototype.updateContainerDimensions_ = function () {
+ var containerEl = this.container.get(0);
+ var isTiled = pskl.UserSettings.get(pskl.UserSettings.TILED_PREVIEW);
+ var height, width;
+
+ if (isTiled) {
+ height = PREVIEW_SIZE;
+ width = PREVIEW_SIZE;
+ } else {
+ var zoom = this.getZoom();
+ var frame = this.piskelController.getCurrentFrame();
+ height = frame.getHeight() * zoom;
+ width = frame.getWidth() * zoom;
+ }
+
+ containerEl.style.height = height + 'px';
+ containerEl.style.width = width + 'px';
+
+ var horizontalMargin = (PREVIEW_SIZE - height) / 2;
+ containerEl.style.marginTop = horizontalMargin + 'px';
+ containerEl.style.marginBottom = horizontalMargin + 'px';
+
+ var verticalMargin = (PREVIEW_SIZE - width) / 2;
+ containerEl.style.marginLeft = verticalMargin + 'px';
+ containerEl.style.marginRight = verticalMargin + 'px';
+ };
+
+ ns.PreviewController.prototype.setRenderFlag_ = function (bool) {
+ this.renderFlag = bool;
+ };
+
+ ns.PreviewController.prototype.shoudlRender_ = function () {
+ return this.renderFlag || this.popupPreviewController.renderFlag;
+ };
+
+ ns.PreviewController.prototype.toggleOnionSkin_ = function () {
+ var currentValue = pskl.UserSettings.get(pskl.UserSettings.ONION_SKIN);
+ pskl.UserSettings.set(pskl.UserSettings.ONION_SKIN, !currentValue);
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.controller');
+
+ ns.MinimapController = function (piskelController, previewController, drawingController, container) {
+ this.piskelController = piskelController;
+ this.previewController = previewController;
+ this.drawingController = drawingController;
+ this.container = container;
+
+ this.isClicked = false;
+ this.isVisible = false;
+ };
+
+ ns.MinimapController.prototype.init = function () {
+ // Create minimap DOM elements
+ this.minimapEl = document.createElement('DIV');
+ this.minimapEl.className = 'minimap-crop-frame';
+ this.minimapEl.style.display = 'none';
+ $(this.container).append(this.minimapEl);
+
+ // Init mouse events
+ $(this.container).mousedown(this.onMinimapMousedown_.bind(this));
+ $('body').mousemove(this.onMinimapMousemove_.bind(this));
+ $('body').mouseup(this.onMinimapMouseup_.bind(this));
+
+ $.subscribe(Events.ZOOM_CHANGED, $.proxy(this.renderMinimap_, this));
+ };
+
+ ns.MinimapController.prototype.renderMinimap_ = function () {
+ var verticalRatio = this.getVerticalRatio_();
+ var horizontalRatio = this.getHorizontalRatio_();
+ if (verticalRatio > 1 || horizontalRatio > 1) {
+ this.displayMinimap_();
+ } else {
+ this.hideMinimap_();
+ }
+ };
+
+ ns.MinimapController.prototype.displayMinimap_ = function () {
+ var minimapSize = this.getMinimapSize_();
+ var previewSize = this.getPreviewSize_();
+
+ var containerHeight = this.container.height();
+ var containerWidth = this.container.width();
+
+ // offset(x, y) in frame pixels
+ var offset = this.drawingController.getRenderer().getOffset();
+
+ // the preview is centered in a square container
+ // if the sprite is not a square, a margin is needed on the appropriate coordinate
+ // before adding the offset coming from the drawing area
+ var leftMargin = (containerWidth - Math.max(minimapSize.width, previewSize.width))/2;
+ var leftOffset = offset.x * this.previewController.getZoom();
+ var left = leftMargin + leftOffset;
+
+ var topMargin = (containerHeight - Math.max(minimapSize.height, previewSize.height))/2;
+ var topOffset = offset.y * this.previewController.getZoom();
+ var top = topMargin + topOffset;
+
+ this.minimapEl.style.display = 'block';
+ this.minimapEl.style.width = Math.min(minimapSize.width, containerWidth) + 'px';
+ this.minimapEl.style.height = Math.min(minimapSize.height, containerHeight) + 'px';
+ this.minimapEl.style.left = Math.max(0, left) + 'px';
+ this.minimapEl.style.top = Math.max(0, top) + 'px';
+
+ this.isVisible = true;
+ };
+
+ ns.MinimapController.prototype.getMinimapSize_ = function () {
+ // Calculate the ratio to translate drawing area sizes to animated preview sizes
+ var drawingAreaZoom = this.drawingController.getRenderer().getZoom();
+ var animatedPreviewZoom = this.previewController.getZoom();
+ var ratio = drawingAreaZoom / animatedPreviewZoom;
+
+ var displaySize = this.drawingController.getRenderer().getDisplaySize();
+ var minimapWidth = displaySize.width / ratio;
+ var minimapHeight = displaySize.height / ratio;
+
+ return {
+ width : minimapWidth,
+ height: minimapHeight
+ };
+ };
+
+ ns.MinimapController.prototype.getPreviewSize_ = function () {
+ var frame = this.piskelController.getCurrentFrame();
+ var previewWidth = frame.getWidth() * this.previewController.getZoom();
+ var previewHeight = frame.getHeight() * this.previewController.getZoom();
+
+ return {
+ width : previewWidth,
+ height: previewHeight
+ };
+ };
+
+ ns.MinimapController.prototype.hideMinimap_ = function () {
+ this.minimapEl.style.display = 'none';
+ this.isVisible = false;
+ };
+
+ ns.MinimapController.prototype.onMinimapMousemove_ = function (evt) {
+ if (this.isVisible && this.isClicked) {
+ var coords = this.getCoordinatesCenteredAround_(evt.clientX, evt.clientY);
+ this.drawingController.setOffset(coords.x, coords.y);
+ }
+ };
+
+ ns.MinimapController.prototype.onMinimapMousedown_ = function (evt) {
+ this.isClicked = true;
+ };
+
+ ns.MinimapController.prototype.onMinimapMouseup_ = function (evt) {
+ this.isClicked = false;
+ };
+
+ ns.MinimapController.prototype.getCoordinatesCenteredAround_ = function (x, y) {
+ var frameCoords = this.previewController.getCoordinates(x, y);
+
+ var frameWidth = this.piskelController.getCurrentFrame().getWidth();
+ var frameHeight = this.piskelController.getCurrentFrame().getHeight();
+
+ var width = frameWidth / this.getHorizontalRatio_();
+ var height = frameHeight / this.getVerticalRatio_();
+
+ return {
+ x : frameCoords.x - (width/2),
+ y : frameCoords.y - (height/2)
+ };
+ };
+
+ ns.MinimapController.prototype.getVerticalRatio_ = function () {
+ var drawingAreaZoom = this.drawingController.getRenderer().getZoom();
+ var frame = this.piskelController.getCurrentFrame();
+ var frameTotalHeight = frame.getHeight() * drawingAreaZoom;
+ var frameDisplayHeight = this.drawingController.getRenderer().getDisplaySize().height;
+
+ return frameTotalHeight / frameDisplayHeight;
+ };
+
+ ns.MinimapController.prototype.getHorizontalRatio_ = function () {
+ var drawingAreaZoom = this.drawingController.getRenderer().getZoom();
+ var frame = this.piskelController.getCurrentFrame();
+ var frameTotalWidth = frame.getWidth() * drawingAreaZoom;
+ var frameDisplayWidth = this.drawingController.getRenderer().getDisplaySize().width;
+
+ return frameTotalWidth / frameDisplayWidth;
+ };
+})();;(function () {
+ var ns = $.namespace("pskl.controller");
+
+ ns.ToolController = function () {
+ var toDescriptor = function (id, shortcut, instance) {
+ return {id:id, shortcut:shortcut, instance:instance};
+ };
+
+ this.tools = [
+ toDescriptor('simplePen', 'P', new pskl.tools.drawing.SimplePen()),
+ toDescriptor('verticalMirrorPen', 'V', new pskl.tools.drawing.VerticalMirrorPen()),
+ toDescriptor('paintBucket', 'B', new pskl.tools.drawing.PaintBucket()),
+ toDescriptor('colorSwap', 'A', new pskl.tools.drawing.ColorSwap()),
+ toDescriptor('eraser', 'E', new pskl.tools.drawing.Eraser()),
+ toDescriptor('stroke', 'L', new pskl.tools.drawing.Stroke()),
+ toDescriptor('rectangle', 'R', new pskl.tools.drawing.Rectangle()),
+ toDescriptor('circle', 'C', new pskl.tools.drawing.Circle()),
+ toDescriptor('move', 'M', new pskl.tools.drawing.Move()),
+ toDescriptor('rectangleSelect', 'S', new pskl.tools.drawing.RectangleSelect()),
+ toDescriptor('shapeSelect', 'Z', new pskl.tools.drawing.ShapeSelect()),
+ toDescriptor('lighten', 'U', new pskl.tools.drawing.Lighten()),
+ toDescriptor('colorPicker', 'O', new pskl.tools.drawing.ColorPicker())
+ ];
+
+ this.toolIconRenderer = new pskl.tools.IconMarkupRenderer();
+ };
+
+ /**
+ * @public
+ */
+ ns.ToolController.prototype.init = function() {
+ this.createToolsDom_();
+ this.addKeyboardShortcuts_();
+
+ // Initialize tool:
+ // Set SimplePen as default selected tool:
+ this.selectTool_(this.tools[0]);
+ // Activate listener on tool panel:
+ $("#tool-section").mousedown($.proxy(this.onToolIconClicked_, this));
+
+ $.subscribe(Events.SELECT_TOOL, this.onSelectToolEvent_.bind(this));
+ };
+
+ /**
+ * @private
+ */
+ ns.ToolController.prototype.activateToolOnStage_ = function(tool) {
+ var stage = $("body");
+ var previousSelectedToolClass = stage.data("selected-tool-class");
+ if(previousSelectedToolClass) {
+ stage.removeClass(previousSelectedToolClass);
+ stage.removeClass(pskl.tools.drawing.Move.TOOL_ID);
+ }
+ stage.addClass(tool.instance.toolId);
+ stage.data("selected-tool-class", tool.instance.toolId);
+ };
+
+ ns.ToolController.prototype.onSelectToolEvent_ = function(event, toolId) {
+ var tool = this.getToolById_(toolId);
+ if (tool) {
+ this.selectTool_(tool);
+ }
+ };
+
+ /**
+ * @private
+ */
+ ns.ToolController.prototype.selectTool_ = function(tool) {
+ this.currentSelectedTool = tool;
+ this.activateToolOnStage_(this.currentSelectedTool);
+
+ var selectedToolElement = $('#tool-section .tool-icon.selected');
+ var toolElement = $('[data-tool-id=' + tool.instance.toolId + ']');
+
+ selectedToolElement.removeClass('selected');
+ toolElement.addClass('selected');
+
+ $.publish(Events.TOOL_SELECTED, [tool.instance]);
+ };
+
+ /**
+ * @private
+ */
+ ns.ToolController.prototype.onToolIconClicked_ = function(evt) {
+ var target = $(evt.target);
+ var clickedTool = target.closest(".tool-icon");
+
+ if(clickedTool.length) {
+ var toolId = clickedTool.data().toolId;
+ var tool = this.getToolById_(toolId);
+ if (tool) {
+ this.selectTool_(tool);
+ }
+ }
+ };
+
+ ns.ToolController.prototype.onKeyboardShortcut_ = function(charkey) {
+ for (var i = 0 ; i < this.tools.length ; i++) {
+ var tool = this.tools[i];
+ if (tool.shortcut.toLowerCase() === charkey.toLowerCase()) {
+ this.selectTool_(tool);
+ }
+ }
+ };
+
+ ns.ToolController.prototype.getToolById_ = function (toolId) {
+ return pskl.utils.Array.find(this.tools, function (tool) {
+ return tool.instance.toolId == toolId;
+ });
+ };
+
+ /**
+ * @private
+ */
+ ns.ToolController.prototype.createToolsDom_ = function() {
+ var html = '';
+ for(var i = 0 ; i < this.tools.length ; i++) {
+ var tool = this.tools[i];
+ html += this.toolIconRenderer.render(tool.instance, tool.shortcut);
+ }
+ $('#tools-container').html(html);
+ };
+
+ ns.ToolController.prototype.addKeyboardShortcuts_ = function () {
+ for(var i = 0 ; i < this.tools.length ; i++) {
+ pskl.app.shortcutService.addShortcut(this.tools[i].shortcut, this.onKeyboardShortcut_.bind(this));
+ }
+ };
+})();;(function () {
+ var ns = $.namespace("pskl.controller");
+
+ ns.PaletteController = function () {
+ this.primaryColor = Constants.DEFAULT_PEN_COLOR;
+ this.secondaryColor = Constants.TRANSPARENT_COLOR;
+ };
+
+ /**
+ * @public
+ */
+ ns.PaletteController.prototype.init = function() {
+ $.subscribe(Events.SELECT_PRIMARY_COLOR, this.onColorSelected_.bind(this, {isPrimary:true}));
+ $.subscribe(Events.SELECT_SECONDARY_COLOR, this.onColorSelected_.bind(this, {isPrimary:false}));
+
+ pskl.app.shortcutService.addShortcut('X', this.swapColors.bind(this));
+ pskl.app.shortcutService.addShortcut('D', this.resetColors.bind(this));
+
+ var spectrumCfg = {
+ showPalette: true,
+ showButtons: false,
+ showInput: true,
+ palette: [
+ ['rgba(0,0,0,0)']
+ ],
+ clickoutFiresChange : true,
+
+ beforeShow : function(tinycolor) {
+ tinycolor.setAlpha(1);
+ }
+ };
+
+ // Initialize colorpickers:
+ var colorPicker = $('#color-picker');
+ colorPicker.spectrum($.extend({color: Constants.DEFAULT_PEN_COLOR}, spectrumCfg));
+ colorPicker.change({isPrimary : true}, $.proxy(this.onPickerChange_, this));
+ this.setTitleOnPicker_(Constants.DEFAULT_PEN_COLOR, colorPicker);
+
+ var secondaryColorPicker = $('#secondary-color-picker');
+ secondaryColorPicker.spectrum($.extend({color: Constants.TRANSPARENT_COLOR}, spectrumCfg));
+ secondaryColorPicker.change({isPrimary : false}, $.proxy(this.onPickerChange_, this));
+ this.setTitleOnPicker_(Constants.TRANSPARENT_COLOR, secondaryColorPicker);
+
+ var swapColorsIcon = $('.swap-colors-icon');
+ swapColorsIcon.click(this.swapColors.bind(this));
+ };
+
+ /**
+ * @private
+ */
+ ns.PaletteController.prototype.onPickerChange_ = function(evt, isPrimary) {
+ var inputPicker = $(evt.target);
+ if(evt.data.isPrimary) {
+ this.setPrimaryColor(inputPicker.val());
+ } else {
+ this.setSecondaryColor(inputPicker.val());
+ }
+ };
+
+ /**
+ * @private
+ */
+ ns.PaletteController.prototype.onColorSelected_ = function(args, evt, color) {
+ var inputPicker = $(evt.target);
+ if(args.isPrimary) {
+ this.setPrimaryColor(color);
+ } else {
+ this.setSecondaryColor(color);
+ }
+ };
+
+ ns.PaletteController.prototype.setPrimaryColor = function (color) {
+ this.primaryColor = color;
+ this.updateColorPicker_(color, $('#color-picker'));
+ $.publish(Events.PRIMARY_COLOR_SELECTED, [color]);
+ };
+
+ ns.PaletteController.prototype.setSecondaryColor = function (color) {
+ this.secondaryColor = color;
+ this.updateColorPicker_(color, $('#secondary-color-picker'));
+ $.publish(Events.SECONDARY_COLOR_SELECTED, [color]);
+ };
+
+ ns.PaletteController.prototype.getPrimaryColor = function () {
+ return this.primaryColor;
+ };
+
+ ns.PaletteController.prototype.getSecondaryColor = function () {
+ return this.secondaryColor;
+ };
+
+ ns.PaletteController.prototype.swapColors = function () {
+ var primaryColor = this.getPrimaryColor();
+ this.setPrimaryColor(this.getSecondaryColor());
+ this.setSecondaryColor(primaryColor);
+ };
+
+ ns.PaletteController.prototype.resetColors = function () {
+ this.setPrimaryColor(Constants.DEFAULT_PEN_COLOR);
+ this.setSecondaryColor(Constants.TRANSPARENT_COLOR);
+ };
+
+ /**
+ * @private
+ */
+ ns.PaletteController.prototype.updateColorPicker_ = function (color, colorPicker) {
+ if (color == Constants.TRANSPARENT_COLOR) {
+ // We can set the current palette color to transparent.
+ // You can then combine this transparent color with an advanced
+ // tool for customized deletions.
+ // Eg: bucket + transparent: Delete a colored area
+ // Stroke + transparent: hollow out the equivalent of a stroke
+
+ // The colorpicker can't be set to a transparent state.
+ // We set its background to white and insert the
+ // string "TRANSPARENT" to mimic this state:
+ colorPicker.spectrum("set", Constants.TRANSPARENT_COLOR);
+ colorPicker.val(Constants.TRANSPARENT_COLOR);
+ } else {
+ colorPicker.spectrum("set", color);
+ }
+ this.setTitleOnPicker_(color, colorPicker);
+ };
+
+ ns.PaletteController.prototype.setTitleOnPicker_ = function (title, colorPicker) {
+ var spectrumInputSelector = '.sp-replacer';
+ colorPicker.next(spectrumInputSelector).attr('title', title);
+ };
+})();
+
+
+
+;(function () {
+ var ns = $.namespace('pskl.controller');
+
+ var PRIMARY_COLOR_CLASSNAME = 'palettes-list-primary-color';
+ var SECONDARY_COLOR_CLASSNAME = 'palettes-list-secondary-color';
+
+ var HAS_SCROLL_CLASSNAME = 'palettes-list-has-scrollbar';
+ // well ... I know that if there are more than 20 colors, a scrollbar will be displayed
+ // It's linked to the max-height: 160px; defined in toolbox-palette-list.css !
+ // I apologize to my future self for this one.
+ var NO_SCROLL_MAX_COLORS = 20;
+
+
+ ns.PalettesListController = function (paletteController, usedColorService) {
+ this.usedColorService = usedColorService;
+ this.paletteService = pskl.app.paletteService;
+ this.paletteController = paletteController;
+ };
+
+ ns.PalettesListController.prototype.init = function () {
+ this.paletteColorTemplate_ = pskl.utils.Template.get('palette-color-template');
+
+ this.colorListContainer_ = document.querySelector('.palettes-list-colors');
+ this.colorPaletteSelect_ = document.querySelector('.palettes-list-select');
+
+ var createPaletteButton_ = document.querySelector('.create-palette-button');
+ var editPaletteButton_ = document.querySelector('.edit-palette-button');
+
+ this.colorPaletteSelect_.addEventListener('change', this.onPaletteSelected_.bind(this));
+ this.colorListContainer_.addEventListener('mouseup', this.onColorContainerMouseup.bind(this));
+ this.colorListContainer_.addEventListener('contextmenu', this.onColorContainerContextMenu.bind(this));
+
+ createPaletteButton_.addEventListener('click', this.onCreatePaletteClick_.bind(this));
+ editPaletteButton_.addEventListener('click', this.onEditPaletteClick_.bind(this));
+
+ $.subscribe(Events.PALETTE_LIST_UPDATED, this.onPaletteListUpdated.bind(this));
+ $.subscribe(Events.CURRENT_COLORS_UPDATED, this.fillColorListContainer.bind(this));
+ $.subscribe(Events.PRIMARY_COLOR_SELECTED, this.highlightSelectedColors.bind(this));
+ $.subscribe(Events.SECONDARY_COLOR_SELECTED, this.highlightSelectedColors.bind(this));
+ $.subscribe(Events.USER_SETTINGS_CHANGED, $.proxy(this.onUserSettingsChange_, this));
+
+
+ pskl.app.shortcutService.addShortcuts(['>', 'shift+>'], this.selectNextColor_.bind(this));
+ pskl.app.shortcutService.addShortcut('<', this.selectPreviousColor_.bind(this));
+
+ this.fillPaletteList();
+ this.updateFromUserSettings();
+ this.fillColorListContainer();
+ };
+
+ ns.PalettesListController.prototype.fillPaletteList = function () {
+ var palettes = this.paletteService.getPalettes();
+
+ var html = palettes.map(function (palette) {
+ return pskl.utils.Template.replace('{{name}} ', palette);
+ }).join('');
+ this.colorPaletteSelect_.innerHTML = html;
+ };
+
+ ns.PalettesListController.prototype.fillColorListContainer = function () {
+
+ var colors = this.getSelectedPaletteColors_();
+
+ if (colors.length > 0) {
+ var html = colors.map(function (color, index) {
+ return pskl.utils.Template.replace(this.paletteColorTemplate_, {color : color, index : index});
+ }.bind(this)).join('');
+ this.colorListContainer_.innerHTML = html;
+
+ this.highlightSelectedColors();
+
+ var hasScrollbar = colors.length > NO_SCROLL_MAX_COLORS;
+ if (hasScrollbar && !pskl.utils.UserAgent.isChrome) {
+ this.colorListContainer_.classList.add(HAS_SCROLL_CLASSNAME);
+ } else {
+ this.colorListContainer_.classList.remove(HAS_SCROLL_CLASSNAME);
+ }
+ } else {
+ this.colorListContainer_.innerHTML = pskl.utils.Template.get('palettes-list-no-colors-partial');
+ }
+ };
+
+ ns.PalettesListController.prototype.selectPalette = function (paletteId) {
+ pskl.UserSettings.set(pskl.UserSettings.SELECTED_PALETTE, paletteId);
+ };
+
+ ns.PalettesListController.prototype.getSelectedPaletteColors_ = function () {
+ var colors = [];
+ var palette = this.getSelectedPalette_();
+ if (palette) {
+ colors = palette.getColors();
+ }
+
+ if (colors.length > Constants.MAX_CURRENT_COLORS_DISPLAYED) {
+ colors = colors.slice(0, Constants.MAX_CURRENT_COLORS_DISPLAYED);
+ }
+
+ return colors;
+ };
+
+ ns.PalettesListController.prototype.getSelectedPalette_ = function () {
+ var paletteId = pskl.UserSettings.get(pskl.UserSettings.SELECTED_PALETTE);
+ return this.paletteService.getPaletteById(paletteId);
+ };
+
+ ns.PalettesListController.prototype.selectNextColor_ = function () {
+ this.selectColor_(this.getCurrentColorIndex_() + 1);
+ };
+
+ ns.PalettesListController.prototype.selectPreviousColor_ = function () {
+ this.selectColor_(this.getCurrentColorIndex_() - 1);
+ };
+
+ ns.PalettesListController.prototype.getCurrentColorIndex_ = function () {
+ var currentIndex = 0;
+ var selectedColor = document.querySelector('.' + PRIMARY_COLOR_CLASSNAME);
+ if (selectedColor)Â {
+ currentIndex = parseInt(selectedColor.dataset.colorIndex, 10);
+ }
+ return currentIndex;
+ };
+
+ ns.PalettesListController.prototype.selectColor_ = function (index) {
+ var colors = this.getSelectedPaletteColors_();
+ var color = colors[index];
+ if (color) {
+ $.publish(Events.SELECT_PRIMARY_COLOR, [color]);
+ }
+ };
+
+ ns.PalettesListController.prototype.onUserSettingsChange_ = function (evt, name, value) {
+ if (name == pskl.UserSettings.SELECTED_PALETTE) {
+ this.updateFromUserSettings();
+ }
+ };
+
+ ns.PalettesListController.prototype.updateFromUserSettings = function () {
+ var paletteId = pskl.UserSettings.get(pskl.UserSettings.SELECTED_PALETTE);
+ this.fillColorListContainer();
+ this.colorPaletteSelect_.value = paletteId;
+ };
+
+ ns.PalettesListController.prototype.onPaletteSelected_ = function (evt) {
+ var paletteId = this.colorPaletteSelect_.value;
+ this.selectPalette(paletteId);
+ this.colorPaletteSelect_.blur();
+ };
+
+ ns.PalettesListController.prototype.onCreatePaletteClick_ = function (evt) {
+ $.publish(Events.DIALOG_DISPLAY, 'create-palette');
+ };
+
+ ns.PalettesListController.prototype.onEditPaletteClick_ = function (evt) {
+ var paletteId = this.colorPaletteSelect_.value;
+ $.publish(Events.DIALOG_DISPLAY, {
+ dialogId : 'create-palette',
+ initArgs : paletteId
+ });
+ };
+
+ ns.PalettesListController.prototype.onColorContainerContextMenu = function (event) {
+ event.preventDefault();
+ };
+
+ ns.PalettesListController.prototype.onColorContainerMouseup = function (event) {
+ var target = event.target;
+ var color = target.dataset.color;
+
+ if (color) {
+ if (event.button == Constants.LEFT_BUTTON) {
+ $.publish(Events.SELECT_PRIMARY_COLOR, [color]);
+ } else if (event.button == Constants.RIGHT_BUTTON) {
+ $.publish(Events.SELECT_SECONDARY_COLOR, [color]);
+ }
+ }
+ };
+
+ ns.PalettesListController.prototype.highlightSelectedColors = function () {
+ this.removeClass_(PRIMARY_COLOR_CLASSNAME);
+ this.removeClass_(SECONDARY_COLOR_CLASSNAME);
+
+ var colorContainer = this.getColorContainer_(this.paletteController.getSecondaryColor());
+ if (colorContainer) {
+ colorContainer.classList.remove(PRIMARY_COLOR_CLASSNAME);
+ colorContainer.classList.add(SECONDARY_COLOR_CLASSNAME);
+ }
+
+ colorContainer = this.getColorContainer_(this.paletteController.getPrimaryColor());
+ if (colorContainer) {
+ colorContainer.classList.remove(SECONDARY_COLOR_CLASSNAME);
+ colorContainer.classList.add(PRIMARY_COLOR_CLASSNAME);
+ }
+ };
+
+ ns.PalettesListController.prototype.getColorContainer_ = function (color) {
+ return this.colorListContainer_.querySelector('.palettes-list-color[data-color="'+color+'"]');
+ };
+
+ ns.PalettesListController.prototype.removeClass_ = function (cssClass) {
+ var element = document.querySelector('.' + cssClass);
+ if (element) {
+ element.classList.remove(cssClass);
+ }
+ };
+
+ ns.PalettesListController.prototype.onPaletteListUpdated = function () {
+ this.fillPaletteList();
+ this.updateFromUserSettings();
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.controller');
+
+ ns.ProgressBarController = function () {
+ this.template = pskl.utils.Template.get('progress-bar-template');
+ this.progressBar = null;
+ this.progressBarStatus = null;
+
+ this.showProgressTimer_ = 0;
+ };
+
+ ns.ProgressBarController.prototype.init = function () {
+ $.subscribe(Events.SHOW_PROGRESS, $.proxy(this.showProgress_, this));
+ $.subscribe(Events.UPDATE_PROGRESS, $.proxy(this.updateProgress_, this));
+ $.subscribe(Events.HIDE_PROGRESS, $.proxy(this.hideProgress_, this));
+ };
+
+ ns.ProgressBarController.prototype.showProgress_ = function (event, progressInfo) {
+ this.removeProgressBar_();
+ this.showProgressTimer_ = window.setTimeout(this.onTimerExpired_.bind(this, progressInfo), 300);
+ };
+
+ ns.ProgressBarController.prototype.onTimerExpired_ = function (progressInfo) {
+ var progressBarHtml = pskl.utils.Template.replace(this.template, {
+ name : progressInfo.name,
+ status : 0
+ });
+
+ var progressBarEl = pskl.utils.Template.createFromHTML(progressBarHtml);
+ document.body.appendChild(progressBarEl);
+
+ this.progressBar = document.querySelector('.progress-bar');
+ this.progressBarStatus = document.querySelector('.progress-bar-status');
+ };
+
+ ns.ProgressBarController.prototype.updateProgress_ = function (event, progressInfo) {
+ if (this.progressBar && this.progressBarStatus) {
+ var progress = progressInfo.progress;
+ var width = this.progressBar.offsetWidth;
+ var progressWidth = width - ((progress * width) / 100);
+ this.progressBar.style.backgroundPosition = (-progressWidth) + 'px 0';
+ this.progressBarStatus.innerHTML = progress + '%';
+ }
+ };
+
+ ns.ProgressBarController.prototype.hideProgress_ = function (event, progressInfo) {
+ if (this.showProgressTimer_) {
+ window.clearTimeout(this.showProgressTimer_);
+ }
+ this.removeProgressBar_();
+ };
+
+ ns.ProgressBarController.prototype.removeProgressBar_ = function () {
+ var progressBarContainer = document.querySelector('.progress-bar-container');
+ if (progressBarContainer) {
+ progressBarContainer.parentNode.removeChild(progressBarContainer);
+ this.progressBar = null;
+ this.progressBarStatus = null;
+ }
+ };
+})();;(function () {
+ var ns = $.namespace("pskl.controller");
+
+ ns.NotificationController = function () {};
+
+ /**
+ * @public
+ */
+ ns.NotificationController.prototype.init = function() {
+ $.subscribe(Events.SHOW_NOTIFICATION, $.proxy(this.displayMessage_, this));
+ $.subscribe(Events.HIDE_NOTIFICATION, $.proxy(this.removeMessage_, this));
+ };
+
+ /**
+ * @private
+ */
+ ns.NotificationController.prototype.displayMessage_ = function (evt, messageInfo) {
+ this.removeMessage_();
+
+ var message = document.createElement('div');
+ message.id = "user-message";
+ message.className = "user-message";
+ message.innerHTML = messageInfo.content;
+ message.innerHTML = message.innerHTML + "x
";
+ document.body.appendChild(message);
+
+ message.querySelector('.close').addEventListener('click', this.removeMessage_.bind(this));
+ if (messageInfo.behavior) {
+ messageInfo.behavior(message);
+ }
+
+ if (messageInfo.hideDelay) {
+ window.setTimeout(this.removeMessage_.bind(this), messageInfo.hideDelay);
+ }
+ };
+
+ /**
+ * @private
+ */
+ ns.NotificationController.prototype.removeMessage_ = function (evt) {
+ var message = $("#user-message");
+ if (message.length) {
+ message.remove();
+ }
+ };
+})();
+;(function () {
+ var ns = $.namespace('pskl.controller');
+
+ ns.TransformationsController = function () {
+
+ var toDescriptor = function (id, shortcut, instance) {
+ return {id:id, shortcut:shortcut, instance:instance};
+ };
+
+ this.tools = [
+ toDescriptor('flip', '', new pskl.tools.transform.Flip()),
+ toDescriptor('rotate', '', new pskl.tools.transform.Rotate()),
+ toDescriptor('clone', '', new pskl.tools.transform.Clone())
+ ];
+
+ this.toolIconRenderer = new pskl.tools.IconMarkupRenderer();
+ };
+
+ ns.TransformationsController.prototype.init = function () {
+ var container = document.querySelector('.transformations-container');
+ this.toolsContainer = container.querySelector('.tools-wrapper');
+ container.addEventListener('click', this.onTransformationClick.bind(this));
+ this.createToolsDom_();
+ };
+
+
+ ns.TransformationsController.prototype.onTransformationClick = function (evt) {
+ var toolId = evt.target.dataset.toolId;
+ this.tools.forEach(function (tool) {
+ if (tool.instance.toolId === toolId) {
+ tool.instance.apply(evt);
+ }
+ }.bind(this));
+ };
+
+ ns.TransformationsController.prototype.createToolsDom_ = function() {
+ var html = this.tools.reduce(function (p, tool) {
+ return p + this.toolIconRenderer.render(tool.instance, tool.shortcut, 'left');
+ }.bind(this), '');
+ this.toolsContainer.innerHTML = html;
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.controller');
+
+ ns.CanvasBackgroundController = function () {
+ this.body = document.body;
+ };
+
+ ns.CanvasBackgroundController.prototype.init = function () {
+ $.subscribe(Events.USER_SETTINGS_CHANGED, this.onUserSettingsChange_.bind(this));
+ this.updateBackgroundClass_(pskl.UserSettings.get(pskl.UserSettings.CANVAS_BACKGROUND));
+ };
+
+
+ ns.CanvasBackgroundController.prototype.onUserSettingsChange_ = function (evt, settingName, settingValue) {
+ if (settingName == pskl.UserSettings.CANVAS_BACKGROUND) {
+ this.updateBackgroundClass_(settingValue);
+ }
+ };
+
+ ns.CanvasBackgroundController.prototype.updateBackgroundClass_ = function (newClass) {
+ var currentClass = this.body.dataset.currentBackgroundClass;
+ if (currentClass) {
+ this.body.classList.remove(currentClass);
+ }
+ this.body.classList.add(newClass);
+ this.body.dataset.currentBackgroundClass = newClass;
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.controller.settings');
+ ns.AbstractSettingController = function () {};
+
+ ns.AbstractSettingController.prototype.addEventListener = function (el, type, callback) {
+ pskl.utils.Event.addEventListener(el, type, callback, this);
+ };
+
+
+ ns.AbstractSettingController.prototype.destroy = function () {
+ pskl.utils.Event.removeAllEventListeners(this);
+ this.nullifyDomReferences_();
+ };
+
+ ns.AbstractSettingController.prototype.nullifyDomReferences_ = function () {
+ for (var key in this) {
+ if (this.hasOwnProperty(key)) {
+ var isHTMLElement = this[key] && this[key].nodeName;
+ if (isHTMLElement) {
+ this[key] = null;
+ }
+ }
+ }
+ };
+
+})();;(function () {
+ var ns = $.namespace("pskl.controller.settings");
+
+ ns.ApplicationSettingsController = function () {};
+
+ pskl.utils.inherit(ns.ApplicationSettingsController, pskl.controller.settings.AbstractSettingController);
+
+ ns.ApplicationSettingsController.prototype.init = function() {
+ this.backgroundContainer = document.querySelector('.background-picker-wrapper');
+ this.addEventListener(this.backgroundContainer, 'click', this.onBackgroundClick_);
+
+ // Highlight selected background :
+ var background = pskl.UserSettings.get(pskl.UserSettings.CANVAS_BACKGROUND);
+ var selectedBackground = this.backgroundContainer.querySelector('[data-background=' + background + ']');
+ if (selectedBackground) {
+ selectedBackground.classList.add('selected');
+ }
+
+ // Grid display and size
+ var gridWidth = pskl.UserSettings.get(pskl.UserSettings.GRID_WIDTH);
+ var gridSelect = document.querySelector('.grid-width-select');
+ var selectedOption = gridSelect.querySelector('option[value="'+gridWidth+'"]');
+ if (selectedOption) {
+ selectedOption.setAttribute('selected', 'selected');
+ }
+
+ this.addEventListener(gridSelect, 'change', this.onGridWidthChange_);
+
+ // Tiled preview
+ var tiledPreview = pskl.UserSettings.get(pskl.UserSettings.TILED_PREVIEW);
+ var tiledPreviewCheckbox = document.querySelector('.tiled-preview-checkbox');
+ if (tiledPreview) {
+ tiledPreviewCheckbox.setAttribute('checked', tiledPreview);
+ }
+ this.addEventListener(tiledPreviewCheckbox, 'change', this.onTiledPreviewChange_);
+
+ // Max FPS
+ var maxFpsInput = document.querySelector('.max-fps-input');
+ maxFpsInput.value = pskl.UserSettings.get(pskl.UserSettings.MAX_FPS);
+ this.addEventListener(maxFpsInput, 'change', this.onMaxFpsChange_);
+
+ // Form
+ this.applicationSettingsForm = document.querySelector('[name="application-settings-form"]');
+ this.addEventListener(this.applicationSettingsForm, 'submit', this.onFormSubmit_);
+ };
+
+ ns.ApplicationSettingsController.prototype.onGridWidthChange_ = function (evt) {
+ var width = parseInt(evt.target.value, 10);
+ pskl.UserSettings.set(pskl.UserSettings.GRID_WIDTH, width);
+ };
+
+ ns.ApplicationSettingsController.prototype.onTiledPreviewChange_ = function (evt) {
+ pskl.UserSettings.set(pskl.UserSettings.TILED_PREVIEW, evt.currentTarget.checked);
+ };
+
+ ns.ApplicationSettingsController.prototype.onBackgroundClick_ = function (evt) {
+ var target = evt.target;
+ var background = target.dataset.background;
+ if (background) {
+ pskl.UserSettings.set(pskl.UserSettings.CANVAS_BACKGROUND, background);
+ var selected = this.backgroundContainer.querySelector('.selected');
+ if (selected)Â {
+ selected.classList.remove('selected');
+ }
+ target.classList.add('selected');
+ }
+ };
+
+ ns.ApplicationSettingsController.prototype.onMaxFpsChange_ = function (evt) {
+ var target = evt.target;
+ var fps = parseInt(target.value, 10);
+ if (fps && !isNaN(fps)) {
+ pskl.UserSettings.set(pskl.UserSettings.MAX_FPS, fps);
+ } else {
+ target.value = pskl.UserSettings.get(pskl.UserSettings.MAX_FPS);
+ }
+ };
+
+ ns.ApplicationSettingsController.prototype.onFormSubmit_ = function (evt) {
+ evt.preventDefault();
+ $.publish(Events.CLOSE_SETTINGS_DRAWER);
+ };
+
+})();;(function () {
+ var ns = $.namespace("pskl.controller.settings.exportimage");
+
+ ns.ImageExportController = function (piskelController) {
+ this.piskelController = piskelController;
+ this.pngExportController = new ns.PngExportController(piskelController);
+ this.gifExportController = new ns.GifExportController(piskelController);
+ };
+
+ ns.ImageExportController.prototype.init = function () {
+ this.pngExportController.init();
+ this.gifExportController.init();
+ };
+})();;(function () {
+ var ns = $.namespace("pskl.controller.settings.exportimage");
+
+ var URL_MAX_LENGTH = 30;
+ var MAX_GIF_COLORS = 256;
+ var MAX_EXPORT_ZOOM = 20;
+ var DEFAULT_EXPORT_ZOOM = 10;
+
+ ns.GifExportController = function (piskelController) {
+ this.piskelController = piskelController;
+ };
+
+ pskl.utils.inherit(ns.GifExportController, pskl.controller.settings.AbstractSettingController);
+
+ /**
+ * List of Resolutions applicable for Gif export
+ * @static
+ * @type {Array} array of Objects {zoom:{Number}, default:{Boolean}}
+ */
+ ns.GifExportController.RESOLUTIONS = [];
+ for (var i = 1 ; i <= MAX_EXPORT_ZOOM ; i++) {
+ ns.GifExportController.RESOLUTIONS.push({
+ zoom : i
+ });
+ }
+
+ ns.GifExportController.prototype.init = function () {
+ this.optionTemplate_ = pskl.utils.Template.get("gif-export-option-template");
+
+ this.uploadStatusContainerEl = document.querySelector(".gif-upload-status");
+
+ this.previewContainerEl = document.querySelector(".gif-export-preview");
+ this.selectResolutionEl = document.querySelector(".gif-export-select-resolution");
+
+ this.uploadButton = document.querySelector(".gif-upload-button");
+ this.addEventListener(this.uploadButton, 'click', this.onUploadButtonClick_);
+
+ this.downloadButton = document.querySelector(".gif-download-button");
+ this.addEventListener(this.downloadButton, 'click', this.onDownloadButtonClick_);
+
+ this.createOptionElements_();
+ };
+
+ ns.GifExportController.prototype.onUploadButtonClick_ = function (evt) {
+ evt.preventDefault();
+ var zoom = this.getSelectedZoom_(),
+ fps = this.piskelController.getFPS();
+
+ this.renderAsImageDataAnimatedGIF(zoom, fps, this.uploadImageData_.bind(this));
+ };
+
+ ns.GifExportController.prototype.onDownloadButtonClick_ = function (evt) {
+ var zoom = this.getSelectedZoom_(),
+ fps = this.piskelController.getFPS();
+
+ this.renderAsImageDataAnimatedGIF(zoom, fps, this.downloadImageData_.bind(this));
+ };
+
+ ns.GifExportController.prototype.downloadImageData_ = function (imageData) {
+ var fileName = this.piskelController.getPiskel().getDescriptor().name + '.gif';
+ pskl.utils.BlobUtils.dataToBlob(imageData, "image/gif", function(blob) {
+ pskl.utils.FileUtils.downloadAsFile(blob, fileName);
+ });
+ };
+
+ ns.GifExportController.prototype.uploadImageData_ = function (imageData) {
+ this.updatePreview_(imageData);
+ this.previewContainerEl.classList.add("preview-upload-ongoing");
+
+ pskl.app.imageUploadService.upload(imageData, this.onImageUploadCompleted_.bind(this), this.onImageUploadFailed_.bind(this));
+ };
+
+ ns.GifExportController.prototype.onImageUploadCompleted_ = function (imageUrl) {
+ this.updatePreview_(imageUrl);
+ this.updateStatus_(imageUrl);
+ this.previewContainerEl.classList.remove("preview-upload-ongoing");
+ };
+
+ ns.GifExportController.prototype.onImageUploadFailed_ = function (event, xhr) {
+ if (xhr.status === 500) {
+ $.publish(Events.SHOW_NOTIFICATION, [{
+ "content": "Upload failed : " + xhr.responseText,
+ "hideDelay" : 5000
+ }]);
+ }
+ };
+
+ ns.GifExportController.prototype.updatePreview_ = function (src) {
+ this.previewContainerEl.innerHTML = "";
+ };
+
+ ns.GifExportController.prototype.getSelectedZoom_ = function () {
+ return this.selectResolutionEl.value;
+ };
+
+ ns.GifExportController.prototype.createOptionElements_ = function () {
+ var resolutions = ns.GifExportController.RESOLUTIONS;
+ for (var i = 0 ; i < resolutions.length ; i++) {
+ var option = this.createOptionForResolution_(resolutions[i]);
+ this.selectResolutionEl.appendChild(option);
+ }
+ };
+
+ ns.GifExportController.prototype.createOptionForResolution_ = function (resolution) {
+ var zoom = resolution.zoom;
+ var label = zoom*this.piskelController.getWidth() + "x" + zoom*this.piskelController.getHeight();
+ var value = zoom;
+
+ var isSelected = zoom === DEFAULT_EXPORT_ZOOM;
+ var selected = isSelected ? 'selected' : '';
+ var optionHTML = pskl.utils.Template.replace(this.optionTemplate_, {value : value, label : label, selected : selected});
+ var optionEl = pskl.utils.Template.createFromHTML(optionHTML);
+
+ return optionEl;
+ };
+
+ ns.GifExportController.prototype.renderAsImageDataAnimatedGIF = function(zoom, fps, cb) {
+ var colorCount = pskl.app.currentColorsService.getCurrentColors().length;
+ var preserveColors = colorCount < MAX_GIF_COLORS;
+ var gif = new window.GIF({
+ workers: 5,
+ quality: 1,
+ width: this.piskelController.getWidth() * zoom,
+ height: this.piskelController.getHeight() * zoom,
+ preserveColors : preserveColors
+ });
+
+ for (var i = 0; i < this.piskelController.getFrameCount(); i++) {
+ var frame = this.piskelController.getFrameAt(i);
+ var canvasRenderer = new pskl.rendering.CanvasRenderer(frame, zoom);
+ var canvas = canvasRenderer.render();
+ gif.addFrame(canvas.getContext('2d'), {
+ delay: 1000 / fps
+ });
+ }
+
+ $.publish(Events.SHOW_PROGRESS, [{"name": 'Building animated GIF ...'}]);
+ gif.on('progress', function(percentage) {
+ $.publish(Events.UPDATE_PROGRESS, [{"progress": (percentage*100).toFixed(1)}]);
+ }.bind(this));
+
+ gif.on('finished', function(blob) {
+ $.publish(Events.HIDE_PROGRESS);
+ pskl.utils.FileUtils.readFile(blob, cb);
+ }.bind(this));
+
+ gif.render();
+ };
+
+ // FIXME : HORRIBLE COPY/PASTA
+
+ ns.GifExportController.prototype.updateStatus_ = function (imageUrl, error) {
+ if (imageUrl) {
+ var linkTpl = "{{shortLink}} ";
+ var linkHtml = pskl.utils.Template.replace(linkTpl, {
+ link : imageUrl,
+ shortLink : this.shorten_(imageUrl, URL_MAX_LENGTH, '...')
+ });
+ this.uploadStatusContainerEl.innerHTML = 'Your image is now available at : ' + linkHtml;
+ } else {
+ // FIXME : Should display error message instead
+ }
+ };
+
+ ns.GifExportController.prototype.shorten_ = function (url, maxLength, suffix) {
+ if (url.length > maxLength) {
+ var index = Math.round((maxLength-suffix.length) / 2);
+ var part1 = url.substring(0, index);
+ var part2 = url.substring(url.length - index, url.length);
+ url = part1 + suffix + part2;
+ }
+ return url;
+ };
+})();;(function () {
+ var ns = $.namespace("pskl.controller.settings.exportimage");
+
+ var URL_MAX_LENGTH = 60;
+
+ ns.PngExportController = function (piskelController) {
+ this.piskelController = piskelController;
+ };
+
+ pskl.utils.inherit(ns.PngExportController, pskl.controller.settings.AbstractSettingController);
+
+ ns.PngExportController.prototype.init = function () {
+ this.previewContainerEl = document.querySelector('.png-export-preview');
+ this.pngFilePrefixInput = document.getElementById('zip-prefix-name');
+ this.pngFilePrefixInput.value = 'sprite_';
+
+ var downloadButton = document.querySelector(".png-download-button");
+ this.addEventListener(downloadButton, 'click', this.onPngDownloadButtonClick_);
+
+ var zipButton = document.querySelector(".zip-generate-button");
+ this.addEventListener(zipButton, 'click', this.onZipButtonClick_);
+
+ this.updatePreview_(this.getFramesheetAsCanvas().toDataURL("image/png"));
+ };
+
+ ns.PngExportController.prototype.onPngDownloadButtonClick_ = function (evt) {
+ var fileName = this.getPiskelName_() + '.png';
+ pskl.utils.BlobUtils.canvasToBlob(this.getFramesheetAsCanvas(), function(blob) {
+ pskl.utils.FileUtils.downloadAsFile(blob, fileName);
+ });
+ };
+
+ ns.PngExportController.prototype.onZipButtonClick_ = function () {
+ var zip = new window.JSZip();
+
+ for (var i = 0 ; i < this.piskelController.getFrameCount() ; i++) {
+ var frame = this.piskelController.getFrameAt(i);
+ var canvas = this.getFrameAsCanvas_(frame);
+ var basename = this.pngFilePrefixInput.value;
+ var filename = basename + (i+1) + ".png";
+ zip.file(filename, pskl.utils.CanvasUtils.getBase64FromCanvas(canvas) + '\n', {base64: true});
+ }
+
+ var fileName = this.getPiskelName_() + '.zip';
+
+ var blob = zip.generate({type:"blob"});
+ pskl.utils.FileUtils.downloadAsFile(blob, fileName);
+ };
+
+ ns.PngExportController.prototype.getFrameAsCanvas_ = function (frame) {
+ var canvasRenderer = new pskl.rendering.CanvasRenderer(frame, 1);
+ canvasRenderer.drawTransparentAs(Constants.TRANSPARENT_COLOR);
+ return canvasRenderer.render();
+ };
+
+ ns.PngExportController.prototype.getPiskelName_ = function () {
+ return this.piskelController.getPiskel().getDescriptor().name;
+ };
+
+ ns.PngExportController.prototype.getFramesheetAsCanvas = function () {
+ var renderer = new pskl.rendering.PiskelRenderer(this.piskelController);
+ return renderer.renderAsCanvas();
+ };
+
+ ns.PngExportController.prototype.onImageUploadCompleted_ = function (imageUrl) {
+ this.updatePreview_(imageUrl);
+ this.updateStatus_(imageUrl);
+ this.previewContainerEl.classList.remove("preview-upload-ongoing");
+ };
+
+ ns.PngExportController.prototype.updateStatus_ = function (imageUrl, error) {
+ if (imageUrl) {
+ var linkTpl = "{{shortLink}} ";
+ var linkHtml = pskl.utils.Template.replace(linkTpl, {
+ link : imageUrl,
+ shortLink : this.shorten_(imageUrl, URL_MAX_LENGTH, '...')
+ });
+ this.uploadStatusContainerEl.innerHTML = 'Your image is now available at : ' + linkHtml;
+ } else {
+ // FIXME : Should display error message instead
+ }
+ };
+
+ ns.PngExportController.prototype.updatePreview_ = function (src) {
+ this.previewContainerEl.innerHTML = "+ ';
+
+ this.colorsList.innerHTML = html;
+ };
+
+ ns.ColorsList.prototype.selectColor_ = function (index) {
+ this.selectedIndex = index;
+ this.hslRgbColorPicker.setColor(this.palette.get(index));
+ };
+
+ ns.ColorsList.prototype.removeColor_ = function (index) {
+ this.palette.removeAt(index);
+ this.refresh_();
+ };
+
+ ns.ColorsList.prototype.isLight_ = function (color) {
+ var rgb = window.tinycolor(color).toRgb();
+ return rgb.r+rgb.b+rgb.g > 128*3;
+ };
+
+ ns.ColorsList.prototype.onColorDrop_ = function (evt, drop) {
+ var colorElement = drop.item.get(0);
+
+ var oldIndex = parseInt(colorElement.dataset.paletteIndex, 10);
+ var newIndex = $('.create-palette-color').index(drop.item);
+ this.palette.move(oldIndex, newIndex);
+
+ this.selectedIndex = newIndex;
+
+ this.refresh_();
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.widgets');
+
+ ns.HslRgbColorPicker = function (container, colorUpdatedCallback) {
+ this.container = container;
+ this.colorUpdatedCallback = colorUpdatedCallback;
+
+ this.tinyColor = null;
+ this.hsvColor = null;
+ this.rgbColor = null;
+
+ this.lastInputTimestamp_ = 0;
+ };
+
+ ns.HslRgbColorPicker.prototype.init = function () {
+ var isChromeOrFirefox = pskl.utils.UserAgent.isChrome || pskl.utils.UserAgent.isFirefox;
+ var changeEvent = isChromeOrFirefox ? 'input' : 'change';
+ this.container.addEventListener(changeEvent, this.onPickerChange_.bind(this));
+ this.container.addEventListener('keydown', this.onKeydown_.bind(this));
+ this.container.addEventListener('focusout', this.onBlur_.bind(this));
+
+ this.spectrumEl = this.container.querySelector('.color-picker-spectrum');
+
+ $(this.spectrumEl).spectrum({
+ flat: true,
+ showButtons: false,
+ move : this.setColor.bind(this),
+ change : this.setColor.bind(this)
+ });
+
+ this.setColor("#000000");
+ };
+
+ ns.HslRgbColorPicker.prototype.destroy = function () {
+ this.container = null;
+ this.spectrumEl = null;
+ };
+
+ ns.HslRgbColorPicker.prototype.onPickerChange_ = function (evt) {
+ var target = evt.target;
+ if (target.dataset.dimension) {
+ var model = target.dataset.model;
+ var dimension = target.dataset.dimension;
+ var value = target.value;
+
+ this.updateColor_(value, model, dimension);
+ }
+ };
+
+ ns.HslRgbColorPicker.prototype.onKeydown_ = function (evt) {
+ var target = evt.target;
+
+ var isInputText = target.getAttribute('type').toLowerCase() === 'text';
+ if (isInputText && target.dataset.dimension) {
+ var model = target.dataset.model;
+
+ if (model === 'rgb' || model === 'hsv') {
+ var increment = this.getIncrement_(evt);
+ if (increment) {
+ var dimension = target.dataset.dimension;
+ var value = parseInt(target.value, 10);
+ this.updateColor_(value + increment, model, dimension);
+ }
+ }
+ }
+ };
+
+ ns.HslRgbColorPicker.prototype.getIncrement_ = function (evt) {
+ var increment = 0;
+ var key = pskl.service.keyboard.KeycodeTranslator.toChar(evt.keyCode);
+ if (key === 'up') {
+ increment = 1;
+ } else if (key === 'down') {
+ increment = -1;
+ }
+
+ if (evt.shiftKey) {
+ increment = increment * 5;
+ }
+
+ return increment;
+ };
+
+ ns.HslRgbColorPicker.prototype.updateColor_ = function (inputValue, model, dimension) {
+ var value = this.toModelValue_(inputValue, model, dimension);
+ if (model === 'hsv' || model === 'rgb') {
+ if (!isNaN(value)) {
+ var color = this.getColor_(model);
+ color[dimension] = this.normalizeDimension_(value, dimension);
+ this.setColor(color);
+ }
+ } else if (model === 'hex') {
+ if (/^#([a-f0-9]{3}){1,2}$/i.test(value)) {
+ this.setColor(value);
+ }
+ }
+ };
+
+ ns.HslRgbColorPicker.prototype.onBlur_ = function (evt) {
+ var target = evt.target;
+
+ var isInputText = target.getAttribute('type').toLowerCase() === 'text';
+ if (isInputText && target.dataset.dimension) {
+ var model = target.dataset.model;
+ var dimension = target.dataset.dimension;
+ target.value = this.toInputValue_(model, dimension);
+ }
+ };
+
+ ns.HslRgbColorPicker.prototype.setColor = function (inputColor) {
+ if (!this.unplugged) {
+ this.unplugged = true;
+
+ this.hsvColor = this.toHsvColor_(inputColor);
+ this.tinyColor = this.toTinyColor_(inputColor);
+ this.rgbColor = this.tinyColor.toRgb();
+
+ this.updateInputs();
+ $(".color-picker-spectrum").spectrum("set", this.tinyColor);
+
+ this.colorUpdatedCallback(this.tinyColor);
+
+ this.unplugged = false;
+ }
+ };
+
+ ns.HslRgbColorPicker.prototype.updateInputs = function () {
+ var inputs = this.container.querySelectorAll('input');
+
+ for (var i = 0 ; i < inputs.length ; i++) {
+ var input = inputs[i];
+ var dimension = input.dataset.dimension;
+ var model = input.dataset.model;
+
+ var value = this.toInputValue_(model, dimension);
+ if (input.value != value) {
+ input.value = value;
+ }
+ if (input.getAttribute('type') === 'range') {
+ this.updateSliderBackground(input);
+ }
+ }
+ };
+
+ ns.HslRgbColorPicker.prototype.toInputValue_ = function (model, dimension) {
+ var value;
+
+ if (model === 'rgb' || model === 'hsv') {
+ var color = this.getColor_(model);
+ value = color[dimension];
+
+ if (dimension === 'v' || dimension === 's') {
+ value = 100 * value;
+ }
+ value = Math.round(value);
+ } else if (model === 'hex') {
+ value = this.tinyColor.toHexString(true);
+ }
+
+ return value;
+ };
+
+ ns.HslRgbColorPicker.prototype.toModelValue_ = function (value, model, dimension) {
+ var modelValue;
+
+ if (model === 'rgb' || model === 'hsv') {
+ modelValue = parseInt(value, 10);
+ if (dimension === 'v' || dimension === 's') {
+ modelValue = modelValue/100;
+ }
+ } else if (model === 'hex') {
+ modelValue = value;
+ }
+
+ return modelValue;
+ };
+
+ ns.HslRgbColorPicker.prototype.toTinyColor_ = function (color) {
+ var isTinyColor = typeof color == 'object' && color.hasOwnProperty('_tc_id');
+ if (isTinyColor) {
+ return color;
+ } else {
+ return window.tinycolor(pskl.utils.copy(color));
+ }
+ };
+
+ ns.HslRgbColorPicker.prototype.toHsvColor_ = function (color) {
+ var isHsvColor = ['h','s','v'].every(color.hasOwnProperty.bind(color));
+ if (isHsvColor) {
+ return {
+ h : this.normalizeDimension_(color.h, 'h'),
+ s : this.normalizeDimension_(color.s, 's'),
+ v : this.normalizeDimension_(color.v, 'v')
+ };
+ } else {
+ return this.toTinyColor_(color).toHsv();
+ }
+ };
+
+ ns.HslRgbColorPicker.prototype.normalizeDimension_ = function (value, dimension) {
+ var range = this.getDimensionRange_(dimension);
+ return Math.max(range[0], Math.min(range[1], value));
+ };
+
+ /**
+ * Update background colors for range inputs
+ */
+ ns.HslRgbColorPicker.prototype.updateSliderBackground = function (slider) {
+ var dimension = slider.dataset.dimension;
+ var model = slider.dataset.model;
+
+ var start, end;
+ var isHueSlider = dimension === 'h';
+ if (!isHueSlider) {
+ var colors = this.getSliderBackgroundColors_(model, dimension);
+ slider.style.backgroundImage = "linear-gradient(to right, " + colors.start + " 0, " + colors.end + " 100%)";
+ }
+ };
+
+ ns.HslRgbColorPicker.prototype.getSliderBackgroundColors_ = function (model, dimension) {
+ var color = this.getColor_(model);
+ var start = pskl.utils.copy(color);
+ var end = pskl.utils.copy(color);
+
+ var range = this.getDimensionRange_(dimension);
+ start[dimension] = range[0];
+ end[dimension] = range[1];
+
+ return {
+ start : window.tinycolor(start).toRgbString(),
+ end : window.tinycolor(end).toRgbString()
+ };
+ };
+
+ ns.HslRgbColorPicker.prototype.getDimensionRange_ = function (d) {
+ if (d === 'h') {
+ return [0, 359];
+ } else if (d === 's' || d === 'v') {
+ return [0, 1];
+ } else if (d === 'r' || d === 'g' || d === 'b') {
+ return [0, 255];
+ }
+ };
+
+ ns.HslRgbColorPicker.prototype.getColor_ = function (model) {
+ var color;
+ if (model === 'hsv') {
+ color = this.hsvColor;
+ } else if (model === 'rgb'){
+ color = this.rgbColor;
+ }
+ return color;
+ };
+
+})();;(function () {
+ var ns = $.namespace("pskl.service");
+
+ ns.LocalStorageService = function (piskelController) {
+
+ if(piskelController === undefined) {
+ throw "Bad LocalStorageService initialization: ";
+ }
+ this.piskelController = piskelController;
+ };
+
+ ns.LocalStorageService.prototype.init = function() {};
+
+ ns.LocalStorageService.prototype.save = function(name, description, piskel) {
+ this.removeFromKeys_(name);
+ this.addToKeys_(name, description, Date.now());
+ window.localStorage.setItem('piskel.' + name, piskel);
+ };
+
+ ns.LocalStorageService.prototype.load = function(name) {
+ var piskelString = this.getPiskel(name);
+ var key = this.getKey_(name);
+ var serializedPiskel = JSON.parse(piskelString);
+ // FIXME : should be moved to deserializer
+ // Deserializer should call callback with descriptor + fps information
+ var fps = serializedPiskel.piskel.fps;
+ var description = serializedPiskel.piskel.description;
+
+ pskl.utils.serialization.Deserializer.deserialize(serializedPiskel, function (piskel) {
+ piskel.setDescriptor(new pskl.model.piskel.Descriptor(name, description, true));
+ pskl.app.piskelController.setPiskel(piskel);
+ pskl.app.previewController.setFPS(fps);
+ });
+ };
+
+ ns.LocalStorageService.prototype.remove = function(name) {
+ this.removeFromKeys_(name);
+ window.localStorage.removeItem('piskel.' + name);
+ };
+
+ ns.LocalStorageService.prototype.saveKeys_ = function(keys) {
+ window.localStorage.setItem('piskel.keys', JSON.stringify(keys));
+ };
+
+ ns.LocalStorageService.prototype.removeFromKeys_ = function(name) {
+ var keys = this.getKeys();
+ var otherKeys = keys.filter(function (key) {
+ return key.name !== name;
+ });
+
+ this.saveKeys_(otherKeys);
+ };
+
+ ns.LocalStorageService.prototype.getKey_ = function(name) {
+ var matches = this.getKeys().filter(function (key) {
+ return key.name === name;
+ });
+ if (matches.length > 0) {
+ return matches[0];
+ } else {
+ return null;
+ }
+ };
+
+ ns.LocalStorageService.prototype.addToKeys_ = function(name, description, date) {
+ var keys = this.getKeys();
+ keys.push({
+ name : name,
+ description : description,
+ date : date
+ });
+ this.saveKeys_(keys);
+ };
+
+ ns.LocalStorageService.prototype.getPiskel = function(name) {
+ return window.localStorage.getItem('piskel.' + name);
+ };
+
+ ns.LocalStorageService.prototype.getKeys = function(name) {
+ var keysString = window.localStorage.getItem('piskel.keys');
+ return JSON.parse(keysString) || [];
+ };
+
+})();;(function () {
+ var ns = $.namespace('pskl.service');
+
+ ns.GithubStorageService = function (piskelController) {
+ this.piskelController = piskelController;
+ };
+
+ ns.GithubStorageService.prototype.init = function () {};
+
+ ns.GithubStorageService.prototype.store = function (callbacks) {
+ throw "Github save is no longer available. Use local save instead";
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.service');
+
+ ns.AppEngineStorageService = function (piskelController) {
+ this.piskelController = piskelController;
+ };
+
+ ns.AppEngineStorageService.prototype.init = function () {};
+
+ ns.AppEngineStorageService.prototype.store = function (callbacks) {
+ var piskel = this.piskelController.getPiskel();
+ var descriptor = piskel.getDescriptor();
+
+ var data = {
+ framesheet : this.piskelController.serialize(),
+ fps : this.piskelController.getFPS(),
+ name : descriptor.name,
+ description : descriptor.description,
+ frames : this.piskelController.getFrameCount(),
+ first_frame_as_png : pskl.app.getFirstFrameAsPng(),
+ framesheet_as_png : pskl.app.getFramesheetAsPng()
+ };
+
+ if (descriptor.isPublic) {
+ data['public'] = true;
+ }
+
+ var success = function () {
+ callbacks.success();
+ callbacks.after();
+ };
+
+ var error = function (response) {
+ callbacks.error(response.status);
+ callbacks.after();
+ };
+
+ pskl.utils.Xhr.post(Constants.APPENGINE_SAVE_URL, data, success, error);
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.service');
+
+ // 1 minute = 1000 * 60
+ var BACKUP_INTERVAL = 1000 * 60;
+
+ ns.BackupService = function (piskelController) {
+ this.piskelController = piskelController;
+ this.lastHash = null;
+ };
+
+ ns.BackupService.prototype.init = function () {
+ var previousPiskel = window.localStorage.getItem('bkp.next.piskel');
+ var previousInfo = window.localStorage.getItem('bkp.next.info');
+ if (previousPiskel && previousInfo) {
+ this.savePiskel_('prev', previousPiskel, previousInfo);
+ }
+
+ window.setInterval(this.backup.bind(this), BACKUP_INTERVAL);
+ };
+
+ ns.BackupService.prototype.backup = function () {
+ var piskel = this.piskelController.getPiskel();
+ var descriptor = piskel.getDescriptor();
+ var hash = piskel.getHash();
+ var info = {
+ name : descriptor.name,
+ description : descriptor.info,
+ fps : this.piskelController.getFPS(),
+ date : Date.now(),
+ hash : hash
+ };
+
+ // Do not save an unchanged piskel
+ if (hash !== this.lastHash) {
+ this.lastHash = hash;
+ this.savePiskel_('next', this.piskelController.serialize(), JSON.stringify(info));
+ }
+ };
+
+ ns.BackupService.prototype.getPreviousPiskelInfo = function () {
+ var previousInfo = window.localStorage.getItem('bkp.prev.info');
+ if (previousInfo) {
+ return JSON.parse(previousInfo);
+ }
+ };
+
+ ns.BackupService.prototype.load = function() {
+
+ var previousPiskel = window.localStorage.getItem('bkp.prev.piskel');
+ var previousInfo = window.localStorage.getItem('bkp.prev.info');
+
+ previousPiskel = JSON.parse(previousPiskel);
+ previousInfo = JSON.parse(previousInfo);
+
+ pskl.utils.serialization.Deserializer.deserialize(previousPiskel, function (piskel) {
+ piskel.setDescriptor(new pskl.model.piskel.Descriptor(previousInfo.name, previousInfo.description, true));
+ pskl.app.piskelController.setPiskel(piskel);
+ pskl.app.previewController.setFPS(previousInfo.fps);
+ });
+ };
+
+ ns.BackupService.prototype.savePiskel_ = function (type, piskel, info) {
+ try {
+ window.localStorage.setItem('bkp.' + type +'.piskel', piskel);
+ window.localStorage.setItem('bkp.' + type +'.info', info);
+ } catch (e) {
+ console.error('Could not save piskel backup in localStorage.', e);
+ }
+ };
+})();
+
+
+
+
+;(function () {
+ var ns = $.namespace('pskl.service');
+
+ ns.BeforeUnloadService = function (piskelController) {
+ this.piskelController = piskelController;
+ };
+
+
+ ns.BeforeUnloadService.prototype.init = function () {
+ window.addEventListener("beforeunload", this.onBeforeUnload.bind(this));
+ };
+
+ ns.BeforeUnloadService.prototype.onBeforeUnload = function (evt) {
+ pskl.app.backupService.backup();
+ if (pskl.app.savedStatusService.isDirty()) {
+ var confirmationMessage = "Your Piskel seems to have unsaved changes";
+
+ (evt || window.event).returnValue = confirmationMessage;
+ return confirmationMessage;
+ }
+ };
+
+})();;(function () {
+ var ns = $.namespace('pskl.service');
+
+ ns.HistoryService = function (piskelController, shortcutService, deserializer) {
+ this.piskelController = piskelController || pskl.app.piskelController;
+ this.shortcutService = shortcutService || pskl.app.shortcutService;
+ this.deserializer = deserializer || pskl.utils.serialization.Deserializer;
+
+ this.stateQueue = [];
+ this.currentIndex = -1;
+
+ this.lastLoadState = -1;
+ };
+
+ // Force to save a state as a SNAPSHOT
+ ns.HistoryService.SNAPSHOT = 'SNAPSHOT';
+
+ // Default save state
+ ns.HistoryService.REPLAY = 'REPLAY';
+
+ // Period (in number of state saved) between two snapshots
+ ns.HistoryService.SNAPSHOT_PERIOD = 50;
+
+ // Interval/buffer (in milliseconds) between two state load (ctrl+z/y spamming)
+ ns.HistoryService.LOAD_STATE_INTERVAL = 50;
+
+ ns.HistoryService.prototype.init = function () {
+ $.subscribe(Events.PISKEL_SAVE_STATE, this.onSaveStateEvent.bind(this));
+
+ this.shortcutService.addShortcut('ctrl+Z', this.undo.bind(this));
+ this.shortcutService.addShortcut('ctrl+Y', this.redo.bind(this));
+
+ this.saveState({
+ type : ns.HistoryService.SNAPSHOT
+ });
+ };
+
+ ns.HistoryService.prototype.onSaveStateEvent = function (evt, action) {
+ this.saveState(action);
+ };
+
+ ns.HistoryService.prototype.saveState = function (action) {
+ this.stateQueue = this.stateQueue.slice(0, this.currentIndex + 1);
+ this.currentIndex = this.currentIndex + 1;
+
+ var state = {
+ action : action,
+ frameIndex : action.state ? action.state.frameIndex : this.piskelController.currentFrameIndex,
+ layerIndex : action.state ? action.state.layerIndex : this.piskelController.currentLayerIndex
+ };
+
+ var isSnapshot = action.type === ns.HistoryService.SNAPSHOT;
+ var isAtAutoSnapshotInterval = this.currentIndex % ns.HistoryService.SNAPSHOT_PERIOD === 0;
+ if (isSnapshot || isAtAutoSnapshotInterval) {
+ state.piskel = this.piskelController.serialize(true);
+ }
+
+ this.stateQueue.push(state);
+ $.publish(Events.HISTORY_STATE_SAVED);
+ };
+
+ ns.HistoryService.prototype.undo = function () {
+ this.loadState(this.currentIndex - 1);
+ };
+
+ ns.HistoryService.prototype.redo = function () {
+ this.loadState(this.currentIndex + 1);
+ };
+
+ ns.HistoryService.prototype.isLoadStateAllowed_ = function (index) {
+ var timeOk = (Date.now() - this.lastLoadState) > ns.HistoryService.LOAD_STATE_INTERVAL;
+ var indexInRange = index >= 0 && index < this.stateQueue.length;
+ return timeOk && indexInRange;
+ };
+
+ ns.HistoryService.prototype.getPreviousSnapshotIndex_ = function (index) {
+ while (this.stateQueue[index] && !this.stateQueue[index].piskel) {
+ index = index - 1;
+ }
+ return index;
+ };
+
+ ns.HistoryService.prototype.loadState = function (index) {
+ try {
+ if (this.isLoadStateAllowed_(index)) {
+ this.lastLoadState = Date.now();
+
+ var snapshotIndex = this.getPreviousSnapshotIndex_(index);
+ if (snapshotIndex < 0) {
+ throw 'Could not find previous SNAPSHOT saved in history stateQueue';
+ }
+ var serializedPiskel = this.getSnapshotFromState_(snapshotIndex);
+ var onPiskelLoadedCb = this.onPiskelLoaded_.bind(this, index, snapshotIndex);
+ this.deserializer.deserialize(serializedPiskel, onPiskelLoadedCb);
+ }
+ } catch (e) {
+ window.console.error("[CRITICAL ERROR] : Unable to load a history state.");
+ if (typeof e === "string") {
+ window.console.error(e);
+ } else {
+ window.console.error(e.message);
+ window.console.error(e.stack);
+ }
+ this.stateQueue = [];
+ this.currentIndex = -1;
+ }
+ };
+
+ ns.HistoryService.prototype.getSnapshotFromState_ = function (stateIndex) {
+ var state = this.stateQueue[stateIndex];
+ var piskelSnapshot = state.piskel;
+
+ // If the snapshot is stringified, parse it and backup the result for faster access next time
+ // FIXME : Memory consumption might go crazy if we keep unpacking big piskels indefinitely
+ // ==> should ensure I remove some of them :)
+ if (typeof piskelSnapshot === "string") {
+ piskelSnapshot = JSON.parse(piskelSnapshot);
+ state.piskel = piskelSnapshot;
+ }
+
+ return piskelSnapshot;
+ };
+
+ ns.HistoryService.prototype.onPiskelLoaded_ = function (index, snapshotIndex, piskel) {
+ var originalSize = this.getPiskelSize_();
+ piskel.setDescriptor(this.piskelController.piskel.getDescriptor());
+ this.piskelController.setPiskel(piskel);
+
+ for (var i = snapshotIndex + 1 ; i <= index ; i++) {
+ var state = this.stateQueue[i];
+ this.setupState(state);
+ this.replayState(state);
+ }
+
+ // Should only do this when going backwards
+ var lastState = this.stateQueue[index+1];
+ if (lastState) {
+ this.setupState(lastState);
+ }
+
+ this.currentIndex = index;
+ $.publish(Events.PISKEL_RESET);
+ $.publish(Events.HISTORY_STATE_LOADED);
+ if (originalSize !== this.getPiskelSize_()) {
+ $.publish(Events.FRAME_SIZE_CHANGED);
+ }
+ };
+
+ ns.HistoryService.prototype.getPiskelSize_ = function () {
+ return this.piskelController.getWidth() + 'x' + this.piskelController.getHeight();
+ };
+
+ ns.HistoryService.prototype.setupState = function (state) {
+ this.piskelController.setCurrentFrameIndex(state.frameIndex);
+ this.piskelController.setCurrentLayerIndex(state.layerIndex);
+ };
+
+ ns.HistoryService.prototype.replayState = function (state) {
+ var action = state.action;
+ var type = action.type;
+ var layer = this.piskelController.getLayerAt(state.layerIndex);
+ var frame = layer.getFrameAt(state.frameIndex);
+ action.scope.replay(frame, action.replay);
+ };
+
+})();;(function () {
+ var ns = $.namespace('pskl.service.color');
+
+ var LOW_SAT = 0.1;
+ var LOW_LUM = 0.1;
+ var HI_LUM = 0.9;
+
+
+ var HUE_STEP = 36;
+ var HUE_BAGS = 10;
+ var HUE_BOUNDS = [];
+ for (var i = 0 ; i < HUE_BAGS ; i++) {
+ HUE_BOUNDS.push(i * HUE_STEP);
+ }
+
+ ns.ColorSorter = function () {
+ this.colorsHslMap_ = {};
+ };
+
+ ns.ColorSorter.prototype.sort = function (colors) {
+ this.colorsHslMap_ = {};
+
+ colors.forEach(function (color) {
+ this.colorsHslMap_[color] = window.tinycolor(color).toHsl();
+ }.bind(this));
+
+ // sort by most frequent color
+ var darkColors = colors.filter(function (c) {
+ var hsl = this.colorsHslMap_[c];
+ return hsl.l <= LOW_LUM;
+ }.bind(this));
+
+ var brightColors = colors.filter(function (c) {
+ var hsl = this.colorsHslMap_[c];
+ return hsl.l >= HI_LUM;
+ }.bind(this));
+
+ var desaturatedColors = colors.filter(function (c) {
+ return brightColors.indexOf(c) === -1 && darkColors.indexOf(c) === -1;
+ }).filter(function (c) {
+ var hsl = this.colorsHslMap_[c];
+ return hsl.s <= LOW_SAT;
+ }.bind(this));
+
+ darkColors = this.sortOnHslProperty_(darkColors, 'l');
+ brightColors = this.sortOnHslProperty_(brightColors, 'l');
+ desaturatedColors = this.sortOnHslProperty_(desaturatedColors, 'h');
+
+ var sortedColors = darkColors.concat(brightColors, desaturatedColors);
+
+ var regularColors = colors.filter(function (c) {
+ return sortedColors.indexOf(c) === -1;
+ });
+
+ var regularColorsBags = HUE_BOUNDS.map(function (hue) {
+ var bagColors = regularColors.filter(function (color) {
+ var hsl = this.colorsHslMap_[color];
+ return (hsl.h >= hue && hsl.h < hue + HUE_STEP);
+ }.bind(this));
+
+ return this.sortRegularColors_(bagColors);
+ }.bind(this));
+
+ return Array.prototype.concat.apply(sortedColors, regularColorsBags);
+ };
+
+ ns.ColorSorter.prototype.sortRegularColors_ = function (colors) {
+ var sortedColors = colors.sort(function (c1, c2) {
+ var hsl1 = this.colorsHslMap_[c1];
+ var hsl2 = this.colorsHslMap_[c2];
+ var hDiff = Math.abs(hsl1.h - hsl2.h);
+ var sDiff = Math.abs(hsl1.s - hsl2.s);
+ var lDiff = Math.abs(hsl1.l - hsl2.l);
+ if (hDiff < 10) {
+ if (sDiff > lDiff) {
+ return this.compareValues_(hsl1.s, hsl2.s);
+ } else {
+ return this.compareValues_(hsl1.l, hsl2.l);
+ }
+ } else {
+ return this.compareValues_(hsl1.h, hsl2.h);
+ }
+ }.bind(this));
+
+ return sortedColors;
+ };
+
+ ns.ColorSorter.prototype.sortOnHslProperty_ = function (colors, property) {
+ return colors.sort(function (c1, c2) {
+ var hsl1 = this.colorsHslMap_[c1];
+ var hsl2 = this.colorsHslMap_[c2];
+ return this.compareValues_(hsl1[property], hsl2[property]);
+ }.bind(this));
+ };
+
+ ns.ColorSorter.prototype.compareValues_ = function (v1, v2) {
+ if (v1 > v2) {
+ return 1;
+ } else if (v1 < v2) {
+ return -1;
+ }
+ return 0;
+ };
+
+})();;(function () {
+ var ns = $.namespace('pskl.service.palette');
+
+ ns.CurrentColorsPalette = function () {
+ this.name = 'Current colors';
+ this.id = Constants.CURRENT_COLORS_PALETTE_ID;
+ };
+
+ ns.CurrentColorsPalette.prototype.getColors = function () {
+ return pskl.app.currentColorsService.getCurrentColors();
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.service.palette');
+
+ ns.PaletteService = function () {
+ this.dynamicPalettes = [];
+ this.localStorageService = window.localStorage;
+ };
+
+ ns.PaletteService.prototype.getPalettes = function () {
+ var palettesString = this.localStorageService.getItem('piskel.palettes');
+ var palettes = JSON.parse(palettesString) || [];
+ palettes = palettes.map(function (palette) {
+ return pskl.model.Palette.fromObject(palette);
+ });
+
+ return this.dynamicPalettes.concat(palettes);
+ };
+
+ ns.PaletteService.prototype.getPaletteById = function (paletteId) {
+ var palettes = this.getPalettes();
+ return this.findPaletteInArray_(paletteId, palettes);
+ };
+
+ ns.PaletteService.prototype.savePalette = function (palette) {
+ var palettes = this.getPalettes();
+ var existingPalette = this.findPaletteInArray_(palette.id, palettes);
+ if (existingPalette) {
+ var currentIndex = palettes.indexOf(existingPalette);
+ palettes.splice(currentIndex, 1, palette);
+ } else {
+ palettes.push(palette);
+ }
+
+ this.savePalettes_(palettes);
+
+ $.publish(Events.SHOW_NOTIFICATION, [{"content": "Palette " + palette.name + " successfully saved !"}]);
+ window.setTimeout($.publish.bind($, Events.HIDE_NOTIFICATION), 2000);
+ };
+
+ ns.PaletteService.prototype.addDynamicPalette = function (palette) {
+ this.dynamicPalettes.push(palette);
+ };
+
+ ns.PaletteService.prototype.deletePaletteById = function (id) {
+ var palettes = this.getPalettes();
+ var filteredPalettes = palettes.filter(function (palette) {
+ return palette.id !== id;
+ });
+
+ this.savePalettes_(filteredPalettes);
+ };
+
+ ns.PaletteService.prototype.savePalettes_ = function (palettes) {
+ palettes = palettes.filter(function (palette) {
+ return this.dynamicPalettes.indexOf(palette) === -1;
+ }.bind(this));
+ this.localStorageService.setItem('piskel.palettes', JSON.stringify(palettes));
+ $.publish(Events.PALETTE_LIST_UPDATED);
+ };
+
+ ns.PaletteService.prototype.findPaletteInArray_ = function (paletteId, palettes) {
+ var match = null;
+
+ palettes.forEach(function (palette) {
+ if (palette.id === paletteId) {
+ match = palette;
+ }
+ });
+
+ return match;
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.service.palette');
+
+ ns.PaletteGplWriter = function (palette) {
+ this.palette = palette;
+ };
+
+ ns.PaletteGplWriter.prototype.write = function () {
+ var lines = [];
+ lines.push('GIMP Palette');
+ lines.push('Name: ' + this.palette.name);
+ lines.push('Columns: 0');
+ lines.push('#');
+ this.palette.getColors().forEach(function (color) {
+ lines.push(this.writeColorLine(color));
+ }.bind(this));
+ lines.push('\r\n');
+
+ return lines.join('\r\n');
+ };
+
+ ns.PaletteGplWriter.prototype.writeColorLine = function (color) {
+ var tinycolor = window.tinycolor(color);
+ var rgb = tinycolor.toRgb();
+ var strBuffer = [];
+ strBuffer.push(this.padString(rgb.r, 3));
+ strBuffer.push(this.padString(rgb.g, 3));
+ strBuffer.push(this.padString(rgb.b, 3));
+ strBuffer.push('Untitled');
+
+ return strBuffer.join(' ');
+ };
+
+ ns.PaletteGplWriter.prototype.padString = function (str, size) {
+ str = str.toString();
+ var pad = (new Array(1+size-str.length)).join(' ');
+ return pad + str;
+ };
+
+})();
+;(function () {
+ var ns = $.namespace('pskl.service.palette.reader');
+
+ ns.AbstractPaletteFileReader = function (file, onSuccess, onError, colorLineRegexp) {
+ this.file = file;
+ this.onSuccess = onSuccess;
+ this.onError = onError;
+ this.colorLineRegexp = colorLineRegexp;
+ };
+
+ ns.AbstractPaletteFileReader.prototype.extractColorFromLine = Constants.ABSTRACT_FUNCTION;
+
+ ns.AbstractPaletteFileReader.prototype.read = function () {
+ pskl.utils.FileUtils.readFile(this.file, this.onFileLoaded_.bind(this));
+ };
+
+ ns.AbstractPaletteFileReader.prototype.onFileLoaded_ = function (content) {
+ var text = pskl.utils.Base64.toText(content);
+ var lines = text.match(/[^\r\n]+/g);
+
+ var colorLines = lines.filter(function (l) {
+ return this.colorLineRegexp.test(l);
+ }.bind(this));
+
+ var colors = colorLines.map(this.extractColorFromLine.bind(this));
+
+ if (colors.length) {
+ var uuid = pskl.utils.Uuid.generate();
+ var palette = new pskl.model.Palette(uuid, this.file.name, colors);
+ this.onSuccess(palette);
+ } else {
+ this.onError();
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.service.palette.reader');
+
+ var RE_COLOR_LINE = /^(\s*\d{1,3})(\s*\d{1,3})(\s*\d{1,3})/;
+ var RE_EXTRACT_NAME = /^name\s*\:\s*(.*)$/i;
+
+ ns.PaletteGplReader = function (file, onSuccess, onError) {
+ this.superclass.constructor.call(this, file, onSuccess, onError, RE_COLOR_LINE);
+ };
+
+ pskl.utils.inherit(ns.PaletteGplReader, ns.AbstractPaletteFileReader);
+
+ ns.PaletteGplReader.prototype.extractColorFromLine = function (line) {
+ var matches = line.match(RE_COLOR_LINE);
+ var color = window.tinycolor({
+ r : parseInt(matches[1], 10),
+ g : parseInt(matches[2], 10),
+ b : parseInt(matches[3], 10)
+ });
+
+ return color.toRgbString();
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.service.palette.reader');
+
+ ns.PaletteImageReader = function (file, onSuccess, onError) {
+ this.file = file;
+ this.onSuccess = onSuccess;
+ this.onError = onError;
+
+ this.colorSorter_ = new pskl.service.color.ColorSorter();
+ };
+
+ ns.PaletteImageReader.prototype.read = function () {
+ pskl.utils.FileUtils.readImageFile(this.file, this.onImageLoaded_.bind(this));
+ };
+
+ ns.PaletteImageReader.prototype.onImageLoaded_ = function (image) {
+ var imageProcessor = new pskl.worker.ImageProcessor(image,
+ this.onWorkerSuccess_.bind(this),
+ this.onWorkerStep_.bind(this),
+ this.onWorkerError_.bind(this));
+
+ $.publish(Events.SHOW_PROGRESS, [{"name": 'Processing image colors ...'}]);
+
+ imageProcessor.process();
+ };
+
+ ns.PaletteImageReader.prototype.onWorkerSuccess_ = function (event) {
+ var data = event.data;
+ var colorsMap = data.colorsMap;
+
+ var colors = Object.keys(colorsMap);
+
+ if (colors.length > 200) {
+ this.onError('Too many colors : ' + colors.length);
+ } else {
+ var uuid = pskl.utils.Uuid.generate();
+ var sortedColors = this.colorSorter_.sort(colors);
+ var palette = new pskl.model.Palette(uuid, this.file.name + ' palette', sortedColors);
+
+ this.onSuccess(palette);
+ }
+ $.publish(Events.HIDE_PROGRESS);
+ };
+
+ ns.PaletteImageReader.prototype.onWorkerStep_ = function (event) {
+ var progress = event.data.progress;
+ $.publish(Events.UPDATE_PROGRESS, [{"progress": progress}]);
+ };
+
+ ns.PaletteImageReader.prototype.onWorkerError_ = function (event) {
+ $.publish(Events.HIDE_PROGRESS);
+ this.onError('Unable to process the image : ' + event.data.message);
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.service.palette.reader');
+
+ var RE_COLOR_LINE = /^(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})/;
+
+ ns.PalettePalReader = function (file, onSuccess, onError) {
+ this.superclass.constructor.call(this, file, onSuccess, onError, RE_COLOR_LINE);
+ };
+
+ pskl.utils.inherit(ns.PalettePalReader, ns.AbstractPaletteFileReader);
+
+ ns.PalettePalReader.prototype.extractColorFromLine = function (line) {
+ var matches = line.match(RE_COLOR_LINE);
+ var color = 'rgb(' + matches[1] + ',' + matches[2] + ',' + matches[3] + ')';
+ return color;
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.service.palette.reader');
+
+ var RE_COLOR_LINE = /^[A-F0-9]{2}([A-F0-9]{2})([A-F0-9]{2})([A-F0-9]{2})/;
+
+ ns.PaletteTxtReader = function (file, onSuccess, onError) {
+ this.superclass.constructor.call(this, file, onSuccess, onError, RE_COLOR_LINE);
+ };
+
+ pskl.utils.inherit(ns.PaletteTxtReader, ns.AbstractPaletteFileReader);
+
+ ns.PaletteTxtReader.prototype.extractColorFromLine = function (line) {
+ var matches = line.match(RE_COLOR_LINE);
+ var color = "#" + matches[1] + matches[2] + matches[3];
+ return color;
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.service.palette');
+
+ var fileReaders = {
+ 'gpl' : ns.reader.PaletteGplReader,
+ 'pal' : ns.reader.PalettePalReader,
+ 'txt' : ns.reader.PaletteTxtReader,
+ 'img' : ns.reader.PaletteImageReader
+ };
+
+ ns.PaletteImportService = function () {};
+
+ ns.PaletteImportService.prototype.read = function (file, onSuccess, onError) {
+ var reader = this.getReader_(file, onSuccess, onError);
+ if (reader) {
+ reader.read();
+ } else {
+ throw 'Could not find reader for file : ' + file.name;
+ }
+ };
+
+ ns.PaletteImportService.prototype.isImage_ = function (file) {
+ return file.type.indexOf('image') === 0;
+ };
+
+ ns.PaletteImportService.prototype.getReader_ = function (file, onSuccess, onError) {
+ var readerClass = this.getReaderClass_(file);
+ if (readerClass) {
+ return new readerClass(file, onSuccess, onError);
+ } else {
+ return null;
+ }
+ };
+
+ ns.PaletteImportService.prototype.getReaderClass_ = function (file) {
+ var readerClass;
+ if (this.isImage_(file)) {
+ readerClass = fileReaders.img;
+ } else {
+ var extension = this.getExtension_(file);
+ readerClass = fileReaders[extension];
+ }
+ return readerClass;
+ };
+
+ ns.PaletteImportService.prototype.getExtension_ = function (file) {
+ var parts = file.name.split('.');
+ var extension = parts[parts.length-1];
+ return extension.toLowerCase();
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.service');
+
+ ns.SavedStatusService = function (piskelController) {
+ this.piskelController = piskelController;
+ };
+
+ ns.SavedStatusService.prototype.init = function () {
+ $.subscribe(Events.TOOL_RELEASED, this.onToolReleased.bind(this));
+ $.subscribe(Events.PISKEL_RESET, this.onPiskelReset.bind(this));
+
+ $.subscribe(Events.PISKEL_SAVED, this.onPiskelSaved.bind(this));
+ };
+
+ ns.SavedStatusService.prototype.onPiskelReset = function () {
+ var piskel = this.piskelController.getPiskel();
+ // A first PISKEL_RESET is triggered during the load of a new Piskel, it should be ignored
+ // putting a firstResetDone flag as a nasty workaround for this
+ if (piskel.firstResetDone_) {
+ this.updateDirtyStatus(true);
+ } else {
+ piskel.firstResetDone_ = true;
+ }
+ };
+
+ ns.SavedStatusService.prototype.onToolReleased = function () {
+ this.updateDirtyStatus(true);
+ };
+
+ ns.SavedStatusService.prototype.onPiskelSaved = function () {
+ this.updateDirtyStatus(false);
+ };
+
+ ns.SavedStatusService.prototype.updateDirtyStatus = function (status) {
+ var piskel = this.piskelController.getPiskel();
+ if (piskel.isDirty_ !== status) {
+ // Redraw piskel name only if dirty status actually changed
+ piskel.isDirty_ = status;
+ this.updatePiskelName();
+ }
+ };
+
+ ns.SavedStatusService.prototype.updatePiskelName = function () {
+ var piskel = this.piskelController.getPiskel();
+ var name = piskel.getDescriptor().name;
+ if (piskel.isDirty_) {
+ $('.piskel-name').html(name + ' *');
+ } else {
+ $('.piskel-name').html(name);
+ }
+ };
+
+ ns.SavedStatusService.prototype.isDirty = function (evt) {
+ var piskel = this.piskelController.getPiskel();
+ return piskel.isDirty_;
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.service.keyboard');
+
+ ns.ShortcutService = function () {
+ this.shortcuts_ = {};
+ };
+
+ /**
+ * @public
+ */
+ ns.ShortcutService.prototype.init = function() {
+ $(document.body).keydown($.proxy(this.onKeyUp_, this));
+ };
+
+ /**
+ * Add a keyboard shortcut
+ * @param {String} rawKey (case insensitive) key can be a meta (optional) + [a-z0-9] or
+ * a special key (check list of supported keys in KeycodeTranslator)
+ * eg. 'ctrl+A', 'del'
+ * @param {Function} callback should return true to let the original event perform its default action
+ */
+ ns.ShortcutService.prototype.addShortcut = function (rawKey, callback) {
+ var parsedKey = this.parseKey_(rawKey.toLowerCase());
+
+ var key = parsedKey.key,
+ meta = parsedKey.meta;
+
+ this.shortcuts_[key] = this.shortcuts_[key] || {};
+
+ if (this.shortcuts_[key][meta]) {
+ var keyStr = (meta !== 'normal' ? meta + ' + ' : '') + key;
+ console.error('[ShortcutService] >>> Shortcut [' + keyStr + '] already registered');
+ } else {
+ this.shortcuts_[key][meta] = callback;
+ }
+ };
+
+ ns.ShortcutService.prototype.addShortcuts = function (keys, callback) {
+ keys.forEach(function (key) {
+ this.addShortcut(key, callback);
+ }.bind(this));
+ };
+
+ ns.ShortcutService.prototype.removeShortcut = function (rawKey) {
+ var parsedKey = this.parseKey_(rawKey.toLowerCase());
+
+ var key = parsedKey.key,
+ meta = parsedKey.meta;
+
+ this.shortcuts_[key] = this.shortcuts_[key] || {};
+
+ this.shortcuts_[key][meta] = null;
+ };
+
+ ns.ShortcutService.prototype.parseKey_ = function (key) {
+ var meta = this.getMetaKey_({
+ alt : key.indexOf('alt+') != -1,
+ shift : key.indexOf('shift+') != -1,
+ ctrl : key.indexOf('ctrl+') != -1
+ });
+
+ var parts = key.split(/\+(?!$)/);
+ key = parts[parts.length-1];
+ return {meta : meta, key : key};
+ };
+
+ ns.ShortcutService.prototype.getMetaKey_ = function (meta) {
+ var keyBuffer = [];
+ ['alt', 'ctrl', 'shift'].forEach(function (metaKey) {
+ if (meta[metaKey]) {
+ keyBuffer.push(metaKey);
+ }
+ });
+
+ if (keyBuffer.length > 0) {
+ return keyBuffer.join('+');
+ } else {
+ return 'normal';
+ }
+ };
+ /**
+ * @private
+ */
+ ns.ShortcutService.prototype.onKeyUp_ = function(evt) {
+ if (!this.isInInput_(evt)) {
+ // jquery names FTW ...
+ var keycode = evt.which;
+ var targetTagName = evt.target.nodeName.toUpperCase();
+ var charkey = pskl.service.keyboard.KeycodeTranslator.toChar(keycode);
+
+ var keyShortcuts = this.shortcuts_[charkey];
+ if(keyShortcuts) {
+ var meta = this.getMetaKey_({
+ alt : this.isAltKeyPressed_(evt),
+ shift : this.isShiftKeyPressed_(evt),
+ ctrl : this.isCtrlKeyPressed_(evt)
+ });
+ var cb = keyShortcuts[meta];
+
+ if(cb) {
+ var bubble = cb(charkey);
+ if (bubble !== true) {
+ evt.preventDefault();
+ }
+ }
+ }
+ }
+ };
+
+ ns.ShortcutService.prototype.isInInput_ = function (evt) {
+ var targetTagName = evt.target.nodeName.toUpperCase();
+ return targetTagName === 'INPUT' || targetTagName === 'TEXTAREA';
+ };
+
+ ns.ShortcutService.prototype.isCtrlKeyPressed_ = function (evt) {
+ return pskl.utils.UserAgent.isMac ? evt.metaKey : evt.ctrlKey;
+ };
+
+ ns.ShortcutService.prototype.isShiftKeyPressed_ = function (evt) {
+ return evt.shiftKey;
+ };
+
+ ns.ShortcutService.prototype.isAltKeyPressed_ = function (evt) {
+ return evt.altKey;
+ };
+})();;(function () {
+ var specialKeys = {
+ 191 : "?",
+ 8 : "back",
+ 27 : "esc",
+ 38 : "up",
+ 40 : "down",
+ 46 : "del",
+ 189 : "-",
+ 187 : "+",
+ 188 : "<",
+ 190 : ">"
+ };
+
+ var ns = $.namespace('pskl.service.keyboard');
+
+ ns.KeycodeTranslator= {
+ toChar : function (keycode) {
+ if (keycode >= 48 && keycode <= 57) {
+ // key is 0-9
+ return (keycode - 48) + "";
+ } else if (keycode >= 65 && keycode <= 90) {
+ // key is a-z, use base 36 to get the string representation
+ return (keycode - 65 + 10).toString(36);
+ } else {
+ return specialKeys[keycode];
+ }
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.service.keyboard');
+
+ ns.CheatsheetService = function () {
+ this.isDisplayed_ = false;
+ };
+
+ ns.CheatsheetService.prototype.init = function () {
+ this.cheatsheetEl_ = document.getElementById('cheatsheet-wrapper');
+ if (!this.cheatsheetEl_) {
+ throw 'cheatsheetEl_ DOM element could not be retrieved';
+ }
+ this.initMarkup_();
+ pskl.app.shortcutService.addShortcuts(['?', 'shift+?'], this.toggleCheatsheet_.bind(this));
+
+ var link = $('.cheatsheet-link');
+ link.click(this.toggleCheatsheet_.bind(this));
+
+
+ $.subscribe(Events.TOGGLE_HELP, this.toggleCheatsheet_.bind(this));
+ $.subscribe(Events.ESCAPE, this.onEscape_.bind(this));
+ };
+
+ ns.CheatsheetService.prototype.toggleCheatsheet_ = function () {
+ if (this.isDisplayed_) {
+ this.hideCheatsheet_();
+ } else {
+ this.showCheatsheet_();
+ }
+ };
+
+ ns.CheatsheetService.prototype.onEscape_ = function () {
+ if (this.isDisplayed_) {
+ this.hideCheatsheet_();
+ }
+ };
+
+ ns.CheatsheetService.prototype.showCheatsheet_ = function () {
+ pskl.app.shortcutService.addShortcut('ESC', this.hideCheatsheet_.bind(this));
+ this.cheatsheetEl_.style.display = 'block';
+ this.isDisplayed_ = true;
+ };
+
+
+ ns.CheatsheetService.prototype.hideCheatsheet_ = function () {
+ pskl.app.shortcutService.removeShortcut('ESC');
+ this.cheatsheetEl_.style.display = 'none';
+ this.isDisplayed_ = false;
+ };
+
+ ns.CheatsheetService.prototype.initMarkup_ = function () {
+ this.initMarkupForTools_();
+ this.initMarkupForMisc_();
+ this.initMarkupForSelection_();
+ };
+
+ ns.CheatsheetService.prototype.toDescriptor_ = function (shortcut, description, icon) {
+ if (pskl.utils.UserAgent.isMac) {
+ shortcut = shortcut.replace('ctrl', 'cmd');
+ }
+ return {
+ 'shortcut' : shortcut,
+ 'description' : description,
+ 'icon' : icon
+ };
+ };
+
+ ns.CheatsheetService.prototype.getDomFromDescriptor_ = function (descriptor) {
+ var shortcutTemplate = pskl.utils.Template.get('cheatsheet-shortcut-template');
+ var markup = pskl.utils.Template.replace(shortcutTemplate, {
+ shortcutIcon : descriptor.icon,
+ shortcutDescription : descriptor.description,
+ shortcutKey : descriptor.shortcut
+ });
+
+ return pskl.utils.Template.createFromHTML(markup);
+ };
+
+ ns.CheatsheetService.prototype.initMarkupAbstract_ = function (descriptors, containerSelector) {
+ var container = $(containerSelector, this.cheatsheetEl_).get(0);
+ for (var i = 0 ; i < descriptors.length ; i++) {
+ var descriptor = descriptors[i];
+ var shortcutEl = this.getDomFromDescriptor_(descriptor);
+ container.appendChild(shortcutEl);
+ }
+ };
+
+ ns.CheatsheetService.prototype.initMarkupForTools_ = function () {
+ var descriptors = pskl.app.toolController.tools.map(function (tool) {
+ return this.toDescriptor_(tool.shortcut, tool.instance.getHelpText(), 'tool-icon ' + tool.instance.toolId);
+ }.bind(this));
+
+ this.initMarkupAbstract_(descriptors, '.cheatsheet-tool-shortcuts');
+ };
+
+ ns.CheatsheetService.prototype.initMarkupForMisc_ = function () {
+ var descriptors = [
+ this.toDescriptor_('0', 'Reset zoom level'),
+ this.toDescriptor_('+/-', 'Zoom in/Zoom out'),
+ this.toDescriptor_('X', 'Swap primary/secondary colors'),
+ this.toDescriptor_('D', 'Reset default colors'),
+ this.toDescriptor_('ctrl + Z', 'Undo'),
+ this.toDescriptor_('ctrl + Y', 'Redo'),
+ this.toDescriptor_('￪', 'Select previous frame'), /* ASCII for up-arrow */
+ this.toDescriptor_('￬', 'Select next frame'), /* ASCII for down-arrow */
+ this.toDescriptor_('N', 'Create new frame'),
+ this.toDescriptor_('shift + N', 'Duplicate selected frame'),
+ this.toDescriptor_('shift + ?', 'Open/Close this popup'),
+ this.toDescriptor_('alt + P', 'Create a Palette'),
+ this.toDescriptor_('</>', 'Select previous/next palette color'),
+ this.toDescriptor_('alt + O', 'Toggle Onion Skin'),
+ this.toDescriptor_('alt + L', 'Toggle Layer Preview')
+ ];
+
+ this.initMarkupAbstract_(descriptors, '.cheatsheet-misc-shortcuts');
+ };
+
+ ns.CheatsheetService.prototype.initMarkupForSelection_ = function () {
+ var descriptors = [
+ this.toDescriptor_('ctrl + X', 'Cut selection'),
+ this.toDescriptor_('ctrl + C', 'Copy selection'),
+ this.toDescriptor_('ctrl + V', 'Paste selection'),
+ this.toDescriptor_('del', 'Delete selection')
+ ];
+
+ this.initMarkupAbstract_(descriptors, '.cheatsheet-selection-shortcuts');
+ };
+
+})();
+;(function () {
+ var ns = $.namespace("pskl.service");
+ ns.ImageUploadService = function () {};
+ ns.ImageUploadService.prototype.init = function () {};
+
+ /**
+ * Upload a base64 image data to distant service. If successful, will call provided callback with the image URL as first argument;
+ * @param {String} imageData base64 image data (such as the return value of canvas.toDataUrl())
+ * @param {Function} success success callback. 1st argument will be the uploaded image URL
+ * @param {Function} error error callback
+ */
+ ns.ImageUploadService.prototype.upload = function (imageData, success, error) {
+ var data = {
+ data : imageData
+ };
+
+ var wrappedSuccess = function (response) {
+ success(Constants.IMAGE_SERVICE_GET_URL + response.responseText);
+ };
+
+ pskl.utils.Xhr.post(Constants.IMAGE_SERVICE_UPLOAD_URL, data, wrappedSuccess, error);
+ };
+})();
+;(function () {
+ var ns = $.namespace('pskl.service');
+
+ ns.CurrentColorsService = function (piskelController) {
+ this.piskelController = piskelController;
+ // cache of current colors by history state
+ this.cache = {};
+ this.currentColors = [];
+
+ this.cachedFrameProcessor = new pskl.model.frame.CachedFrameProcessor();
+ this.cachedFrameProcessor.setFrameProcessor(this.getFrameColors_.bind(this));
+
+ this.colorSorter = new pskl.service.color.ColorSorter();
+ this.paletteService = pskl.app.paletteService;
+ };
+
+ ns.CurrentColorsService.prototype.init = function () {
+ $.subscribe(Events.HISTORY_STATE_SAVED, this.updateCurrentColors_.bind(this));
+ $.subscribe(Events.HISTORY_STATE_LOADED, this.loadColorsFromCache_.bind(this));
+ };
+
+ ns.CurrentColorsService.prototype.getCurrentColors = function () {
+ return this.currentColors;
+ };
+
+ ns.CurrentColorsService.prototype.setCurrentColors = function (colors) {
+ var historyIndex = pskl.app.historyService.currentIndex;
+ this.cache[historyIndex] = colors;
+ if (colors.join('') !== this.currentColors.join('')) {
+ this.currentColors = colors;
+ $.publish(Events.CURRENT_COLORS_UPDATED);
+ }
+ };
+
+ ns.CurrentColorsService.prototype.isCurrentColorsPaletteSelected_ = function () {
+ var paletteId = pskl.UserSettings.get(pskl.UserSettings.SELECTED_PALETTE);
+ var palette = this.paletteService.getPaletteById(paletteId);
+
+ return palette.id === Constants.CURRENT_COLORS_PALETTE_ID;
+ };
+
+ ns.CurrentColorsService.prototype.loadColorsFromCache_ = function () {
+ var historyIndex = pskl.app.historyService.currentIndex;
+ var colors = this.cache[historyIndex];
+ if (colors) {
+ this.setCurrentColors(colors);
+ }
+ };
+
+ ns.CurrentColorsService.prototype.updateCurrentColors_ = function () {
+ var layers = this.piskelController.getLayers();
+ var frames = layers.map(function (l) {return l.getFrames();}).reduce(function (p, n) {return p.concat(n);});
+ var colors = {};
+
+ frames.forEach(function (f) {
+ var frameColors = this.cachedFrameProcessor.get(f);
+ Object.keys(frameColors).slice(0, Constants.MAX_CURRENT_COLORS_DISPLAYED).forEach(function (color) {
+ colors[color] = true;
+ });
+ }.bind(this));
+
+ // Remove transparent color from used colors
+ delete colors[Constants.TRANSPARENT_COLOR];
+
+ // limit the array to the max colors to display
+ var colorsArray = Object.keys(colors).slice(0, Constants.MAX_CURRENT_COLORS_DISPLAYED);
+ var currentColors = this.colorSorter.sort(colorsArray);
+
+ this.setCurrentColors(currentColors);
+ };
+
+ ns.CurrentColorsService.prototype.getFrameColors_ = function (frame) {
+ var frameColors = {};
+ frame.forEachPixel(function (color, x, y) {
+ var hexColor = this.toHexString_(color);
+ frameColors[hexColor] = true;
+ }.bind(this));
+ return frameColors;
+ };
+
+ ns.CurrentColorsService.prototype.toHexString_ = function (color) {
+ if (color === Constants.TRANSPARENT_COLOR) {
+ return color;
+ } else {
+ color = color.replace(/\s/g, '');
+ var hexRe = (/^#([a-f0-9]{3}){1,2}$/i);
+ var rgbRe = (/^rgb\((\d{1,3}),(\d{1,3}),(\d{1,3})\)$/i);
+ if (hexRe.test(color)) {
+ return color.toUpperCase();
+ } else if (rgbRe.test(color)) {
+ var exec = rgbRe.exec(color);
+ return pskl.utils.rgbToHex(exec[1] * 1, exec[2] * 1, exec[3] * 1);
+ } else {
+ console.error('Could not convert color to hex : ', color);
+ }
+ }
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.service');
+
+ ns.FileDropperService = function (piskelController, drawingAreaContainer) {
+ this.piskelController = piskelController;
+ this.drawingAreaContainer = drawingAreaContainer;
+ this.dropPosition_ = null;
+ };
+
+ ns.FileDropperService.prototype.init = function () {
+ document.body.addEventListener('drop', this.onFileDrop.bind(this), false);
+ document.body.addEventListener('dragover', this.onFileDragOver.bind(this), false);
+ };
+
+ ns.FileDropperService.prototype.onFileDragOver = function (event) {
+ event.stopPropagation();
+ event.preventDefault();
+ event.dataTransfer.dropEffect = 'copy';
+ };
+
+ ns.FileDropperService.prototype.onFileDrop = function (event) {
+ event.preventDefault();
+ event.stopPropagation();
+
+ this.dropPosition_ = {
+ x : event.clientX,
+ y : event.clientY
+ };
+
+ var files = event.dataTransfer.files;
+ for (var i = 0; i < files.length ; i++) {
+ var file = files[i];
+ var isImage = file.type.indexOf('image') === 0;
+ var isPiskel = /\.piskel$/i.test(file.name);
+ var isPalette = /\.(gpl|txt|pal)$/i.test(file.name);
+ if (isImage) {
+ this.readImageFile_(file);
+ } else if (isPiskel) {
+ pskl.utils.PiskelFileUtils.loadFromFile(file, this.onPiskelFileLoaded_);
+ } else if (isPalette) {
+ pskl.app.paletteImportService.read(file, this.onPaletteLoaded_.bind(this));
+ }
+ }
+ };
+
+ ns.FileDropperService.prototype.readImageFile_ = function (imageFile) {
+ pskl.utils.FileUtils.readFile(imageFile, this.processImageSource_.bind(this));
+ };
+
+ ns.FileDropperService.prototype.onPaletteLoaded_ = function (palette) {
+ pskl.app.paletteService.savePalette(palette);
+ pskl.UserSettings.set(pskl.UserSettings.SELECTED_PALETTE, palette.id);
+ };
+
+ ns.FileDropperService.prototype.onPiskelFileLoaded_ = function (piskel, descriptor, fps) {
+ if (window.confirm('This will replace your current animation')) {
+ piskel.setDescriptor(descriptor);
+ pskl.app.piskelController.setPiskel(piskel);
+ pskl.app.previewController.setFPS(fps);
+ }
+ };
+
+ ns.FileDropperService.prototype.processImageSource_ = function (imageSource) {
+ this.importedImage_ = new Image();
+ this.importedImage_.onload = this.onImageLoaded_.bind(this);
+ this.importedImage_.src = imageSource;
+ };
+
+ ns.FileDropperService.prototype.onImageLoaded_ = function () {
+ var droppedFrame = pskl.utils.FrameUtils.createFromImage(this.importedImage_);
+ var currentFrame = this.piskelController.getCurrentFrame();
+
+ var dropCoordinates = this.adjustDropPosition_(this.dropPosition_, droppedFrame);
+
+ currentFrame.forEachPixel(function (color, x, y) {
+ var fColor = droppedFrame.getPixel(x-dropCoordinates.x, y-dropCoordinates.y);
+ if (fColor && fColor != Constants.TRANSPARENT_COLOR) {
+ currentFrame.setPixel(x, y, fColor);
+ }
+ });
+
+ $.publish(Events.PISKEL_RESET);
+ $.publish(Events.PISKEL_SAVE_STATE, {
+ type : pskl.service.HistoryService.SNAPSHOT
+ });
+ };
+
+ ns.FileDropperService.prototype.adjustDropPosition_ = function (position, droppedFrame) {
+ var framePosition = pskl.app.drawingController.getSpriteCoordinates(position.x, position.y);
+
+ var xCoord = framePosition.x - Math.floor(droppedFrame.width/2);
+ var yCoord = framePosition.y - Math.floor(droppedFrame.height/2);
+
+ xCoord = Math.max(0, xCoord);
+ yCoord = Math.max(0, yCoord);
+
+ var currentFrame = this.piskelController.getCurrentFrame();
+ if (droppedFrame.width <= currentFrame.width) {
+ xCoord = Math.min(xCoord, currentFrame.width - droppedFrame.width);
+ }
+
+ if (droppedFrame.height <= currentFrame.height) {
+ yCoord = Math.min(yCoord, currentFrame.height - droppedFrame.height);
+ }
+
+ return {
+ x : xCoord,
+ y : yCoord
+ };
+ };
+
+})();;(function () {
+ var ns = $.namespace('pskl.tools');
+
+ ns.Tool = function () {
+ this.toolId = "tool";
+ this.helpText = "Abstract tool";
+ this.tooltipDescriptors = [];
+ };
+
+ ns.Tool.prototype.getHelpText = function() {
+ return this.helpText;
+ };
+
+ ns.Tool.prototype.getId = function() {
+ return this.toolId;
+ };
+})();;(function () {
+ var ns = $.namespace('pskl.tools');
+
+ ns.IconMarkupRenderer = function () {};
+
+ ns.IconMarkupRenderer.prototype.render = function (tool, shortcut, tooltipPosition) {
+ tooltipPosition = tooltipPosition || 'right';
+ shortcut = shortcut ? '(' + shortcut + ')' : '';
+ var tpl = pskl.utils.Template.get('drawingTool-item-template');
+ return pskl.utils.Template.replace(tpl, {
+ cssclass : ['tool-icon', tool.toolId].join(' '),
+ toolid : tool.toolId,
+ title : this.getTooltipText(tool, shortcut),
+ tooltipposition : tooltipPosition
+ });
+ };
+
+ ns.IconMarkupRenderer.prototype.getTooltipText = function(tool, shortcut) {
+ var descriptors = tool.tooltipDescriptors;
+ var tpl = pskl.utils.Template.get('drawingTool-tooltipContainer-template');
+ return pskl.utils.Template.replace(tpl, {
+ helptext : tool.getHelpText(),
+ shortcut : shortcut,
+ descriptors : this.formatToolDescriptors_(descriptors)
+ });
+ };
+
+
+ ns.IconMarkupRenderer.prototype.formatToolDescriptors_ = function(descriptors) {
+ descriptors = descriptors || [];
+ return descriptors.reduce(function (p, descriptor) {
+ return p += this.formatToolDescriptor_(descriptor);
+ }.bind(this), '');
+ };
+
+ ns.IconMarkupRenderer.prototype.formatToolDescriptor_ = function(descriptor) {
+ var tpl;
+ if (descriptor.key) {
+ tpl = pskl.utils.Template.get('drawingTool-tooltipDescriptor-template');
+ descriptor.key = descriptor.key.toUpperCase();
+ if (pskl.utils.UserAgent.isMac) {
+ descriptor.key = descriptor.key.replace('CTRL', 'CMD');
+ }
+ } else {
+ tpl = pskl.utils.Template.get('drawingTool-simpleTooltipDescriptor-template');
+ }
+ return pskl.utils.Template.replace(tpl, descriptor);
+ };
+})();;/**
+ * @provide pskl.tools.drawing.BaseTool
+ *
+ * @require pskl.utils
+ */
+(function() {
+ var ns = $.namespace("pskl.tools.drawing");
+
+ ns.BaseTool = function() {
+ pskl.tool.Tool.call(this);
+ this.toolId = "tool-base";
+ };
+
+ pskl.utils.inherit(ns.BaseTool, pskl.tools.Tool);
+
+ ns.BaseTool.prototype.applyToolAt = function(col, row, color, frame, overlay, event) {};
+
+ ns.BaseTool.prototype.moveToolAt = function(col, row, color, frame, overlay, event) {};
+
+ ns.BaseTool.prototype.replay = Constants.ABSTRACT_FUNCTION;
+
+ ns.BaseTool.prototype.moveUnactiveToolAt = function(col, row, color, frame, overlay, event) {
+
+ if (overlay.containsPixel(col, row)) {
+ if (!isNaN(this.highlightedPixelCol) &&
+ !isNaN(this.highlightedPixelRow) &&
+ (this.highlightedPixelRow != row ||
+ this.highlightedPixelCol != col)) {
+
+ // Clean the previously highlighted pixel:
+ overlay.clear();
+ }
+
+ // Show the current pixel targeted by the tool:
+ overlay.setPixel(col, row, Constants.TOOL_TARGET_HIGHLIGHT_COLOR);
+
+ this.highlightedPixelCol = col;
+ this.highlightedPixelRow = row;
+ } else {
+ this.hideHighlightedPixel(overlay);
+ }
+ };
+
+ ns.BaseTool.prototype.hideHighlightedPixel = function(overlay) {
+ if (this.highlightedPixelRow !== null && this.highlightedPixelCol !== null) {
+ try {
+ overlay.setPixel(this.highlightedPixelCol, this.highlightedPixelRow, Constants.TRANSPARENT_COLOR);
+ } catch (e) {
+ window.console.warn('ns.BaseTool.prototype.hideHighlightedPixel failed');
+ }
+ this.highlightedPixelRow = null;
+ this.highlightedPixelCol = null;
+ }
+ };
+
+ ns.BaseTool.prototype.raiseSaveStateEvent = function (replayData) {
+ $.publish(Events.PISKEL_SAVE_STATE, {
+ type : pskl.service.HistoryService.REPLAY,
+ scope : this,
+ replay : replayData
+ });
+ };
+
+ ns.BaseTool.prototype.releaseToolAt = function(col, row, color, frame, overlay, event) {};
+
+ /**
+ * Bresenham line algorithm: Get an array of pixels from
+ * start and end coordinates.
+ *
+ * http://en.wikipedia.org/wiki/Bresenham's_line_algorithm
+ * http://stackoverflow.com/questions/4672279/bresenham-algorithm-in-javascript
+ *
+ * @private
+ */
+ ns.BaseTool.prototype.getLinePixels_ = function(x0, x1, y0, y1) {
+ x1 = pskl.utils.normalize(x1, 0);
+ y1 = pskl.utils.normalize(y1, 0);
+
+ var pixels = [];
+ var dx = Math.abs(x1-x0);
+ var dy = Math.abs(y1-y0);
+ var sx = (x0 < x1) ? 1 : -1;
+ var sy = (y0 < y1) ? 1 : -1;
+ var err = dx-dy;
+ while(true){
+
+ // Do what you need to for this
+ pixels.push({"col": x0, "row": y0});
+
+ if ((x0==x1) && (y0==y1)) {
+ break;
+ }
+
+ var e2 = 2*err;
+ if (e2>-dy){
+ err -= dy;
+ x0 += sx;
+ }
+ if (e2 < dx) {
+ err += dx;
+ y0 += sy;
+ }
+ }
+ return pixels;
+ };
+})();
+;(function () {
+ var ns = $.namespace('pskl.tools.drawing');
+ /**
+ * Abstract shape tool class, parent to all shape tools (rectangle, circle).
+ * Shape tools should override only the draw_ method
+ */
+ ns.ShapeTool = function() {
+ // Shapes's first point coordinates (set in applyToolAt)
+ this.startCol = null;
+ this.startRow = null;
+
+ this.tooltipDescriptors = [
+ {key : 'shift', description : 'Keep 1 to 1 ratio'}
+ ];
+ };
+
+ pskl.utils.inherit(ns.ShapeTool, ns.BaseTool);
+
+ /**
+ * @override
+ */
+ ns.ShapeTool.prototype.applyToolAt = function(col, row, color, frame, overlay, event) {
+ $.publish(Events.DRAG_START, [col, row]);
+ this.startCol = col;
+ this.startRow = row;
+
+ // Drawing the first point of the rectangle in the fake overlay canvas:
+ overlay.setPixel(col, row, color);
+ };
+
+ ns.ShapeTool.prototype.moveToolAt = function(col, row, color, frame, overlay, event) {
+ var coords = this.getCoordinates_(col, row, event);
+ $.publish(Events.CURSOR_MOVED, [coords.col, coords.row]);
+
+ overlay.clear();
+ if(color == Constants.TRANSPARENT_COLOR) {
+ color = Constants.SELECTION_TRANSPARENT_COLOR;
+ }
+
+ // draw in overlay
+ this.draw_(coords.col, coords.row, color, overlay);
+ };
+
+ /**
+ * @override
+ */
+ ns.ShapeTool.prototype.releaseToolAt = function(col, row, color, frame, overlay, event) {
+ overlay.clear();
+ var coords = this.getCoordinates_(col, row, event);
+ this.draw_(coords.col, coords.row, color, frame);
+
+ $.publish(Events.DRAG_END, [coords.col, coords.row]);
+ this.raiseSaveStateEvent({
+ col : coords.col,
+ row : coords.row,
+ startCol : this.startCol,
+ startRow : this.startRow,
+ color : color
+ });
+ };
+
+ /**
+ * @override
+ */
+ ns.ShapeTool.prototype.replay = function(frame, replayData) {
+ this.startCol = replayData.startCol;
+ this.startRow = replayData.startRow;
+ this.draw_(replayData.col, replayData.row, replayData.color, frame);
+ };
+
+ /**
+ * Transform the current coordinates based on the original event
+ * @param {Number} col current col/x coordinate in the frame
+ * @param {Number} row current row/y coordinate in the frame
+ * @param {Event} event current event (can be mousemove, mouseup ...)
+ * @return {Object} {row : Number, col : Number}
+ */
+ ns.ShapeTool.prototype.getCoordinates_ = function(col, row, event) {
+ if (event.shiftKey) {
+ return this.getScaledCoordinates_(col, row);
+ } else {
+ return {col : col, row : row};
+ }
+ };
+
+ /**
+ * Transform the coordinates to preserve a square 1:1 ratio from the origin of the shape
+ * @param {Number} col current col/x coordinate in the frame
+ * @param {Number} row current row/y coordinate in the frame
+ * @return {Object} {row : Number, col : Number}
+ */
+ ns.ShapeTool.prototype.getScaledCoordinates_ = function(col, row) {
+ var dX = this.startCol - col;
+ var absX = Math.abs(dX);
+
+ var dY = this.startRow - row;
+ var absY = Math.abs(dY);
+
+ var delta = Math.min(absX, absY);
+ row = this.startRow - ((dY/absY)*delta);
+ col = this.startCol - ((dX/absX)*delta);
+
+ return {
+ col : col,
+ row : row
+ };
+ };
+
+ ns.ShapeTool.prototype.draw_ = Constants.ABSTRACT_FUNCTION;
+
+})();;/**
+ * @provide pskl.tools.drawing.SimplePen
+ *
+ * @require pskl.utils
+ */
+(function() {
+ var ns = $.namespace("pskl.tools.drawing");
+
+ ns.SimplePen = function() {
+ this.toolId = "tool-pen";
+ this.helpText = "Pen tool";
+
+ this.previousCol = null;
+ this.previousRow = null;
+
+ this.pixels = [];
+ };
+
+ pskl.utils.inherit(ns.SimplePen, ns.BaseTool);
+
+ /**
+ * @override
+ */
+ ns.SimplePen.prototype.applyToolAt = function(col, row, color, frame, overlay, event) {
+ this.previousCol = col;
+ this.previousRow = row;
+
+ overlay.setPixel(col, row, color);
+
+ if (color === Constants.TRANSPARENT_COLOR) {
+ frame.setPixel(col, row, color);
+ }
+ this.pixels.push({
+ col : col,
+ row : row,
+ color : color
+ });
+ };
+
+ /**
+ * @override
+ */
+ ns.SimplePen.prototype.moveToolAt = function(col, row, color, frame, overlay, event) {
+ if((Math.abs(col - this.previousCol) > 1) || (Math.abs(row - this.previousRow) > 1)) {
+ // The pen movement is too fast for the mousemove frequency, there is a gap between the
+ // current point and the previously drawn one.
+ // We fill the gap by calculating missing dots (simple linear interpolation) and draw them.
+ var interpolatedPixels = this.getLinePixels_(col, this.previousCol, row, this.previousRow);
+ for(var i=0, l=interpolatedPixels.length; i 0) {
+ var node = this;
+ for (var i = 0 ; i < parts.length ; i++) {
+ if (!node[parts[i]]) {
+ node[parts[i]] = {};
+ }
+ node = node[parts[i]];
+ }
+ }
+ });
+ var script = createNamespace + "";
+ script = script.replace(/function \(\) \{/,"").replace(/\}[^}]*$/, "");
+ script = "var name = '" + name + "';" + script;
+
+ this.runScript(script);
+ };
+
+ ns.ImageProcessor.prototype.onWorkerMessage = function (event) {
+ if (event.data.type === 'STEP') {
+ this.onStep(event);
+ } else if (event.data.type === 'SUCCESS') {
+ this.onSuccess(event);
+ this.worker.terminate();
+ } else if (event.data.type === 'ERROR') {
+ this.onError(event);
+ this.worker.terminate();
+ }
+ };
+
+ ns.ImageProcessor.prototype.importAll__ = function (classToImport, classpath) {
+ this.createNamespace(classpath);
+ for (var key in classToImport) {
+ if (classToImport.hasOwnProperty(key)) {
+ this.addMethod(classToImport[key], classpath + '.' + key);
+ }
+ }
+ };
+
+ ns.ImageProcessor.prototype.addMethod__ = function (method, name) {
+ this.runScript(name + "=" + method);
+ };
+
+ ns.ImageProcessor.prototype.runScript__ = function (script) {
+ this.worker.postMessage({
+ type : 'RUN_SCRIPT',
+ script : this.getScriptAsUrl(script)
+ });
+ };
+
+ ns.ImageProcessor.prototype.getScriptAsUrl__ = function (script) {
+ var blob = new Blob([script], {type: "application/javascript"}); // pass a useful mime type here
+ return window.URL.createObjectURL(blob);
+ };
+})();
+
+
+
+;/**
+ * @require Constants
+ * @require Events
+ */
+(function () {
+ var ns = $.namespace("pskl");
+ /**
+ * Main application controller
+ */
+ ns.app = {
+
+ init : function () {
+ /**
+ * When started from APP Engine, appEngineToken_ (Boolean) should be set on window.pskl
+ */
+ this.isAppEngineVersion = !!pskl.appEngineToken_;
+
+ this.shortcutService = new pskl.service.keyboard.ShortcutService();
+ this.shortcutService.init();
+
+ var size = {
+ height : Constants.DEFAULT.HEIGHT,
+ width : Constants.DEFAULT.WIDTH
+ };
+
+ var descriptor = new pskl.model.piskel.Descriptor('New Piskel', '');
+ var piskel = new pskl.model.Piskel(size.width, size.height, descriptor);
+
+ var layer = new pskl.model.Layer("Layer 1");
+ var frame = new pskl.model.Frame(size.width, size.height);
+
+ layer.addFrame(frame);
+ piskel.addLayer(layer);
+
+ this.corePiskelController = new pskl.controller.piskel.PiskelController(piskel);
+ this.corePiskelController.init();
+
+ this.piskelController = new pskl.controller.piskel.PublicPiskelController(this.corePiskelController);
+ this.piskelController.init();
+
+ this.paletteImportService = new pskl.service.palette.PaletteImportService();
+ this.paletteService = new pskl.service.palette.PaletteService();
+ this.paletteService.addDynamicPalette(new pskl.service.palette.CurrentColorsPalette());
+
+ this.paletteController = new pskl.controller.PaletteController();
+ this.paletteController.init();
+
+ this.currentColorsService = new pskl.service.CurrentColorsService(this.piskelController);
+ this.currentColorsService.init();
+
+ this.palettesListController = new pskl.controller.PalettesListController(this.paletteController, this.currentColorsService);
+ this.palettesListController.init();
+
+ this.cursorCoordinatesController = new pskl.controller.CursorCoordinatesController(this.piskelController);
+ this.cursorCoordinatesController.init();
+
+ this.drawingController = new pskl.controller.DrawingController(this.piskelController, this.paletteController, $('#drawing-canvas-container'));
+ this.drawingController.init();
+
+ this.previewController = new pskl.controller.preview.PreviewController(this.piskelController, $('#animated-preview-canvas-container'));
+ this.previewController.init();
+
+ this.minimapController = new pskl.controller.MinimapController(this.piskelController, this.previewController, this.drawingController, $('.minimap-container'));
+ this.minimapController.init();
+
+ this.framesListController = new pskl.controller.FramesListController(this.piskelController, $('#preview-list'));
+ this.framesListController.init();
+
+ this.layersListController = new pskl.controller.LayersListController(this.piskelController);
+ this.layersListController.init();
+
+ this.settingsController = new pskl.controller.settings.SettingsController(this.piskelController);
+ this.settingsController.init();
+
+ this.dialogsController = new pskl.controller.dialogs.DialogsController(this.piskelController);
+ this.dialogsController.init();
+
+ this.toolController = new pskl.controller.ToolController();
+ this.toolController.init();
+
+ this.selectionManager = new pskl.selection.SelectionManager(this.piskelController);
+ this.selectionManager.init();
+
+ this.historyService = new pskl.service.HistoryService(this.corePiskelController);
+ this.historyService.init();
+
+ this.notificationController = new pskl.controller.NotificationController();
+ this.notificationController.init();
+
+ this.transformationsController = new pskl.controller.TransformationsController();
+ this.transformationsController.init();
+
+ this.progressBarController = new pskl.controller.ProgressBarController();
+ this.progressBarController.init();
+
+ this.canvasBackgroundController = new pskl.controller.CanvasBackgroundController();
+ this.canvasBackgroundController.init();
+
+ this.localStorageService = new pskl.service.LocalStorageService(this.piskelController);
+ this.localStorageService.init();
+
+ this.imageUploadService = new pskl.service.ImageUploadService();
+ this.imageUploadService.init();
+
+ this.cheatsheetService = new pskl.service.keyboard.CheatsheetService();
+ this.cheatsheetService.init();
+
+ this.savedStatusService = new pskl.service.SavedStatusService(this.piskelController);
+ this.savedStatusService.init();
+
+ this.backupService = new pskl.service.BackupService(this.piskelController);
+ this.backupService.init();
+
+ this.beforeUnloadService = new pskl.service.BeforeUnloadService(this.piskelController);
+ this.beforeUnloadService.init();
+
+ this.fileDropperService = new pskl.service.FileDropperService(this.piskelController, $('#drawing-canvas-container').get(0));
+ this.fileDropperService.init();
+
+ if (this.isAppEngineVersion) {
+ this.storageService = new pskl.service.AppEngineStorageService(this.piskelController);
+ } else {
+ this.storageService = new pskl.service.GithubStorageService(this.piskelController);
+ }
+ this.storageService.init();
+
+ var drawingLoop = new pskl.rendering.DrawingLoop();
+ drawingLoop.addCallback(this.render, this);
+ drawingLoop.start();
+
+ this.initTooltips_();
+
+ var piskelData = this.getPiskelInitData_();
+ if (piskelData && piskelData.piskel) {
+ this.loadPiskel_(piskelData.piskel, piskelData.descriptor, piskelData.fps);
+ }
+
+ if (pskl.devtools) {
+ pskl.devtools.init();
+ }
+ },
+
+ loadPiskel_ : function (serializedPiskel, descriptor, fps) {
+ pskl.utils.serialization.Deserializer.deserialize(serializedPiskel, function (piskel) {
+ piskel.setDescriptor(descriptor);
+ pskl.app.piskelController.setPiskel(piskel);
+ pskl.app.previewController.setFPS(fps);
+ });
+ },
+
+ getPiskelInitData_ : function () {
+ return pskl.appEnginePiskelData_;
+ },
+
+ isLoggedIn : function () {
+ var piskelData = this.getPiskelInitData_();
+ return piskelData && piskelData.isLoggedIn;
+ },
+
+ initTooltips_ : function () {
+ $('body').tooltip({
+ selector: '[rel=tooltip]'
+ });
+ },
+
+ render : function (delta) {
+ this.drawingController.render(delta);
+ this.previewController.render(delta);
+ this.framesListController.render(delta);
+ },
+
+ getFirstFrameAsPng : function () {
+ var firstFrame = this.piskelController.getFrameAt(0);
+ var canvasRenderer = new pskl.rendering.CanvasRenderer(firstFrame, 1);
+ canvasRenderer.drawTransparentAs('rgba(0,0,0,0)');
+ var firstFrameCanvas = canvasRenderer.render();
+ return firstFrameCanvas.toDataURL("image/png");
+ },
+
+ getFramesheetAsPng : function () {
+ var renderer = new pskl.rendering.PiskelRenderer(this.piskelController);
+ var framesheetCanvas = renderer.renderAsCanvas();
+ return framesheetCanvas.toDataURL("image/png");
+ }
+ };
+})();
+
+;(function () {
+ var flipFrame = function (frame, horizontal, vertical) {
+ var clone = frame.clone();
+ var w = frame.getWidth();
+ var h = frame.getHeight();
+ clone.forEachPixel(function (color, x, y) {
+ if (horizontal) {
+ x = w-x-1;
+ }
+ if (vertical) {
+ y = h-y-1;
+ }
+ frame.pixels[x][y] = color;
+ });
+ frame.version++;
+ };
+
+ window.flip = function (horizontal, vertical) {
+ var currentFrameIndex = pskl.app.piskelController.getCurrentFrameIndex();
+ var layers = pskl.app.piskelController.getLayers();
+ layers.forEach(function (layer) {
+ flipFrame(layer.getFrameAt(currentFrameIndex), horizontal, vertical);
+ });
+ $.publish(Events.PISKEL_RESET);
+ $.publish(Events.PISKEL_SAVE_STATE, {
+ type : pskl.service.HistoryService.SNAPSHOT
+ });
+ };
+
+ window.copyToAll = function () {
+ var ref = pskl.app.piskelController.getCurrentFrame();
+ var layer = pskl.app.piskelController.getCurrentLayer();
+ layer.getFrames().forEach(function (frame) {
+ if (frame !== ref) {
+ frame.setPixels(ref.getPixels());
+ }
+ });
+ $.publish(Events.PISKEL_RESET);
+ $.publish(Events.PISKEL_SAVE_STATE, {
+ type : pskl.service.HistoryService.SNAPSHOT
+ });
+ };
+})();
\ No newline at end of file
diff --git a/js/piskel-packaged-min-2015-03-02-09-41.js b/js/piskel-packaged-min-2015-03-02-09-41.js
new file mode 100644
index 00000000..bf158f87
--- /dev/null
+++ b/js/piskel-packaged-min-2015-03-02-09-41.js
@@ -0,0 +1,14 @@
+!function(a,b){function c(a){var b=ob[a]={};return $.each(a.split(bb),function(a,c){b[c]=!0}),b}function d(a,c,d){if(d===b&&1===a.nodeType){var e="data-"+c.replace(qb,"-$1").toLowerCase();if(d=a.getAttribute(e),"string"==typeof d){try{d="true"===d?!0:"false"===d?!1:"null"===d?null:+d+""===d?+d:pb.test(d)?$.parseJSON(d):d}catch(f){}$.data(a,c,d)}else d=b}return d}function e(a){var b;for(b in a)if(("data"!==b||!$.isEmptyObject(a[b]))&&"toJSON"!==b)return!1;return!0}function f(){return!1}function g(){return!0}function h(a){return!a||!a.parentNode||11===a.parentNode.nodeType}function i(a,b){do a=a[b];while(a&&1!==a.nodeType);return a}function j(a,b,c){if(b=b||0,$.isFunction(b))return $.grep(a,function(a,d){var e=!!b.call(a,d,a);return e===c});if(b.nodeType)return $.grep(a,function(a){return a===b===c});if("string"==typeof b){var d=$.grep(a,function(a){return 1===a.nodeType});if(Kb.test(b))return $.filter(b,d,!c);b=$.filter(b,d)}return $.grep(a,function(a){return $.inArray(a,b)>=0===c})}function k(a){var b=Nb.split("|"),c=a.createDocumentFragment();if(c.createElement)for(;b.length;)c.createElement(b.pop());return c}function l(a,b){return a.getElementsByTagName(b)[0]||a.appendChild(a.ownerDocument.createElement(b))}function m(a,b){if(1===b.nodeType&&$.hasData(a)){var c,d,e,f=$._data(a),g=$._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)$.event.add(b,c,h[c][d])}g.data&&(g.data=$.extend({},g.data))}}function n(a,b){var c;1===b.nodeType&&(b.clearAttributes&&b.clearAttributes(),b.mergeAttributes&&b.mergeAttributes(a),c=b.nodeName.toLowerCase(),"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),$.support.html5Clone&&a.innerHTML&&!$.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&Xb.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.selected=a.defaultSelected:"input"===c||"textarea"===c?b.defaultValue=a.defaultValue:"script"===c&&b.text!==a.text&&(b.text=a.text),b.removeAttribute($.expando))}function o(a){return"undefined"!=typeof a.getElementsByTagName?a.getElementsByTagName("*"):"undefined"!=typeof a.querySelectorAll?a.querySelectorAll("*"):[]}function p(a){Xb.test(a.type)&&(a.defaultChecked=a.checked)}function q(a,b){if(b in a)return b;for(var c=b.charAt(0).toUpperCase()+b.slice(1),d=b,e=qc.length;e--;)if(b=qc[e]+c,b in a)return b;return d}function r(a,b){return a=b||a,"none"===$.css(a,"display")||!$.contains(a.ownerDocument,a)}function s(a,b){for(var c,d,e=[],f=0,g=a.length;g>f;f++)c=a[f],c.style&&(e[f]=$._data(c,"olddisplay"),b?(e[f]||"none"!==c.style.display||(c.style.display=""),""===c.style.display&&r(c)&&(e[f]=$._data(c,"olddisplay",w(c.nodeName)))):(d=cc(c,"display"),e[f]||"none"===d||$._data(c,"olddisplay",d)));for(f=0;g>f;f++)c=a[f],c.style&&(b&&"none"!==c.style.display&&""!==c.style.display||(c.style.display=b?e[f]||"":"none"));return a}function t(a,b,c){var d=jc.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||"px"):b}function u(a,b,c,d){for(var e=c===(d?"border":"content")?4:"width"===b?1:0,f=0;4>e;e+=2)"margin"===c&&(f+=$.css(a,c+pc[e],!0)),d?("content"===c&&(f-=parseFloat(cc(a,"padding"+pc[e]))||0),"margin"!==c&&(f-=parseFloat(cc(a,"border"+pc[e]+"Width"))||0)):(f+=parseFloat(cc(a,"padding"+pc[e]))||0,"padding"!==c&&(f+=parseFloat(cc(a,"border"+pc[e]+"Width"))||0));return f}function v(a,b,c){var d="width"===b?a.offsetWidth:a.offsetHeight,e=!0,f=$.support.boxSizing&&"border-box"===$.css(a,"boxSizing");if(0>=d){if(d=cc(a,b),(0>d||null==d)&&(d=a.style[b]),kc.test(d))return d;e=f&&($.support.boxSizingReliable||d===a.style[b]),d=parseFloat(d)||0}return d+u(a,b,c||(f?"border":"content"),e)+"px"}function w(a){if(mc[a])return mc[a];var b=$("<"+a+">").appendTo(P.body),c=b.css("display");return b.remove(),("none"===c||""===c)&&(dc=P.body.appendChild(dc||$.extend(P.createElement("iframe"),{frameBorder:0,width:0,height:0})),ec&&dc.createElement||(ec=(dc.contentWindow||dc.contentDocument).document,ec.write(""),ec.close()),b=ec.body.appendChild(ec.createElement(a)),c=cc(b,"display"),P.body.removeChild(dc)),mc[a]=c,c}function x(a,b,c,d){var e;if($.isArray(b))$.each(b,function(b,e){c||tc.test(a)?d(a,e):x(a+"["+("object"==typeof e?b:"")+"]",e,c,d)});else if(c||"object"!==$.type(b))d(a,b);else for(e in b)x(a+"["+e+"]",b[e],c,d)}function y(a){return function(b,c){"string"!=typeof b&&(c=b,b="*");var d,e,f,g=b.toLowerCase().split(bb),h=0,i=g.length;if($.isFunction(c))for(;i>h;h++)d=g[h],f=/^\+/.test(d),f&&(d=d.substr(1)||"*"),e=a[d]=a[d]||[],e[f?"unshift":"push"](c)}}function z(a,c,d,e,f,g){f=f||c.dataTypes[0],g=g||{},g[f]=!0;for(var h,i=a[f],j=0,k=i?i.length:0,l=a===Jc;k>j&&(l||!h);j++)h=i[j](c,d,e),"string"==typeof h&&(!l||g[h]?h=b:(c.dataTypes.unshift(h),h=z(a,c,d,e,h,g)));return!l&&h||g["*"]||(h=z(a,c,d,e,"*",g)),h}function A(a,c){var d,e,f=$.ajaxSettings.flatOptions||{};for(d in c)c[d]!==b&&((f[d]?a:e||(e={}))[d]=c[d]);e&&$.extend(!0,a,e)}function B(a,c,d){var e,f,g,h,i=a.contents,j=a.dataTypes,k=a.responseFields;for(f in k)f in d&&(c[k[f]]=d[f]);for(;"*"===j[0];)j.shift(),e===b&&(e=a.mimeType||c.getResponseHeader("content-type"));if(e)for(f in i)if(i[f]&&i[f].test(e)){j.unshift(f);break}if(j[0]in d)g=j[0];else{for(f in d){if(!j[0]||a.converters[f+" "+j[0]]){g=f;break}h||(h=f)}g=g||h}return g?(g!==j[0]&&j.unshift(g),d[g]):void 0}function C(a,b){var c,d,e,f,g=a.dataTypes.slice(),h=g[0],i={},j=0;if(a.dataFilter&&(b=a.dataFilter(b,a.dataType)),g[1])for(c in a.converters)i[c.toLowerCase()]=a.converters[c];for(;e=g[++j];)if("*"!==e){if("*"!==h&&h!==e){if(c=i[h+" "+e]||i["* "+e],!c)for(d in i)if(f=d.split(" "),f[1]===e&&(c=i[h+" "+f[0]]||i["* "+f[0]])){c===!0?c=i[d]:i[d]!==!0&&(e=f[0],g.splice(j--,0,e));break}if(c!==!0)if(c&&a["throws"])b=c(b);else try{b=c(b)}catch(k){return{state:"parsererror",error:c?k:"No conversion from "+h+" to "+e}}}h=e}return{state:"success",data:b}}function D(){try{return new a.XMLHttpRequest}catch(b){}}function E(){try{return new a.ActiveXObject("Microsoft.XMLHTTP")}catch(b){}}function F(){return setTimeout(function(){Uc=b},0),Uc=$.now()}function G(a,b){$.each(b,function(b,c){for(var d=($c[b]||[]).concat($c["*"]),e=0,f=d.length;f>e;e++)if(d[e].call(a,b,c))return})}function H(a,b,c){var d,e=0,f=Zc.length,g=$.Deferred().always(function(){delete h.elem}),h=function(){for(var b=Uc||F(),c=Math.max(0,i.startTime+i.duration-b),d=1-(c/i.duration||0),e=0,f=i.tweens.length;f>e;e++)i.tweens[e].run(d);return g.notifyWith(a,[i,d,c]),1>d&&f?c:(g.resolveWith(a,[i]),!1)},i=g.promise({elem:a,props:$.extend({},b),opts:$.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:Uc||F(),duration:c.duration,tweens:[],createTween:function(b,c){var d=$.Tween(a,i.opts,b,c,i.opts.specialEasing[b]||i.opts.easing);return i.tweens.push(d),d},stop:function(b){for(var c=0,d=b?i.tweens.length:0;d>c;c++)i.tweens[c].run(1);return b?g.resolveWith(a,[i,b]):g.rejectWith(a,[i,b]),this}}),j=i.props;for(I(j,i.opts.specialEasing);f>e;e++)if(d=Zc[e].call(i,a,j,i.opts))return d;return G(i,j),$.isFunction(i.opts.start)&&i.opts.start.call(a,i),$.fx.timer($.extend(h,{anim:i,queue:i.opts.queue,elem:a})),i.progress(i.opts.progress).done(i.opts.done,i.opts.complete).fail(i.opts.fail).always(i.opts.always)}function I(a,b){var c,d,e,f,g;for(c in a)if(d=$.camelCase(c),e=b[d],f=a[c],$.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=$.cssHooks[d],g&&"expand"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function J(a,b,c){var d,e,f,g,h,i,j,k,l=this,m=a.style,n={},o=[],p=a.nodeType&&r(a);c.queue||(j=$._queueHooks(a,"fx"),null==j.unqueued&&(j.unqueued=0,k=j.empty.fire,j.empty.fire=function(){j.unqueued||k()}),j.unqueued++,l.always(function(){l.always(function(){j.unqueued--,$.queue(a,"fx").length||j.empty.fire()})})),1===a.nodeType&&("height"in b||"width"in b)&&(c.overflow=[m.overflow,m.overflowX,m.overflowY],"inline"===$.css(a,"display")&&"none"===$.css(a,"float")&&($.support.inlineBlockNeedsLayout&&"inline"!==w(a.nodeName)?m.zoom=1:m.display="inline-block")),c.overflow&&(m.overflow="hidden",$.support.shrinkWrapBlocks||l.done(function(){m.overflow=c.overflow[0],m.overflowX=c.overflow[1],m.overflowY=c.overflow[2]}));for(d in b)if(f=b[d],Wc.exec(f)){if(delete b[d],f===(p?"hide":"show"))continue;o.push(d)}if(g=o.length)for(h=$._data(a,"fxshow")||$._data(a,"fxshow",{}),p?$(a).show():l.done(function(){$(a).hide()}),l.done(function(){var b;$.removeData(a,"fxshow",!0);for(b in n)$.style(a,b,n[b])}),d=0;g>d;d++)e=o[d],i=l.createTween(e,p?h[e]:0),n[e]=h[e]||$.style(a,e),e in h||(h[e]=i.start,p&&(i.end=i.start,i.start="width"===e||"height"===e?1:0))}function K(a,b,c,d,e){return new K.prototype.init(a,b,c,d,e)}function L(a,b){for(var c,d={height:a},e=0;4>e;e+=2-b)c=pc[e],d["margin"+c]=d["padding"+c]=a;return b&&(d.opacity=d.width=a),d}function M(a){return $.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}var N,O,P=a.document,Q=a.location,R=a.navigator,S=a.jQuery,T=a.$,U=Array.prototype.push,V=Array.prototype.slice,W=Array.prototype.indexOf,X=Object.prototype.toString,Y=Object.prototype.hasOwnProperty,Z=String.prototype.trim,$=function(a,b){return new $.fn.init(a,b,N)},_=/[\-+]?(?:\d*\.|)\d+(?:[eE][\-+]?\d+|)/.source,ab=/\S/,bb=/\s+/,cb=ab.test("Â ")?/^[\s\xA0]+|[\s\xA0]+$/g:/^\s+|\s+$/g,db=/^(?:[^#<]*(<[\w\W]+>)[^>]*$|#([\w\-]*)$)/,eb=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,fb=/^[\],:{}\s]*$/,gb=/(?:^|:|,)(?:\s*\[)+/g,hb=/\\(?:["\\\/bfnrt]|u[\da-fA-F]{4})/g,ib=/"[^"\\\r\n]*"|true|false|null|-?(?:\d\d*\.|)\d+(?:[eE][\-+]?\d+|)/g,jb=/^-ms-/,kb=/-([\da-z])/gi,lb=function(a,b){return(b+"").toUpperCase()},mb=function(){P.addEventListener?(P.removeEventListener("DOMContentLoaded",mb,!1),$.ready()):"complete"===P.readyState&&(P.detachEvent("onreadystatechange",mb),$.ready())},nb={};$.fn=$.prototype={constructor:$,init:function(a,c,d){var e,f,g;if(!a)return this;if(a.nodeType)return this.context=this[0]=a,this.length=1,this;if("string"==typeof a){if(e="<"===a.charAt(0)&&">"===a.charAt(a.length-1)&&a.length>=3?[null,a,null]:db.exec(a),!e||!e[1]&&c)return!c||c.jquery?(c||d).find(a):this.constructor(c).find(a);if(e[1])return c=c instanceof $?c[0]:c,g=c&&c.nodeType?c.ownerDocument||c:P,a=$.parseHTML(e[1],g,!0),eb.test(e[1])&&$.isPlainObject(c)&&this.attr.call(a,c,!0),$.merge(this,a);if(f=P.getElementById(e[2]),f&&f.parentNode){if(f.id!==e[2])return d.find(a);this.length=1,this[0]=f}return this.context=P,this.selector=a,this}return $.isFunction(a)?d.ready(a):(a.selector!==b&&(this.selector=a.selector,this.context=a.context),$.makeArray(a,this))},selector:"",jquery:"1.8.0",length:0,size:function(){return this.length},toArray:function(){return V.call(this)},get:function(a){return null==a?this.toArray():0>a?this[this.length+a]:this[a]},pushStack:function(a,b,c){var d=$.merge(this.constructor(),a);return d.prevObject=this,d.context=this.context,"find"===b?d.selector=this.selector+(this.selector?" ":"")+c:b&&(d.selector=this.selector+"."+b+"("+c+")"),d},each:function(a,b){return $.each(this,a,b)},ready:function(a){return $.ready.promise().done(a),this},eq:function(a){return a=+a,-1===a?this.slice(a):this.slice(a,a+1)},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},slice:function(){return this.pushStack(V.apply(this,arguments),"slice",V.call(arguments).join(","))},map:function(a){return this.pushStack($.map(this,function(b,c){return a.call(b,c,b)}))},end:function(){return this.prevObject||this.constructor(null)},push:U,sort:[].sort,splice:[].splice},$.fn.init.prototype=$.fn,$.extend=$.fn.extend=function(){var a,c,d,e,f,g,h=arguments[0]||{},i=1,j=arguments.length,k=!1;for("boolean"==typeof h&&(k=h,h=arguments[1]||{},i=2),"object"==typeof h||$.isFunction(h)||(h={}),j===i&&(h=this,--i);j>i;i++)if(null!=(a=arguments[i]))for(c in a)d=h[c],e=a[c],h!==e&&(k&&e&&($.isPlainObject(e)||(f=$.isArray(e)))?(f?(f=!1,g=d&&$.isArray(d)?d:[]):g=d&&$.isPlainObject(d)?d:{},h[c]=$.extend(k,g,e)):e!==b&&(h[c]=e));return h},$.extend({noConflict:function(b){return a.$===$&&(a.$=T),b&&a.jQuery===$&&(a.jQuery=S),$},isReady:!1,readyWait:1,holdReady:function(a){a?$.readyWait++:$.ready(!0)},ready:function(a){if(a===!0?!--$.readyWait:!$.isReady){if(!P.body)return setTimeout($.ready,1);$.isReady=!0,a!==!0&&--$.readyWait>0||(O.resolveWith(P,[$]),$.fn.trigger&&$(P).trigger("ready").off("ready"))}},isFunction:function(a){return"function"===$.type(a)},isArray:Array.isArray||function(a){return"array"===$.type(a)},isWindow:function(a){return null!=a&&a==a.window},isNumeric:function(a){return!isNaN(parseFloat(a))&&isFinite(a)},type:function(a){return null==a?String(a):nb[X.call(a)]||"object"},isPlainObject:function(a){if(!a||"object"!==$.type(a)||a.nodeType||$.isWindow(a))return!1;try{if(a.constructor&&!Y.call(a,"constructor")&&!Y.call(a.constructor.prototype,"isPrototypeOf"))return!1}catch(c){return!1}var d;for(d in a);return d===b||Y.call(a,d)},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},error:function(a){throw new Error(a)},parseHTML:function(a,b,c){var d;return a&&"string"==typeof a?("boolean"==typeof b&&(c=b,b=0),b=b||P,(d=eb.exec(a))?[b.createElement(d[1])]:(d=$.buildFragment([a],b,c?null:[]),$.merge([],(d.cacheable?$.clone(d.fragment):d.fragment).childNodes))):null},parseJSON:function(b){return b&&"string"==typeof b?(b=$.trim(b),a.JSON&&a.JSON.parse?a.JSON.parse(b):fb.test(b.replace(hb,"@").replace(ib,"]").replace(gb,""))?new Function("return "+b)():void $.error("Invalid JSON: "+b)):null},parseXML:function(c){var d,e;if(!c||"string"!=typeof c)return null;try{a.DOMParser?(e=new DOMParser,d=e.parseFromString(c,"text/xml")):(d=new ActiveXObject("Microsoft.XMLDOM"),d.async="false",d.loadXML(c))}catch(f){d=b}return d&&d.documentElement&&!d.getElementsByTagName("parsererror").length||$.error("Invalid XML: "+c),d},noop:function(){},globalEval:function(b){b&&ab.test(b)&&(a.execScript||function(b){a.eval.call(a,b)})(b)},camelCase:function(a){return a.replace(jb,"ms-").replace(kb,lb)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toUpperCase()===b.toUpperCase()},each:function(a,c,d){var e,f=0,g=a.length,h=g===b||$.isFunction(a);if(d)if(h){for(e in a)if(c.apply(a[e],d)===!1)break}else for(;g>f&&c.apply(a[f++],d)!==!1;);else if(h){for(e in a)if(c.call(a[e],e,a[e])===!1)break}else for(;g>f&&c.call(a[f],f,a[f++])!==!1;);return a},trim:Z?function(a){return null==a?"":Z.call(a)}:function(a){return null==a?"":a.toString().replace(cb,"")},makeArray:function(a,b){var c,d=b||[];return null!=a&&(c=$.type(a),null==a.length||"string"===c||"function"===c||"regexp"===c||$.isWindow(a)?U.call(d,a):$.merge(d,a)),d},inArray:function(a,b,c){var d;if(b){if(W)return W.call(b,a,c);for(d=b.length,c=c?0>c?Math.max(0,d+c):c:0;d>c;c++)if(c in b&&b[c]===a)return c}return-1},merge:function(a,c){var d=c.length,e=a.length,f=0;if("number"==typeof d)for(;d>f;f++)a[e++]=c[f];else for(;c[f]!==b;)a[e++]=c[f++];return a.length=e,a},grep:function(a,b,c){var d,e=[],f=0,g=a.length;for(c=!!c;g>f;f++)d=!!b(a[f],f),c!==d&&e.push(a[f]);return e},map:function(a,c,d){var e,f,g=[],h=0,i=a.length,j=a instanceof $||i!==b&&"number"==typeof i&&(i>0&&a[0]&&a[i-1]||0===i||$.isArray(a));if(j)for(;i>h;h++)e=c(a[h],h,d),null!=e&&(g[g.length]=e);else for(f in a)e=c(a[f],f,d),null!=e&&(g[g.length]=e);return g.concat.apply([],g)},guid:1,proxy:function(a,c){var d,e,f;return"string"==typeof c&&(d=a[c],c=a,a=d),$.isFunction(a)?(e=V.call(arguments,2),f=function(){return a.apply(c,e.concat(V.call(arguments)))},f.guid=a.guid=a.guid||f.guid||$.guid++,f):b},access:function(a,c,d,e,f,g,h){var i,j=null==d,k=0,l=a.length;if(d&&"object"==typeof d){for(k in d)$.access(a,c,k,d[k],1,g,e);f=1}else if(e!==b){if(i=h===b&&$.isFunction(e),j&&(i?(i=c,c=function(a,b,c){return i.call($(a),c)}):(c.call(a,e),c=null)),c)for(;l>k;k++)c(a[k],d,i?e.call(a[k],k,c(a[k],d)):e,h);f=1}return f?a:j?c.call(a):l?c(a[0],d):g},now:function(){return(new Date).getTime()}}),$.ready.promise=function(b){if(!O)if(O=$.Deferred(),"complete"===P.readyState||"loading"!==P.readyState&&P.addEventListener)setTimeout($.ready,1);else if(P.addEventListener)P.addEventListener("DOMContentLoaded",mb,!1),a.addEventListener("load",$.ready,!1);else{P.attachEvent("onreadystatechange",mb),a.attachEvent("onload",$.ready);var c=!1;try{c=null==a.frameElement&&P.documentElement}catch(d){}c&&c.doScroll&&!function e(){if(!$.isReady){try{c.doScroll("left")}catch(a){return setTimeout(e,50)}$.ready()}}()}return O.promise(b)},$.each("Boolean Number String Function Array Date RegExp Object".split(" "),function(a,b){nb["[object "+b+"]"]=b.toLowerCase()}),N=$(P);var ob={};$.Callbacks=function(a){a="string"==typeof a?ob[a]||c(a):$.extend({},a);var d,e,f,g,h,i,j=[],k=!a.once&&[],l=function(b){for(d=a.memory&&b,e=!0,i=g||0,g=0,h=j.length,f=!0;j&&h>i;i++)if(j[i].apply(b[0],b[1])===!1&&a.stopOnFalse){d=!1;break}f=!1,j&&(k?k.length&&l(k.shift()):d?j=[]:m.disable())},m={add:function(){if(j){var b=j.length;!function c(b){$.each(b,function(b,d){!$.isFunction(d)||a.unique&&m.has(d)?d&&d.length&&c(d):j.push(d)})}(arguments),f?h=j.length:d&&(g=b,l(d))}return this},remove:function(){return j&&$.each(arguments,function(a,b){for(var c;(c=$.inArray(b,j,c))>-1;)j.splice(c,1),f&&(h>=c&&h--,i>=c&&i--)}),this},has:function(a){return $.inArray(a,j)>-1},empty:function(){return j=[],this},disable:function(){return j=k=d=b,this},disabled:function(){return!j},lock:function(){return k=b,d||m.disable(),this},locked:function(){return!k},fireWith:function(a,b){return b=b||[],b=[a,b.slice?b.slice():b],!j||e&&!k||(f?k.push(b):l(b)),this},fire:function(){return m.fireWith(this,arguments),this},fired:function(){return!!e}};return m},$.extend({Deferred:function(a){var b=[["resolve","done",$.Callbacks("once memory"),"resolved"],["reject","fail",$.Callbacks("once memory"),"rejected"],["notify","progress",$.Callbacks("memory")]],c="pending",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return $.Deferred(function(c){$.each(b,function(b,d){var f=d[0],g=a[b];e[d[1]]($.isFunction(g)?function(){var a=g.apply(this,arguments);a&&$.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f+"With"](this===e?c:this,[a])}:c[f])}),a=null}).promise()},promise:function(a){return"object"==typeof a?$.extend(a,d):d}},e={};return d.pipe=d.then,$.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=g.fire,e[f[0]+"With"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b,c,d,e=0,f=V.call(arguments),g=f.length,h=1!==g||a&&$.isFunction(a.promise)?g:0,i=1===h?a:$.Deferred(),j=function(a,c,d){return function(e){c[a]=this,d[a]=arguments.length>1?V.call(arguments):e,d===b?i.notifyWith(c,d):--h||i.resolveWith(c,d)}};if(g>1)for(b=new Array(g),c=new Array(g),d=new Array(g);g>e;e++)f[e]&&$.isFunction(f[e].promise)?f[e].promise().done(j(e,d,f)).fail(i.reject).progress(j(e,c,b)):--h;return h||i.resolveWith(d,f),i.promise()}}),$.support=function(){var b,c,d,e,f,g,h,i,j,k,l,m=P.createElement("div");if(m.setAttribute("className","t"),m.innerHTML=" a
",d.firstChild.style.width="5px",b.shrinkWrapBlocks=3!==d.offsetWidth,c.style.zoom=1),h.removeChild(c),c=d=e=f=null)}),h.removeChild(m),c=d=e=f=g=h=m=null,b}();var pb=/^(?:\{.*\}|\[.*\])$/,qb=/([A-Z])/g;$.extend({cache:{},deletedIds:[],uuid:0,expando:"jQuery"+($.fn.jquery+Math.random()).replace(/\D/g,""),noData:{embed:!0,object:"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000",applet:!0},hasData:function(a){return a=a.nodeType?$.cache[a[$.expando]]:a[$.expando],!!a&&!e(a)},data:function(a,c,d,e){if($.acceptData(a)){var f,g,h=$.expando,i="string"==typeof c,j=a.nodeType,k=j?$.cache:a,l=j?a[h]:a[h]&&h;if(l&&k[l]&&(e||k[l].data)||!i||d!==b)return l||(j?a[h]=l=$.deletedIds.pop()||++$.uuid:l=h),k[l]||(k[l]={},j||(k[l].toJSON=$.noop)),("object"==typeof c||"function"==typeof c)&&(e?k[l]=$.extend(k[l],c):k[l].data=$.extend(k[l].data,c)),f=k[l],e||(f.data||(f.data={}),f=f.data),d!==b&&(f[$.camelCase(c)]=d),i?(g=f[c],null==g&&(g=f[$.camelCase(c)])):g=f,g}},removeData:function(a,b,c){if($.acceptData(a)){var d,f,g,h=a.nodeType,i=h?$.cache:a,j=h?a[$.expando]:$.expando;if(i[j]){if(b&&(d=c?i[j]:i[j].data)){$.isArray(b)||(b in d?b=[b]:(b=$.camelCase(b),b=b in d?[b]:b.split(" ")));for(f=0,g=b.length;g>f;f++)delete d[b[f]];if(!(c?e:$.isEmptyObject)(d))return}(c||(delete i[j].data,e(i[j])))&&(h?$.cleanData([a],!0):$.support.deleteExpando||i!=i.window?delete i[j]:i[j]=null)}}},_data:function(a,b,c){return $.data(a,b,c,!0)},acceptData:function(a){var b=a.nodeName&&$.noData[a.nodeName.toLowerCase()];return!b||b!==!0&&a.getAttribute("classid")===b}}),$.fn.extend({data:function(a,c){var e,f,g,h,i,j=this[0],k=0,l=null;if(a===b){if(this.length&&(l=$.data(j),1===j.nodeType&&!$._data(j,"parsedAttrs"))){for(g=j.attributes,i=g.length;i>k;k++)h=g[k].name,0===h.indexOf("data-")&&(h=$.camelCase(h.substring(5)),d(j,h,l[h]));$._data(j,"parsedAttrs",!0)}return l}return"object"==typeof a?this.each(function(){$.data(this,a)}):(e=a.split(".",2),e[1]=e[1]?"."+e[1]:"",f=e[1]+"!",$.access(this,function(c){return c===b?(l=this.triggerHandler("getData"+f,[e[0]]),l===b&&j&&(l=$.data(j,a),l=d(j,a,l)),l===b&&e[1]?this.data(e[0]):l):(e[1]=c,void this.each(function(){var b=$(this);b.triggerHandler("setData"+f,e),$.data(this,a,c),b.triggerHandler("changeData"+f,e)}))},null,c,arguments.length>1,null,!1))},removeData:function(a){return this.each(function(){$.removeData(this,a)})}}),$.extend({queue:function(a,b,c){var d;return a?(b=(b||"fx")+"queue",d=$._data(a,b),c&&(!d||$.isArray(c)?d=$._data(a,b,$.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||"fx";var c=$.queue(a,b),d=c.shift(),e=$._queueHooks(a,b),f=function(){$.dequeue(a,b)};"inprogress"===d&&(d=c.shift()),d&&("fx"===b&&c.unshift("inprogress"),delete e.stop,d.call(a,f,e)),!c.length&&e&&e.empty.fire()},_queueHooks:function(a,b){var c=b+"queueHooks";return $._data(a,c)||$._data(a,c,{empty:$.Callbacks("once memory").add(function(){$.removeData(a,b+"queue",!0),$.removeData(a,c,!0)})})}}),$.fn.extend({queue:function(a,c){var d=2;return"string"!=typeof a&&(c=a,a="fx",d--),arguments.length1)},removeAttr:function(a){return this.each(function(){$.removeAttr(this,a)})},prop:function(a,b){return $.access(this,$.prop,a,b,arguments.length>1)},removeProp:function(a){return a=$.propFix[a]||a,this.each(function(){try{this[a]=b,delete this[a]}catch(c){}})},addClass:function(a){var b,c,d,e,f,g,h;if($.isFunction(a))return this.each(function(b){$(this).addClass(a.call(this,b,this.className))});if(a&&"string"==typeof a)for(b=a.split(bb),c=0,d=this.length;d>c;c++)if(e=this[c],1===e.nodeType)if(e.className||1!==b.length){for(f=" "+e.className+" ",g=0,h=b.length;h>g;g++)~f.indexOf(" "+b[g]+" ")||(f+=b[g]+" ");e.className=$.trim(f)}else e.className=a;return this},removeClass:function(a){var c,d,e,f,g,h,i;if($.isFunction(a))return this.each(function(b){$(this).removeClass(a.call(this,b,this.className))});if(a&&"string"==typeof a||a===b)for(c=(a||"").split(bb),h=0,i=this.length;i>h;h++)if(e=this[h],1===e.nodeType&&e.className){for(d=(" "+e.className+" ").replace(ub," "),f=0,g=c.length;g>f;f++)for(;d.indexOf(" "+c[f]+" ")>-1;)d=d.replace(" "+c[f]+" "," ");e.className=a?$.trim(d):""}return this},toggleClass:function(a,b){var c=typeof a,d="boolean"==typeof b;return this.each($.isFunction(a)?function(c){$(this).toggleClass(a.call(this,c,this.className,b),b)}:function(){if("string"===c)for(var e,f=0,g=$(this),h=b,i=a.split(bb);e=i[f++];)h=d?h:!g.hasClass(e),g[h?"addClass":"removeClass"](e);else("undefined"===c||"boolean"===c)&&(this.className&&$._data(this,"__className__",this.className),this.className=this.className||a===!1?"":$._data(this,"__className__")||"")})},hasClass:function(a){for(var b=" "+a+" ",c=0,d=this.length;d>c;c++)if(1===this[c].nodeType&&(" "+this[c].className+" ").replace(ub," ").indexOf(b)>-1)return!0;return!1},val:function(a){var c,d,e,f=this[0];{if(arguments.length)return e=$.isFunction(a),this.each(function(d){var f,g=$(this);1===this.nodeType&&(f=e?a.call(this,d,g.val()):a,null==f?f="":"number"==typeof f?f+="":$.isArray(f)&&(f=$.map(f,function(a){return null==a?"":a+""})),c=$.valHooks[this.type]||$.valHooks[this.nodeName.toLowerCase()],c&&"set"in c&&c.set(this,f,"value")!==b||(this.value=f))});if(f)return c=$.valHooks[f.type]||$.valHooks[f.nodeName.toLowerCase()],c&&"get"in c&&(d=c.get(f,"value"))!==b?d:(d=f.value,"string"==typeof d?d.replace(vb,""):null==d?"":d)}}}),$.extend({valHooks:{option:{get:function(a){var b=a.attributes.value;return!b||b.specified?a.value:a.text}},select:{get:function(a){var b,c,d,e,f=a.selectedIndex,g=[],h=a.options,i="select-one"===a.type;if(0>f)return null;for(c=i?f:0,d=i?f+1:h.length;d>c;c++)if(e=h[c],!(!e.selected||($.support.optDisabled?e.disabled:null!==e.getAttribute("disabled"))||e.parentNode.disabled&&$.nodeName(e.parentNode,"optgroup"))){if(b=$(e).val(),i)return b;g.push(b)}return i&&!g.length&&h.length?$(h[f]).val():g},set:function(a,b){var c=$.makeArray(b);return $(a).find("option").each(function(){this.selected=$.inArray($(this).val(),c)>=0}),c.length||(a.selectedIndex=-1),c}}},attrFn:{},attr:function(a,c,d,e){var f,g,h,i=a.nodeType;if(a&&3!==i&&8!==i&&2!==i)return e&&$.isFunction($.fn[c])?$(a)[c](d):"undefined"==typeof a.getAttribute?$.prop(a,c,d):(h=1!==i||!$.isXMLDoc(a),h&&(c=c.toLowerCase(),g=$.attrHooks[c]||(zb.test(c)?sb:rb)),d!==b?null===d?void $.removeAttr(a,c):g&&"set"in g&&h&&(f=g.set(a,d,c))!==b?f:(a.setAttribute(c,""+d),d):g&&"get"in g&&h&&null!==(f=g.get(a,c))?f:(f=a.getAttribute(c),null===f?b:f))},removeAttr:function(a,b){var c,d,e,f,g=0;if(b&&1===a.nodeType)for(d=b.split(bb);g=0:void 0}})});var Bb=/^(?:textarea|input|select)$/i,Cb=/^([^\.]*|)(?:\.(.+)|)$/,Db=/(?:^|\s)hover(\.\S+|)\b/,Eb=/^key/,Fb=/^(?:mouse|contextmenu)|click/,Gb=/^(?:focusinfocus|focusoutblur)$/,Hb=function(a){return $.event.special.hover?a:a.replace(Db,"mouseenter$1 mouseleave$1")};$.event={add:function(a,c,d,e,f){var g,h,i,j,k,l,m,n,o,p,q;if(3!==a.nodeType&&8!==a.nodeType&&c&&d&&(g=$._data(a))){for(d.handler&&(o=d,d=o.handler,f=o.selector),d.guid||(d.guid=$.guid++),i=g.events,i||(g.events=i={}),h=g.handle,h||(g.handle=h=function(a){return"undefined"==typeof $||a&&$.event.triggered===a.type?b:$.event.dispatch.apply(h.elem,arguments)},h.elem=a),c=$.trim(Hb(c)).split(" "),j=0;j=0&&(q=q.slice(0,-1),h=!0),q.indexOf(".")>=0&&(r=q.split("."),q=r.shift(),r.sort()),e&&!$.event.customEvent[q]||$.event.global[q]))if(c="object"==typeof c?c[$.expando]?c:new $.Event(q,c):new $.Event(q),c.type=q,c.isTrigger=!0,c.exclusive=h,c.namespace=r.join("."),c.namespace_re=c.namespace?new RegExp("(^|\\.)"+r.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,l=q.indexOf(":")<0?"on"+q:"",e){if(c.result=b,c.target||(c.target=e),d=null!=d?$.makeArray(d):[],d.unshift(c),m=$.event.special[q]||{},!m.trigger||m.trigger.apply(e,d)!==!1){if(o=[[e,m.bindType||q]],!f&&!m.noBubble&&!$.isWindow(e)){for(p=m.delegateType||q,j=Gb.test(p+q)?e:e.parentNode,k=e;j;j=j.parentNode)o.push([j,p]),k=j;k===(e.ownerDocument||P)&&o.push([k.defaultView||k.parentWindow||a,p])}for(i=0;id;d++)l=n[d],m=l.selector,i[m]===b&&(i[m]=g.is(m)),i[m]&&k.push(l);k.length&&s.push({elem:f,matches:k})}for(n.length>o&&s.push({elem:this,matches:n.slice(o)}),d=0;d0?this.on(b,null,a,c):this.trigger(b)},Eb.test(b)&&($.event.fixHooks[b]=$.event.keyHooks),Fb.test(b)&&($.event.fixHooks[b]=$.event.mouseHooks)}),function(a,b){function c(a,b,c,d){for(var e=0,f=b.length;f>e;e++)fb(a,b[e],c,d)}function d(a,b,d,e,f,g){var h,i=gb.setFilters[b.toLowerCase()];return i||fb.error(b),(a||!(h=f))&&c(a||"*",e,h=[],f),h.length>0?i(h,d,g):[]}function e(a,e,f,g,h){for(var i,j,k,l,m,n,o,p,q=0,r=h.length,s=S.POS,t=new RegExp("^"+s.source+"(?!"+y+")","i"),u=function(){for(var a=1,c=arguments.length-2;c>a;a++)arguments[a]===b&&(i[a]=b)};r>q;q++){for(s.exec(""),a=h[q],l=[],k=0,m=g;i=s.exec(a);)p=s.lastIndex=i.index+i[0].length,p>k&&(o=a.slice(k,i.index),k=p,n=[e],I.test(o)&&(m&&(n=m),m=g),(j=O.test(o))&&(o=o.slice(0,-5).replace(I,"$&*")),i.length>1&&i[0].replace(t,u),m=d(o,i[1],i[2],n,m,j));m?(l=l.concat(m),(o=a.slice(k))&&")"!==o?I.test(o)?c(o,l,f,g):fb(o,e,f,g?g.concat(m):m):w.apply(f,l)):fb(a,e,f,g)}return 1===r?f:fb.uniqueSort(f)}function f(a,b,c){for(var d,e,f,g=[],h=0,i=K.exec(a),j=!i.pop()&&!i.pop(),k=j&&a.match(J)||[""],l=gb.preFilter,m=gb.filter,n=!c&&b!==p;null!=(e=k[h])&&j;h++)for(g.push(d=[]),n&&(e=" "+e);e;){j=!1,(i=I.exec(e))&&(e=e.slice(i[0].length),j=d.push({part:i.pop().replace(H," "),captures:i}));for(f in m)!(i=S[f].exec(e))||l[f]&&!(i=l[f](i,b,c))||(e=e.slice(i.shift().length),j=d.push({part:f,captures:i}));if(!j)break}return j||fb.error(a),g}function g(a,b,c){var d=b.dir,e=u++;return a||(a=function(a){return a===c}),b.first?function(b,c){for(;b=b[d];)if(1===b.nodeType)return a(b,c)&&b}:function(b,c){for(var f,g=e+"."+l,h=g+"."+k;b=b[d];)if(1===b.nodeType){if((f=b[x])===h)return b.sizset;if("string"==typeof f&&0===f.indexOf(g)){if(b.sizset)return b}else{if(b[x]=h,a(b,c))return b.sizset=!0,b;b.sizset=!1}}}}function h(a,b){return a?function(c,d){var e=b(c,d);return e&&a(e===!0?c:e,d)}:b}function i(a,b,c){for(var d,e,f=0;d=a[f];f++)gb.relative[d.part]?e=g(e,gb.relative[d.part],b):(d.captures.push(b,c),e=h(e,gb.filter[d.part].apply(null,d.captures)));return e}function j(a){return function(b,c){for(var d,e=0;d=a[e];e++)if(d(b,c))return!0;return!1}}var k,l,m,n,o,p=a.document,q=p.documentElement,r="undefined",s=!1,t=!0,u=0,v=[].slice,w=[].push,x=("sizcache"+Math.random()).replace(".",""),y="[\\x20\\t\\r\\n\\f]",z="(?:\\\\.|[-\\w]|[^\\x00-\\xa0])+",A=z.replace("w","w#"),B="([*^$|!~]?=)",C="\\["+y+"*("+z+")"+y+"*(?:"+B+y+"*(?:(['\"])((?:\\\\.|[^\\\\])*?)\\3|("+A+")|)|)"+y+"*\\]",D=":("+z+")(?:\\((?:(['\"])((?:\\\\.|[^\\\\])*?)\\2|((?:[^,]|\\\\,|(?:,(?=[^\\[]*\\]))|(?:,(?=[^\\(]*\\))))*))\\)|)",E=":(nth|eq|gt|lt|first|last|even|odd)(?:\\((\\d*)\\)|)(?=[^-]|$)",F=y+"*([\\x20\\t\\r\\n\\f>+~])"+y+"*",G="(?=[^\\x20\\t\\r\\n\\f])(?:\\\\.|"+C+"|"+D.replace(2,7)+"|[^\\\\(),])+",H=new RegExp("^"+y+"+|((?:^|[^\\\\])(?:\\\\.)*)"+y+"+$","g"),I=new RegExp("^"+F),J=new RegExp(G+"?(?="+y+"*,|$)","g"),K=new RegExp("^(?:(?!,)(?:(?:^|,)"+y+"*"+G+")*?|"+y+"*(.*?))(\\)|$)"),L=new RegExp(G.slice(19,-6)+"\\x20\\t\\r\\n\\f>+~])+|"+F,"g"),M=/^(?:#([\w\-]+)|(\w+)|\.([\w\-]+))$/,N=/[\x20\t\r\n\f]*[+~]/,O=/:not\($/,P=/h\d/i,Q=/input|select|textarea|button/i,R=/\\(?!\\)/g,S={ID:new RegExp("^#("+z+")"),CLASS:new RegExp("^\\.("+z+")"),NAME:new RegExp("^\\[name=['\"]?("+z+")['\"]?\\]"),TAG:new RegExp("^("+z.replace("[-","[-\\*")+")"),ATTR:new RegExp("^"+C),PSEUDO:new RegExp("^"+D),CHILD:new RegExp("^:(only|nth|last|first)-child(?:\\("+y+"*(even|odd|(([+-]|)(\\d*)n|)"+y+"*(?:([+-]|)"+y+"*(\\d+)|))"+y+"*\\)|)","i"),POS:new RegExp(E,"ig"),needsContext:new RegExp("^"+y+"*[>+~]|"+E,"i")},T={},U=[],V={},W=[],X=function(a){return a.sizzleFilter=!0,a},Y=function(a){return function(b){return"input"===b.nodeName.toLowerCase()&&b.type===a}},Z=function(a){return function(b){var c=b.nodeName.toLowerCase();return("input"===c||"button"===c)&&b.type===a}},_=function(a){var b=!1,c=p.createElement("div");try{b=a(c)}catch(d){}return c=null,b},ab=_(function(a){a.innerHTML="
",q.insertBefore(a,q.firstChild);var b=p.getElementsByName&&p.getElementsByName(x).length===2+p.getElementsByName(x+0).length;return o=!p.getElementById(x),q.removeChild(a),b}),cb=_(function(a){return a.appendChild(p.createComment("")),0===a.getElementsByTagName("*").length}),db=_(function(a){return a.innerHTML="
",a.getElementsByClassName&&0!==a.getElementsByClassName("e").length?(a.lastChild.className="e",1!==a.getElementsByClassName("e").length):!1}),fb=function(a,b,c,d){c=c||[],b=b||p;var e,f,g,h,i=b.nodeType;if(1!==i&&9!==i)return[];if(!a||"string"!=typeof a)return c;if(g=ib(b),!g&&!d&&(e=M.exec(a)))if(h=e[1]){if(9===i){if(f=b.getElementById(h),!f||!f.parentNode)return c;if(f.id===h)return c.push(f),c}else if(b.ownerDocument&&(f=b.ownerDocument.getElementById(h))&&jb(b,f)&&f.id===h)return c.push(f),c}else{if(e[2])return w.apply(c,v.call(b.getElementsByTagName(a),0)),c;if((h=e[3])&&eb&&b.getElementsByClassName)return w.apply(c,v.call(b.getElementsByClassName(h),0)),c}return mb(a,b,c,d,g)},gb=fb.selectors={cacheLength:50,match:S,order:["ID","TAG"],attrHandle:{},createPseudo:X,find:{ID:o?function(a,b,c){if(typeof b.getElementById!==r&&!c){var d=b.getElementById(a);return d&&d.parentNode?[d]:[]}}:function(a,c,d){if(typeof c.getElementById!==r&&!d){var e=c.getElementById(a);return e?e.id===a||typeof e.getAttributeNode!==r&&e.getAttributeNode("id").value===a?[e]:b:[]}},TAG:cb?function(a,b){return typeof b.getElementsByTagName!==r?b.getElementsByTagName(a):void 0}:function(a,b){var c=b.getElementsByTagName(a);if("*"===a){for(var d,e=[],f=0;d=c[f];f++)1===d.nodeType&&e.push(d);return e}return c}},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(R,""),a[3]=(a[4]||a[5]||"").replace(R,""),"~="===a[2]&&(a[3]=" "+a[3]+" "),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),"nth"===a[1]?(a[2]||fb.error(a[0]),a[3]=+(a[3]?a[4]+(a[5]||1):2*("even"===a[2]||"odd"===a[2])),a[4]=+(a[6]+a[7]||"odd"===a[2])):a[2]&&fb.error(a[0]),a},PSEUDO:function(a){var b,c=a[4];return S.CHILD.test(a[0])?null:(c&&(b=K.exec(c))&&b.pop()&&(a[0]=a[0].slice(0,b[0].length-c.length-1),c=b[0].slice(0,-1)),a.splice(2,3,c||a[3]),a)}},filter:{ID:o?function(a){return a=a.replace(R,""),function(b){return b.getAttribute("id")===a}}:function(a){return a=a.replace(R,""),function(b){var c=typeof b.getAttributeNode!==r&&b.getAttributeNode("id");return c&&c.value===a}},TAG:function(a){return"*"===a?function(){return!0}:(a=a.replace(R,"").toLowerCase(),function(b){return b.nodeName&&b.nodeName.toLowerCase()===a})},CLASS:function(a){var b=T[a];return b||(b=T[a]=new RegExp("(^|"+y+")"+a+"("+y+"|$)"),U.push(a),U.length>gb.cacheLength&&delete T[U.shift()]),function(a){return b.test(a.className||typeof a.getAttribute!==r&&a.getAttribute("class")||"")}},ATTR:function(a,b,c){return b?function(d){var e=fb.attr(d,a),f=e+"";if(null==e)return"!="===b;switch(b){case"=":return f===c;case"!=":return f!==c;case"^=":return c&&0===f.indexOf(c);case"*=":return c&&f.indexOf(c)>-1;case"$=":return c&&f.substr(f.length-c.length)===c;case"~=":return(" "+f+" ").indexOf(c)>-1;case"|=":return f===c||f.substr(0,c.length+1)===c+"-"}}:function(b){return null!=fb.attr(b,a)}},CHILD:function(a,b,c,d){if("nth"===a){var e=u++;return function(a){var b,f,g=0,h=a;if(1===c&&0===d)return!0;if(b=a.parentNode,b&&(b[x]!==e||!a.sizset)){for(h=b.firstChild;h&&(1!==h.nodeType||(h.sizset=++g,h!==a));h=h.nextSibling);b[x]=e}return f=a.sizset-d,0===c?0===f:f%c===0&&f/c>=0}}return function(b){var c=b;switch(a){case"only":case"first":for(;c=c.previousSibling;)if(1===c.nodeType)return!1;if("first"===a)return!0;c=b;case"last":for(;c=c.nextSibling;)if(1===c.nodeType)return!1;return!0}}},PSEUDO:function(a,b,c,d){var e=gb.pseudos[a]||gb.pseudos[a.toLowerCase()];return e||fb.error("unsupported pseudo: "+a),e.sizzleFilter?e(b,c,d):e}},pseudos:{not:X(function(a,b,c){var d=lb(a.replace(H,"$1"),b,c);return function(a){return!d(a)}}),enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&!!a.checked||"option"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},parent:function(a){return!gb.pseudos.empty(a)},empty:function(a){var b;for(a=a.firstChild;a;){if(a.nodeName>"@"||3===(b=a.nodeType)||4===b)return!1;a=a.nextSibling}return!0},contains:X(function(a){return function(b){return(b.textContent||b.innerText||kb(b)).indexOf(a)>-1}}),has:X(function(a){return function(b){return fb(a,b).length>0}}),header:function(a){return P.test(a.nodeName)},text:function(a){var b,c;return"input"===a.nodeName.toLowerCase()&&"text"===(b=a.type)&&(null==(c=a.getAttribute("type"))||c.toLowerCase()===b)},radio:Y("radio"),checkbox:Y("checkbox"),file:Y("file"),password:Y("password"),image:Y("image"),submit:Z("submit"),reset:Z("reset"),button:function(a){var b=a.nodeName.toLowerCase();return"input"===b&&"button"===a.type||"button"===b},input:function(a){return Q.test(a.nodeName)},focus:function(a){var b=a.ownerDocument;return!(a!==b.activeElement||b.hasFocus&&!b.hasFocus()||!a.type&&!a.href)},active:function(a){return a===a.ownerDocument.activeElement}},setFilters:{first:function(a,b,c){return c?a.slice(1):[a[0]]},last:function(a,b,c){var d=a.pop();return c?a:[d]},even:function(a,b,c){for(var d=[],e=c?1:0,f=a.length;f>e;e+=2)d.push(a[e]);return d},odd:function(a,b,c){for(var d=[],e=c?0:1,f=a.length;f>e;e+=2)d.push(a[e]);return d},lt:function(a,b,c){return c?a.slice(+b):a.slice(0,+b)},gt:function(a,b,c){return c?a.slice(0,+b+1):a.slice(+b+1)},eq:function(a,b,c){var d=a.splice(+b,1);return c?a:d}}};gb.setFilters.nth=gb.setFilters.eq,gb.filters=gb.pseudos,db||(gb.attrHandle={href:function(a){return a.getAttribute("href",2)},type:function(a){return a.getAttribute("type")}}),bb&&(gb.order.push("NAME"),gb.find.NAME=function(a,b){return typeof b.getElementsByName!==r?b.getElementsByName(a):void 0}),eb&&(gb.order.splice(1,0,"CLASS"),gb.find.CLASS=function(a,b,c){return typeof b.getElementsByClassName===r||c?void 0:b.getElementsByClassName(a)});try{v.call(q.childNodes,0)[0].nodeType}catch(hb){v=function(a){for(var b,c=[];b=this[a];a++)c.push(b);return c}}var ib=fb.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?"HTML"!==b.nodeName:!1},jb=fb.contains=q.compareDocumentPosition?function(a,b){return!!(16&a.compareDocumentPosition(b))}:q.contains?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b.parentNode;return a===d||!!(d&&1===d.nodeType&&c.contains&&c.contains(d))}:function(a,b){for(;b=b.parentNode;)if(b===a)return!0;return!1},kb=fb.getText=function(a){var b,c="",d=0,e=a.nodeType;if(e){if(1===e||9===e||11===e){if("string"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=kb(a)}else if(3===e||4===e)return a.nodeValue}else for(;b=a[d];d++)c+=kb(b);return c};fb.attr=function(a,b){var c,d=ib(a);return d||(b=b.toLowerCase()),gb.attrHandle[b]?gb.attrHandle[b](a):ab||d?a.getAttribute(b):(c=a.getAttributeNode(b),c?"boolean"==typeof a[b]?a[b]?b:null:c.specified?c.value:null:null)},fb.error=function(a){throw new Error("Syntax error, unrecognized expression: "+a)},[0,0].sort(function(){return t=0}),q.compareDocumentPosition?m=function(a,b){return a===b?(s=!0,0):(a.compareDocumentPosition&&b.compareDocumentPosition?4&a.compareDocumentPosition(b):a.compareDocumentPosition)?-1:1}:(m=function(a,b){if(a===b)return s=!0,0;if(a.sourceIndex&&b.sourceIndex)return a.sourceIndex-b.sourceIndex;var c,d,e=[],f=[],g=a.parentNode,h=b.parentNode,i=g;if(g===h)return n(a,b);if(!g)return-1;if(!h)return 1;for(;i;)e.unshift(i),i=i.parentNode;for(i=h;i;)f.unshift(i),i=i.parentNode;c=e.length,d=f.length;for(var j=0;c>j&&d>j;j++)if(e[j]!==f[j])return n(e[j],f[j]);return j===c?n(a,f[j],-1):n(e[j],b,1)},n=function(a,b,c){if(a===b)return c;for(var d=a.nextSibling;d;){if(d===b)return-1;d=d.nextSibling}return 1}),fb.uniqueSort=function(a){var b,c=1;if(m&&(s=t,a.sort(m),s))for(;b=a[c];c++)b===a[c-1]&&a.splice(c--,1);return a};var lb=fb.compile=function(a,b,c){var d,e,g,h=V[a];if(h&&h.context===b)return h;for(e=f(a,b,c),g=0;d=e[g];g++)e[g]=i(d,b,c);return h=V[a]=j(e),h.context=b,h.runs=h.dirruns=0,W.push(a),W.length>gb.cacheLength&&delete V[W.shift()],h};fb.matches=function(a,b){return fb(a,null,null,b)},fb.matchesSelector=function(a,b){return fb(b,null,null,[a]).length>0};var mb=function(a,b,c,d,f){a=a.replace(H,"$1");var g,h,i,j,m,n,o,p,q,r=a.match(J),s=a.match(L),t=b.nodeType;if(S.POS.test(a))return e(a,b,c,d,r);if(d)g=v.call(d,0);else if(r&&1===r.length){if(s.length>1&&9===t&&!f&&(r=S.ID.exec(s[0]))){if(b=gb.find.ID(r[1],b,f)[0],!b)return c;a=a.slice(s.shift().length)}for(p=(r=N.exec(s[0]))&&!r.index&&b.parentNode||b,q=s.pop(),n=q.split(":not")[0],i=0,j=gb.order.length;j>i;i++)if(o=gb.order[i],r=S[o].exec(n)){if(g=gb.find[o]((r[1]||"").replace(R,""),p,f),null==g)continue;n===q&&(a=a.slice(0,a.length-q.length)+n.replace(S[o],""),a||w.apply(c,v.call(g,0)));break}}if(a)for(h=lb(a,b,f),l=h.dirruns++,null==g&&(g=gb.find.TAG("*",N.test(a)&&b.parentNode||b)),i=0;m=g[i];i++)k=h.runs++,h(m,b)&&c.push(m);return c};p.querySelectorAll&&!function(){var a,b=mb,c=/'|\\/g,d=/\=[\x20\t\r\n\f]*([^'"\]]*)[\x20\t\r\n\f]*\]/g,e=[],f=[":active"],g=q.matchesSelector||q.mozMatchesSelector||q.webkitMatchesSelector||q.oMatchesSelector||q.msMatchesSelector;_(function(a){a.innerHTML="
",a.querySelectorAll("[test^='']").length&&e.push("[*^$]="+y+"*(?:\"\"|'')"),a.innerHTML="f;f++)if(g[f]===g[e]){g.splice(e--,1);break}return g},has:function(a){var b,c=$(a,this),d=c.length;return this.filter(function(){for(b=0;d>b;b++)if($.contains(this,c[b]))return!0})},not:function(a){return this.pushStack(j(this,a,!1),"not",a)},filter:function(a){return this.pushStack(j(this,a,!0),"filter",a)},is:function(a){return!!a&&("string"==typeof a?Lb.test(a)?$(a,this.context).index(this[0])>=0:$.filter(a,this).length>0:this.filter(a).length>0)},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=Lb.test(a)||"string"!=typeof a?$(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c.ownerDocument&&c!==b&&11!==c.nodeType;){if(g?g.index(c)>-1:$.find.matchesSelector(c,a)){f.push(c);break}c=c.parentNode}return f=f.length>1?$.unique(f):f,this.pushStack(f,"closest",a)},index:function(a){return a?"string"==typeof a?$.inArray(this[0],$(a)):$.inArray(a.jquery?a[0]:a,this):this[0]&&this[0].parentNode?this.prevAll().length:-1},add:function(a,b){var c="string"==typeof a?$(a,b):$.makeArray(a&&a.nodeType?[a]:a),d=$.merge(this.get(),c);return this.pushStack(h(c[0])||h(d[0])?d:$.unique(d))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}}),$.fn.andSelf=$.fn.addBack,$.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return $.dir(a,"parentNode")},parentsUntil:function(a,b,c){return $.dir(a,"parentNode",c)},next:function(a){return i(a,"nextSibling")},prev:function(a){return i(a,"previousSibling")},nextAll:function(a){return $.dir(a,"nextSibling")},prevAll:function(a){return $.dir(a,"previousSibling")},nextUntil:function(a,b,c){return $.dir(a,"nextSibling",c)},prevUntil:function(a,b,c){return $.dir(a,"previousSibling",c)},siblings:function(a){return $.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return $.sibling(a.firstChild)},contents:function(a){return $.nodeName(a,"iframe")?a.contentDocument||a.contentWindow.document:$.merge([],a.childNodes)}},function(a,b){$.fn[a]=function(c,d){var e=$.map(this,b,c);return Ib.test(a)||(d=c),d&&"string"==typeof d&&(e=$.filter(d,e)),e=this.length>1&&!Mb[a]?$.unique(e):e,this.length>1&&Jb.test(a)&&(e=e.reverse()),this.pushStack(e,a,V.call(arguments).join(","))}}),$.extend({filter:function(a,b,c){return c&&(a=":not("+a+")"),1===b.length?$.find.matchesSelector(b[0],a)?[b[0]]:[]:$.find.matches(a,b)},dir:function(a,c,d){for(var e=[],f=a[c];f&&9!==f.nodeType&&(d===b||1!==f.nodeType||!$(f).is(d));)1===f.nodeType&&e.push(f),f=f[c];return e},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}});var Nb="abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",Ob=/ jQuery\d+="(?:null|\d+)"/g,Pb=/^\s+/,Qb=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,Rb=/<([\w:]+)/,Sb=/"," "],legend:[1,""," "],thead:[1,""],tr:[2,""],td:[3,""],col:[2,""],area:[1,""," "],_default:[0,"",""]},ac=k(P),bc=ac.appendChild(P.createElement("div"));_b.optgroup=_b.option,_b.tbody=_b.tfoot=_b.colgroup=_b.caption=_b.thead,_b.th=_b.td,$.support.htmlSerialize||(_b._default=[1,"X","
"]),$.fn.extend({text:function(a){return $.access(this,function(a){return a===b?$.text(this):this.empty().append((this[0]&&this[0].ownerDocument||P).createTextNode(a))
+},null,a,arguments.length)},wrapAll:function(a){if($.isFunction(a))return this.each(function(b){$(this).wrapAll(a.call(this,b))});if(this[0]){var b=$(a,this[0].ownerDocument).eq(0).clone(!0);this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){for(var a=this;a.firstChild&&1===a.firstChild.nodeType;)a=a.firstChild;return a}).append(this)}return this},wrapInner:function(a){return this.each($.isFunction(a)?function(b){$(this).wrapInner(a.call(this,b))}:function(){var b=$(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=$.isFunction(a);return this.each(function(c){$(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){$.nodeName(this,"body")||$(this).replaceWith(this.childNodes)}).end()},append:function(){return this.domManip(arguments,!0,function(a){(1===this.nodeType||11===this.nodeType)&&this.appendChild(a)})},prepend:function(){return this.domManip(arguments,!0,function(a){(1===this.nodeType||11===this.nodeType)&&this.insertBefore(a,this.firstChild)})},before:function(){if(!h(this[0]))return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this)});if(arguments.length){var a=$.clean(arguments);return this.pushStack($.merge(a,this),"before",this.selector)}},after:function(){if(!h(this[0]))return this.domManip(arguments,!1,function(a){this.parentNode.insertBefore(a,this.nextSibling)});if(arguments.length){var a=$.clean(arguments);return this.pushStack($.merge(this,a),"after",this.selector)}},remove:function(a,b){for(var c,d=0;null!=(c=this[d]);d++)(!a||$.filter(a,[c]).length)&&(b||1!==c.nodeType||($.cleanData(c.getElementsByTagName("*")),$.cleanData([c])),c.parentNode&&c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)for(1===a.nodeType&&$.cleanData(a.getElementsByTagName("*"));a.firstChild;)a.removeChild(a.firstChild);return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return $.clone(this,a,b)})},html:function(a){return $.access(this,function(a){var c=this[0]||{},d=0,e=this.length;if(a===b)return 1===c.nodeType?c.innerHTML.replace(Ob,""):b;if(!("string"!=typeof a||Ub.test(a)||!$.support.htmlSerialize&&Wb.test(a)||!$.support.leadingWhitespace&&Pb.test(a)||_b[(Rb.exec(a)||["",""])[1].toLowerCase()])){a=a.replace(Qb,"<$1>");try{for(;e>d;d++)c=this[d]||{},1===c.nodeType&&($.cleanData(c.getElementsByTagName("*")),c.innerHTML=a);c=0}catch(f){}}c&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(a){return h(this[0])?this.length?this.pushStack($($.isFunction(a)?a():a),"replaceWith",a):this:$.isFunction(a)?this.each(function(b){var c=$(this),d=c.html();c.replaceWith(a.call(this,b,d))}):("string"!=typeof a&&(a=$(a).detach()),this.each(function(){var b=this.nextSibling,c=this.parentNode;$(this).remove(),b?$(b).before(a):$(c).append(a)}))},detach:function(a){return this.remove(a,!0)},domManip:function(a,c,d){a=[].concat.apply([],a);var e,f,g,h,i=0,j=a[0],k=[],m=this.length;if(!$.support.checkClone&&m>1&&"string"==typeof j&&Yb.test(j))return this.each(function(){$(this).domManip(a,c,d)});if($.isFunction(j))return this.each(function(e){var f=$(this);a[0]=j.call(this,e,c?f.html():b),f.domManip(a,c,d)});if(this[0]){if(e=$.buildFragment(a,this,k),g=e.fragment,f=g.firstChild,1===g.childNodes.length&&(g=f),f)for(c=c&&$.nodeName(f,"tr"),h=e.cacheable||m-1;m>i;i++)d.call(c&&$.nodeName(this[i],"table")?l(this[i],"tbody"):this[i],i===h?g:$.clone(g,!0,!0));g=f=null,k.length&&$.each(k,function(a,b){b.src?$.ajax?$.ajax({url:b.src,type:"GET",dataType:"script",async:!1,global:!1,"throws":!0}):$.error("no ajax"):$.globalEval((b.text||b.textContent||b.innerHTML||"").replace($b,"")),b.parentNode&&b.parentNode.removeChild(b)})}return this}}),$.buildFragment=function(a,c,d){var e,f,g,h=a[0];return c=c||P,c=(c[0]||c).ownerDocument||c[0]||c,"undefined"==typeof c.createDocumentFragment&&(c=P),!(1===a.length&&"string"==typeof h&&h.length<512&&c===P&&"<"===h.charAt(0))||Vb.test(h)||!$.support.checkClone&&Yb.test(h)||!$.support.html5Clone&&Wb.test(h)||(f=!0,e=$.fragments[h],g=e!==b),e||(e=c.createDocumentFragment(),$.clean(a,c,e,d),f&&($.fragments[h]=g&&e)),{fragment:e,cacheable:f}},$.fragments={},$.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(a,b){$.fn[a]=function(c){var d,e=0,f=[],g=$(c),h=g.length,i=1===this.length&&this[0].parentNode;if((null==i||i&&11===i.nodeType&&1===i.childNodes.length)&&1===h)return g[b](this[0]),this;for(;h>e;e++)d=(e>0?this.clone(!0):this).get(),$(g[e])[b](d),f=f.concat(d);return this.pushStack(f,a,g.selector)}}),$.extend({clone:function(a,b,c){var d,e,f,g;if($.support.html5Clone||$.isXMLDoc(a)||!Wb.test("<"+a.nodeName+">")?g=a.cloneNode(!0):(bc.innerHTML=a.outerHTML,bc.removeChild(g=bc.firstChild)),!($.support.noCloneEvent&&$.support.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||$.isXMLDoc(a)))for(n(a,g),d=o(a),e=o(g),f=0;d[f];++f)e[f]&&n(d[f],e[f]);if(b&&(m(a,g),c))for(d=o(a),e=o(g),f=0;d[f];++f)m(d[f],e[f]);return d=e=null,g},clean:function(a,b,c,d){var e,f,g,h,i,j,l,m,n,o,q,r=0,s=[];for(b&&"undefined"!=typeof b.createDocumentFragment||(b=P),f=b===P&∾null!=(g=a[r]);r++)if("number"==typeof g&&(g+=""),g){if("string"==typeof g)if(Tb.test(g)){for(f=f||k(b),l=l||f.appendChild(b.createElement("div")),g=g.replace(Qb,"<$1>"),h=(Rb.exec(g)||["",""])[1].toLowerCase(),i=_b[h]||_b._default,j=i[0],l.innerHTML=i[1]+g+i[2];j--;)l=l.lastChild;if(!$.support.tbody)for(m=Sb.test(g),n="table"!==h||m?""!==i[1]||m?[]:l.childNodes:l.firstChild&&l.firstChild.childNodes,e=n.length-1;e>=0;--e)$.nodeName(n[e],"tbody")&&!n[e].childNodes.length&&n[e].parentNode.removeChild(n[e]);!$.support.leadingWhitespace&&Pb.test(g)&&l.insertBefore(b.createTextNode(Pb.exec(g)[0]),l.firstChild),g=l.childNodes,l=f.lastChild}else g=b.createTextNode(g);g.nodeType?s.push(g):s=$.merge(s,g)}if(l&&(f.removeChild(l),g=l=f=null),!$.support.appendChecked)for(r=0;null!=(g=s[r]);r++)$.nodeName(g,"input")?p(g):"undefined"!=typeof g.getElementsByTagName&&$.grep(g.getElementsByTagName("input"),p);if(c)for(o=function(a){return!a.type||Zb.test(a.type)?d?d.push(a.parentNode?a.parentNode.removeChild(a):a):c.appendChild(a):void 0},r=0;null!=(g=s[r]);r++)$.nodeName(g,"script")&&o(g)||(c.appendChild(g),"undefined"!=typeof g.getElementsByTagName&&(q=$.grep($.merge([],g.getElementsByTagName("script")),o),s.splice.apply(s,[r+1,0].concat(q)),r+=q.length));return s},cleanData:function(a,b){for(var c,d,e,f,g=0,h=$.expando,i=$.cache,j=$.support.deleteExpando,k=$.event.special;null!=(e=a[g]);g++)if((b||$.acceptData(e))&&(d=e[h],c=d&&i[d])){if(c.events)for(f in c.events)k[f]?$.event.remove(e,f):$.removeEvent(e,f,c.handle);i[d]&&(delete i[d],j?delete e[h]:e.removeAttribute?e.removeAttribute(h):e[h]=null,$.deletedIds.push(d))}}}),function(){var a,b;$.uaMatch=function(a){a=a.toLowerCase();var b=/(chrome)[ \/]([\w.]+)/.exec(a)||/(webkit)[ \/]([\w.]+)/.exec(a)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(a)||/(msie) ([\w.]+)/.exec(a)||a.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(a)||[];return{browser:b[1]||"",version:b[2]||"0"}},a=$.uaMatch(R.userAgent),b={},a.browser&&(b[a.browser]=!0,b.version=a.version),b.webkit&&(b.safari=!0),$.browser=b,$.sub=function(){function a(b,c){return new a.fn.init(b,c)}$.extend(!0,a,this),a.superclass=this,a.fn=a.prototype=this(),a.fn.constructor=a,a.sub=this.sub,a.fn.init=function(c,d){return d&&d instanceof $&&!(d instanceof a)&&(d=a(d)),$.fn.init.call(this,c,d,b)},a.fn.init.prototype=a.fn;var b=a(P);return a}}();var cc,dc,ec,fc=/alpha\([^)]*\)/i,gc=/opacity=([^)]*)/,hc=/^(top|right|bottom|left)$/,ic=/^margin/,jc=new RegExp("^("+_+")(.*)$","i"),kc=new RegExp("^("+_+")(?!px)[a-z%]+$","i"),lc=new RegExp("^([-+])=("+_+")","i"),mc={},nc={position:"absolute",visibility:"hidden",display:"block"},oc={letterSpacing:0,fontWeight:400,lineHeight:1},pc=["Top","Right","Bottom","Left"],qc=["Webkit","O","Moz","ms"],rc=$.fn.toggle;$.fn.extend({css:function(a,c){return $.access(this,function(a,c,d){return d!==b?$.style(a,c,d):$.css(a,c)},a,c,arguments.length>1)},show:function(){return s(this,!0)},hide:function(){return s(this)},toggle:function(a,b){var c="boolean"==typeof a;return $.isFunction(a)&&$.isFunction(b)?rc.apply(this,arguments):this.each(function(){(c?a:r(this))?$(this).show():$(this).hide()})}}),$.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=cc(a,"opacity");return""===c?"1":c}}}},cssNumber:{fillOpacity:!0,fontWeight:!0,lineHeight:!0,opacity:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{"float":$.support.cssFloat?"cssFloat":"styleFloat"},style:function(a,c,d,e){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var f,g,h,i=$.camelCase(c),j=a.style;if(c=$.cssProps[i]||($.cssProps[i]=q(j,i)),h=$.cssHooks[c]||$.cssHooks[i],d===b)return h&&"get"in h&&(f=h.get(a,!1,e))!==b?f:j[c];if(g=typeof d,"string"===g&&(f=lc.exec(d))&&(d=(f[1]+1)*f[2]+parseFloat($.css(a,c)),g="number"),!(null==d||"number"===g&&isNaN(d)||("number"!==g||$.cssNumber[i]||(d+="px"),h&&"set"in h&&(d=h.set(a,d,e))===b)))try{j[c]=d}catch(k){}}},css:function(a,c,d,e){var f,g,h,i=$.camelCase(c);return c=$.cssProps[i]||($.cssProps[i]=q(a.style,i)),h=$.cssHooks[c]||$.cssHooks[i],h&&"get"in h&&(f=h.get(a,!0,e)),f===b&&(f=cc(a,c)),"normal"===f&&c in oc&&(f=oc[c]),d||e!==b?(g=parseFloat(f),d||$.isNumeric(g)?g||0:f):f},swap:function(a,b,c){var d,e,f={};for(e in b)f[e]=a.style[e],a.style[e]=b[e];d=c.call(a);for(e in b)a.style[e]=f[e];return d}}),a.getComputedStyle?cc=function(a,b){var c,d,e,f,g=getComputedStyle(a,null),h=a.style;return g&&(c=g[b],""!==c||$.contains(a.ownerDocument.documentElement,a)||(c=$.style(a,b)),kc.test(c)&&ic.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=c,c=g.width,h.width=d,h.minWidth=e,h.maxWidth=f)),c}:P.documentElement.currentStyle&&(cc=function(a,b){var c,d,e=a.currentStyle&&a.currentStyle[b],f=a.style;return null==e&&f&&f[b]&&(e=f[b]),kc.test(e)&&!hc.test(b)&&(c=f.left,d=a.runtimeStyle&&a.runtimeStyle.left,d&&(a.runtimeStyle.left=a.currentStyle.left),f.left="fontSize"===b?"1em":e,e=f.pixelLeft+"px",f.left=c,d&&(a.runtimeStyle.left=d)),""===e?"auto":e}),$.each(["height","width"],function(a,b){$.cssHooks[b]={get:function(a,c,d){return c?0!==a.offsetWidth||"none"!==cc(a,"display")?v(a,b,d):$.swap(a,nc,function(){return v(a,b,d)}):void 0},set:function(a,c,d){return t(a,c,d?u(a,b,d,$.support.boxSizing&&"border-box"===$.css(a,"boxSizing")):0)}}}),$.support.opacity||($.cssHooks.opacity={get:function(a,b){return gc.test((b&&a.currentStyle?a.currentStyle.filter:a.style.filter)||"")?.01*parseFloat(RegExp.$1)+"":b?"1":""},set:function(a,b){var c=a.style,d=a.currentStyle,e=$.isNumeric(b)?"alpha(opacity="+100*b+")":"",f=d&&d.filter||c.filter||"";c.zoom=1,b>=1&&""===$.trim(f.replace(fc,""))&&c.removeAttribute&&(c.removeAttribute("filter"),d&&!d.filter)||(c.filter=fc.test(f)?f.replace(fc,e):f+" "+e)}}),$(function(){$.support.reliableMarginRight||($.cssHooks.marginRight={get:function(a,b){return $.swap(a,{display:"inline-block"},function(){return b?cc(a,"marginRight"):void 0})}}),!$.support.pixelPosition&&$.fn.position&&$.each(["top","left"],function(a,b){$.cssHooks[b]={get:function(a,c){if(c){var d=cc(a,b);return kc.test(d)?$(a).position()[b]+"px":d}}}})}),$.expr&&$.expr.filters&&($.expr.filters.hidden=function(a){return 0===a.offsetWidth&&0===a.offsetHeight||!$.support.reliableHiddenOffsets&&"none"===(a.style&&a.style.display||cc(a,"display"))},$.expr.filters.visible=function(a){return!$.expr.filters.hidden(a)}),$.each({margin:"",padding:"",border:"Width"},function(a,b){$.cssHooks[a+b]={expand:function(c){var d,e="string"==typeof c?c.split(" "):[c],f={};for(d=0;4>d;d++)f[a+pc[d]+b]=e[d]||e[d-2]||e[0];return f}},ic.test(a)||($.cssHooks[a+b].set=t)});var sc=/%20/g,tc=/\[\]$/,uc=/\r?\n/g,vc=/^(?:color|date|datetime|datetime-local|email|hidden|month|number|password|range|search|tel|text|time|url|week)$/i,wc=/^(?:select|textarea)/i;$.fn.extend({serialize:function(){return $.param(this.serializeArray())},serializeArray:function(){return this.map(function(){return this.elements?$.makeArray(this.elements):this}).filter(function(){return this.name&&!this.disabled&&(this.checked||wc.test(this.nodeName)||vc.test(this.type))}).map(function(a,b){var c=$(this).val();return null==c?null:$.isArray(c)?$.map(c,function(a){return{name:b.name,value:a.replace(uc,"\r\n")}}):{name:b.name,value:c.replace(uc,"\r\n")}}).get()}}),$.param=function(a,c){var d,e=[],f=function(a,b){b=$.isFunction(b)?b():null==b?"":b,e[e.length]=encodeURIComponent(a)+"="+encodeURIComponent(b)};if(c===b&&(c=$.ajaxSettings&&$.ajaxSettings.traditional),$.isArray(a)||a.jquery&&!$.isPlainObject(a))$.each(a,function(){f(this.name,this.value)});else for(d in a)x(d,a[d],c,f);return e.join("&").replace(sc,"+")};var xc,yc,zc=/#.*$/,Ac=/^(.*?):[ \t]*([^\r\n]*)\r?$/gm,Bc=/^(?:about|app|app\-storage|.+\-extension|file|res|widget):$/,Cc=/^(?:GET|HEAD)$/,Dc=/^\/\//,Ec=/\?/,Fc=/)<[^<]*)*<\/script>/gi,Gc=/([?&])_=[^&]*/,Hc=/^([\w\+\.\-]+:)(?:\/\/([^\/?#:]*)(?::(\d+)|)|)/,Ic=$.fn.load,Jc={},Kc={},Lc=["*/"]+["*"];try{xc=Q.href}catch(Mc){xc=P.createElement("a"),xc.href="",xc=xc.href}yc=Hc.exec(xc.toLowerCase())||[],$.fn.load=function(a,c,d){if("string"!=typeof a&&Ic)return Ic.apply(this,arguments);if(!this.length)return this;var e,f,g,h=this,i=a.indexOf(" ");return i>=0&&(e=a.slice(i,a.length),a=a.slice(0,i)),$.isFunction(c)?(d=c,c=b):"object"==typeof c&&(f="POST"),$.ajax({url:a,type:f,dataType:"html",data:c,complete:function(a,b){d&&h.each(d,g||[a.responseText,b,a])}}).done(function(a){g=arguments,h.html(e?$("").append(a.replace(Fc,"")).find(e):a)}),this},$.each("ajaxStart ajaxStop ajaxComplete ajaxError ajaxSuccess ajaxSend".split(" "),function(a,b){$.fn[b]=function(a){return this.on(b,a)}}),$.each(["get","post"],function(a,c){$[c]=function(a,d,e,f){return $.isFunction(d)&&(f=f||e,e=d,d=b),$.ajax({type:c,url:a,data:d,success:e,dataType:f})}}),$.extend({getScript:function(a,c){return $.get(a,b,c,"script")},getJSON:function(a,b,c){return $.get(a,b,c,"json")},ajaxSetup:function(a,b){return b?A(a,$.ajaxSettings):(b=a,a=$.ajaxSettings),A(a,b),a},ajaxSettings:{url:xc,isLocal:Bc.test(yc[1]),global:!0,type:"GET",contentType:"application/x-www-form-urlencoded; charset=UTF-8",processData:!0,async:!0,accepts:{xml:"application/xml, text/xml",html:"text/html",text:"text/plain",json:"application/json, text/javascript","*":Lc},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:"responseXML",text:"responseText"},converters:{"* text":a.String,"text html":!0,"text json":$.parseJSON,"text xml":$.parseXML},flatOptions:{context:!0,url:!0}},ajaxPrefilter:y(Jc),ajaxTransport:y(Kc),ajax:function(a,c){function d(a,c,d,g){var j,l,s,t,v,x=c;2!==u&&(u=2,i&&clearTimeout(i),h=b,f=g||"",w.readyState=a>0?4:0,d&&(t=B(m,w,d)),a>=200&&300>a||304===a?(m.ifModified&&(v=w.getResponseHeader("Last-Modified"),v&&($.lastModified[e]=v),v=w.getResponseHeader("Etag"),v&&($.etag[e]=v)),304===a?(x="notmodified",j=!0):(j=C(m,t),x=j.state,l=j.data,s=j.error,j=!s)):(s=x,(!x||a)&&(x="error",0>a&&(a=0))),w.status=a,w.statusText=""+(c||x),j?p.resolveWith(n,[l,x,w]):p.rejectWith(n,[w,x,s]),w.statusCode(r),r=b,k&&o.trigger("ajax"+(j?"Success":"Error"),[w,m,j?l:s]),q.fireWith(n,[w,x]),k&&(o.trigger("ajaxComplete",[w,m]),--$.active||$.event.trigger("ajaxStop")))}"object"==typeof a&&(c=a,a=b),c=c||{};var e,f,g,h,i,j,k,l,m=$.ajaxSetup({},c),n=m.context||m,o=n!==m&&(n.nodeType||n instanceof $)?$(n):$.event,p=$.Deferred(),q=$.Callbacks("once memory"),r=m.statusCode||{},s={},t={},u=0,v="canceled",w={readyState:0,setRequestHeader:function(a,b){if(!u){var c=a.toLowerCase();a=t[c]=t[c]||a,s[a]=b}return this},getAllResponseHeaders:function(){return 2===u?f:null},getResponseHeader:function(a){var c;if(2===u){if(!g)for(g={};c=Ac.exec(f);)g[c[1].toLowerCase()]=c[2];c=g[a.toLowerCase()]}return c===b?null:c},overrideMimeType:function(a){return u||(m.mimeType=a),this},abort:function(a){return a=a||v,h&&h.abort(a),d(0,a),this}};if(p.promise(w),w.success=w.done,w.error=w.fail,w.complete=q.add,w.statusCode=function(a){if(a){var b;if(2>u)for(b in a)r[b]=[r[b],a[b]];else b=a[w.status],w.always(b)}return this},m.url=((a||m.url)+"").replace(zc,"").replace(Dc,yc[1]+"//"),m.dataTypes=$.trim(m.dataType||"*").toLowerCase().split(bb),null==m.crossDomain&&(j=Hc.exec(m.url.toLowerCase()),m.crossDomain=!(!j||j[1]==yc[1]&&j[2]==yc[2]&&(j[3]||("http:"===j[1]?80:443))==(yc[3]||("http:"===yc[1]?80:443)))),m.data&&m.processData&&"string"!=typeof m.data&&(m.data=$.param(m.data,m.traditional)),z(Jc,m,c,w),2===u)return w;if(k=m.global,m.type=m.type.toUpperCase(),m.hasContent=!Cc.test(m.type),k&&0===$.active++&&$.event.trigger("ajaxStart"),!m.hasContent&&(m.data&&(m.url+=(Ec.test(m.url)?"&":"?")+m.data,delete m.data),e=m.url,m.cache===!1)){var x=$.now(),y=m.url.replace(Gc,"$1_="+x);m.url=y+(y===m.url?(Ec.test(m.url)?"&":"?")+"_="+x:"")}(m.data&&m.hasContent&&m.contentType!==!1||c.contentType)&&w.setRequestHeader("Content-Type",m.contentType),m.ifModified&&(e=e||m.url,$.lastModified[e]&&w.setRequestHeader("If-Modified-Since",$.lastModified[e]),$.etag[e]&&w.setRequestHeader("If-None-Match",$.etag[e])),w.setRequestHeader("Accept",m.dataTypes[0]&&m.accepts[m.dataTypes[0]]?m.accepts[m.dataTypes[0]]+("*"!==m.dataTypes[0]?", "+Lc+"; q=0.01":""):m.accepts["*"]);for(l in m.headers)w.setRequestHeader(l,m.headers[l]);if(m.beforeSend&&(m.beforeSend.call(n,w,m)===!1||2===u))return w.abort();v="abort";for(l in{success:1,error:1,complete:1})w[l](m[l]);if(h=z(Kc,m,c,w)){w.readyState=1,k&&o.trigger("ajaxSend",[w,m]),m.async&&m.timeout>0&&(i=setTimeout(function(){w.abort("timeout")},m.timeout));try{u=1,h.send(s,d)}catch(A){if(!(2>u))throw A;d(-1,A)}}else d(-1,"No Transport");return w},active:0,lastModified:{},etag:{}});var Nc=[],Oc=/\?/,Pc=/(=)\?(?=&|$)|\?\?/,Qc=$.now();$.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var a=Nc.pop()||$.expando+"_"+Qc++;return this[a]=!0,a}}),$.ajaxPrefilter("json jsonp",function(c,d,e){var f,g,h,i=c.data,j=c.url,k=c.jsonp!==!1,l=k&&Pc.test(j),m=k&&!l&&"string"==typeof i&&!(c.contentType||"").indexOf("application/x-www-form-urlencoded")&&Pc.test(i);return"jsonp"===c.dataTypes[0]||l||m?(f=c.jsonpCallback=$.isFunction(c.jsonpCallback)?c.jsonpCallback():c.jsonpCallback,g=a[f],l?c.url=j.replace(Pc,"$1"+f):m?c.data=i.replace(Pc,"$1"+f):k&&(c.url+=(Oc.test(j)?"&":"?")+c.jsonp+"="+f),c.converters["script json"]=function(){return h||$.error(f+" was not called"),h[0]},c.dataTypes[0]="json",a[f]=function(){h=arguments},e.always(function(){a[f]=g,c[f]&&(c.jsonpCallback=d.jsonpCallback,Nc.push(f)),h&&$.isFunction(g)&&g(h[0]),h=g=b}),"script"):void 0}),$.ajaxSetup({accepts:{script:"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"},contents:{script:/javascript|ecmascript/},converters:{"text script":function(a){return $.globalEval(a),a}}}),$.ajaxPrefilter("script",function(a){a.cache===b&&(a.cache=!1),a.crossDomain&&(a.type="GET",a.global=!1)}),$.ajaxTransport("script",function(a){if(a.crossDomain){var c,d=P.head||P.getElementsByTagName("head")[0]||P.documentElement;return{send:function(e,f){c=P.createElement("script"),c.async="async",a.scriptCharset&&(c.charset=a.scriptCharset),c.src=a.url,c.onload=c.onreadystatechange=function(a,e){(e||!c.readyState||/loaded|complete/.test(c.readyState))&&(c.onload=c.onreadystatechange=null,d&&c.parentNode&&d.removeChild(c),c=b,e||f(200,"success"))},d.insertBefore(c,d.firstChild)},abort:function(){c&&c.onload(0,1)}}}});var Rc,Sc=a.ActiveXObject?function(){for(var a in Rc)Rc[a](0,1)}:!1,Tc=0;$.ajaxSettings.xhr=a.ActiveXObject?function(){return!this.isLocal&&D()||E()}:D,function(a){$.extend($.support,{ajax:!!a,cors:!!a&&"withCredentials"in a})}($.ajaxSettings.xhr()),$.support.ajax&&$.ajaxTransport(function(c){if(!c.crossDomain||$.support.cors){var d;return{send:function(e,f){var g,h,i=c.xhr();if(c.username?i.open(c.type,c.url,c.async,c.username,c.password):i.open(c.type,c.url,c.async),c.xhrFields)for(h in c.xhrFields)i[h]=c.xhrFields[h];c.mimeType&&i.overrideMimeType&&i.overrideMimeType(c.mimeType),c.crossDomain||e["X-Requested-With"]||(e["X-Requested-With"]="XMLHttpRequest");try{for(h in e)i.setRequestHeader(h,e[h])}catch(j){}i.send(c.hasContent&&c.data||null),d=function(a,e){var h,j,k,l,m;try{if(d&&(e||4===i.readyState))if(d=b,g&&(i.onreadystatechange=$.noop,Sc&&delete Rc[g]),e)4!==i.readyState&&i.abort();else{h=i.status,k=i.getAllResponseHeaders(),l={},m=i.responseXML,m&&m.documentElement&&(l.xml=m);try{l.text=i.responseText}catch(a){}try{j=i.statusText}catch(n){j=""}h||!c.isLocal||c.crossDomain?1223===h&&(h=204):h=l.text?200:404}}catch(o){e||f(-1,o)}l&&f(h,j,l,k)},c.async?4===i.readyState?setTimeout(d,0):(g=++Tc,Sc&&(Rc||(Rc={},$(a).unload(Sc)),Rc[g]=d),i.onreadystatechange=d):d()},abort:function(){d&&d(0,1)}}}});var Uc,Vc,Wc=/^(?:toggle|show|hide)$/,Xc=new RegExp("^(?:([-+])=|)("+_+")([a-z%]*)$","i"),Yc=/queueHooks$/,Zc=[J],$c={"*":[function(a,b){var c,d,e,f=this.createTween(a,b),g=Xc.exec(b),h=f.cur(),i=+h||0,j=1;if(g){if(c=+g[2],d=g[3]||($.cssNumber[a]?"":"px"),"px"!==d&&i){i=$.css(f.elem,a,!0)||c||1;do e=j=j||".5",i/=j,$.style(f.elem,a,i+d),j=f.cur()/h;while(1!==j&&j!==e)}f.unit=d,f.start=i,f.end=g[1]?i+(g[1]+1)*c:c}return f}]};$.Animation=$.extend(H,{tweener:function(a,b){$.isFunction(a)?(b=a,a=["*"]):a=a.split(" ");for(var c,d=0,e=a.length;e>d;d++)c=a[d],$c[c]=$c[c]||[],$c[c].unshift(b)},prefilter:function(a,b){b?Zc.unshift(a):Zc.push(a)}}),$.Tween=K,K.prototype={constructor:K,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||"swing",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||($.cssNumber[c]?"":"px")},cur:function(){var a=K.propHooks[this.prop];return a&&a.get?a.get(this):K.propHooks._default.get(this)},run:function(a){var b,c=K.propHooks[this.prop];return this.pos=b=$.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration),this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):K.propHooks._default.set(this),this}},K.prototype.init.prototype=K.prototype,K.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=$.css(a.elem,a.prop,!1,""),b&&"auto"!==b?b:0):a.elem[a.prop]},set:function(a){$.fx.step[a.prop]?$.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[$.cssProps[a.prop]]||$.cssHooks[a.prop])?$.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},K.propHooks.scrollTop=K.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},$.each(["toggle","show","hide"],function(a,b){var c=$.fn[b];$.fn[b]=function(d,e,f){return null==d||"boolean"==typeof d||!a&&$.isFunction(d)&&$.isFunction(e)?c.apply(this,arguments):this.animate(L(b,!0),d,e,f)}}),$.fn.extend({fadeTo:function(a,b,c,d){return this.filter(r).css("opacity",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=$.isEmptyObject(a),f=$.speed(b,c,d),g=function(){var b=H(this,$.extend({},a),f);e&&b.stop(!0)};return e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,c,d){var e=function(a){var b=a.stop;delete a.stop,b(d)};return"string"!=typeof a&&(d=c,c=a,a=b),c&&a!==!1&&this.queue(a||"fx",[]),this.each(function(){var b=!0,c=null!=a&&a+"queueHooks",f=$.timers,g=$._data(this);if(c)g[c]&&g[c].stop&&e(g[c]);else for(c in g)g[c]&&g[c].stop&&Yc.test(c)&&e(g[c]);for(c=f.length;c--;)f[c].elem!==this||null!=a&&f[c].queue!==a||(f[c].anim.stop(d),b=!1,f.splice(c,1));(b||!d)&&$.dequeue(this,a)})}}),$.each({slideDown:L("show"),slideUp:L("hide"),slideToggle:L("toggle"),fadeIn:{opacity:"show"},fadeOut:{opacity:"hide"},fadeToggle:{opacity:"toggle"}},function(a,b){$.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),$.speed=function(a,b,c){var d=a&&"object"==typeof a?$.extend({},a):{complete:c||!c&&b||$.isFunction(a)&&a,duration:a,easing:c&&b||b&&!$.isFunction(b)&&b};return d.duration=$.fx.off?0:"number"==typeof d.duration?d.duration:d.duration in $.fx.speeds?$.fx.speeds[d.duration]:$.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue="fx"),d.old=d.complete,d.complete=function(){$.isFunction(d.old)&&d.old.call(this),d.queue&&$.dequeue(this,d.queue)},d},$.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},$.timers=[],$.fx=K.prototype.init,$.fx.tick=function(){for(var a,b=$.timers,c=0;c
-1,l={},m={};k?(m=g.position(),e=m.top,f=m.left):(e=parseFloat(i)||0,f=parseFloat(j)||0),$.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(l.top=b.top-h.top+e),null!=b.left&&(l.left=b.left-h.left+f),"using"in b?b.using.call(a,l):g.css(l)}},$.fn.extend({position:function(){if(this[0]){var a=this[0],b=this.offsetParent(),c=this.offset(),d=_c.test(b[0].nodeName)?{top:0,left:0}:b.offset();return c.top-=parseFloat($.css(a,"marginTop"))||0,c.left-=parseFloat($.css(a,"marginLeft"))||0,d.top+=parseFloat($.css(b[0],"borderTopWidth"))||0,d.left+=parseFloat($.css(b[0],"borderLeftWidth"))||0,{top:c.top-d.top,left:c.left-d.left}}},offsetParent:function(){return this.map(function(){for(var a=this.offsetParent||P.body;a&&!_c.test(a.nodeName)&&"static"===$.css(a,"position");)a=a.offsetParent;return a||P.body})}}),$.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,c){var d=/Y/.test(c);$.fn[a]=function(e){return $.access(this,function(a,e,f){var g=M(a);return f===b?g?c in g?g[c]:g.document.documentElement[e]:a[e]:void(g?g.scrollTo(d?$(g).scrollLeft():f,d?f:$(g).scrollTop()):a[e]=f)},a,e,arguments.length,null)}}),$.each({Height:"height",Width:"width"},function(a,c){$.each({padding:"inner"+a,content:c,"":"outer"+a},function(d,e){$.fn[e]=function(e,f){var g=arguments.length&&(d||"boolean"!=typeof e),h=d||(e===!0||f===!0?"margin":"border");return $.access(this,function(c,d,e){var f;return $.isWindow(c)?c.document.documentElement["client"+a]:9===c.nodeType?(f=c.documentElement,Math.max(c.body["scroll"+a],f["scroll"+a],c.body["offset"+a],f["offset"+a],f["client"+a])):e===b?$.css(c,d,e,h):$.style(c,d,e,h)},c,g?e:b,g)}})}),a.jQuery=a.$=$,"function"==typeof define&&define.amd&&define.amd.jQuery&&define("jquery",[],function(){return $})}(window),function(a,b){function c(b,c){var e,f,g,h=b.nodeName.toLowerCase();return"area"===h?(e=b.parentNode,f=e.name,b.href&&f&&"map"===e.nodeName.toLowerCase()?(g=a("img[usemap=#"+f+"]")[0],!!g&&d(g)):!1):(/input|select|textarea|button|object/.test(h)?!b.disabled:"a"===h?b.href||c:c)&&d(b)}function d(b){return a.expr.filters.visible(b)&&!a(b).parents().addBack().filter(function(){return"hidden"===a.css(this,"visibility")}).length}var e=0,f=/^ui-id-\d+$/;a.ui=a.ui||{},a.extend(a.ui,{version:"1.10.3",keyCode:{BACKSPACE:8,COMMA:188,DELETE:46,DOWN:40,END:35,ENTER:13,ESCAPE:27,HOME:36,LEFT:37,NUMPAD_ADD:107,NUMPAD_DECIMAL:110,NUMPAD_DIVIDE:111,NUMPAD_ENTER:108,NUMPAD_MULTIPLY:106,NUMPAD_SUBTRACT:109,PAGE_DOWN:34,PAGE_UP:33,PERIOD:190,RIGHT:39,SPACE:32,TAB:9,UP:38}}),a.fn.extend({focus:function(b){return function(c,d){return"number"==typeof c?this.each(function(){var b=this;setTimeout(function(){a(b).focus(),d&&d.call(b)},c)}):b.apply(this,arguments)}}(a.fn.focus),scrollParent:function(){var b;return b=a.ui.ie&&/(static|relative)/.test(this.css("position"))||/absolute/.test(this.css("position"))?this.parents().filter(function(){return/(relative|absolute|fixed)/.test(a.css(this,"position"))&&/(auto|scroll)/.test(a.css(this,"overflow")+a.css(this,"overflow-y")+a.css(this,"overflow-x"))}).eq(0):this.parents().filter(function(){return/(auto|scroll)/.test(a.css(this,"overflow")+a.css(this,"overflow-y")+a.css(this,"overflow-x"))}).eq(0),/fixed/.test(this.css("position"))||!b.length?a(document):b},zIndex:function(c){if(c!==b)return this.css("zIndex",c);if(this.length)for(var d,e,f=a(this[0]);f.length&&f[0]!==document;){if(d=f.css("position"),("absolute"===d||"relative"===d||"fixed"===d)&&(e=parseInt(f.css("zIndex"),10),!isNaN(e)&&0!==e))return e;f=f.parent()}return 0},uniqueId:function(){return this.each(function(){this.id||(this.id="ui-id-"+ ++e)})},removeUniqueId:function(){return this.each(function(){f.test(this.id)&&a(this).removeAttr("id")})}}),a.extend(a.expr[":"],{data:a.expr.createPseudo?a.expr.createPseudo(function(b){return function(c){return!!a.data(c,b)}}):function(b,c,d){return!!a.data(b,d[3])},focusable:function(b){return c(b,!isNaN(a.attr(b,"tabindex")))},tabbable:function(b){var d=a.attr(b,"tabindex"),e=isNaN(d);return(e||d>=0)&&c(b,!e)}}),a("").outerWidth(1).jquery||a.each(["Width","Height"],function(c,d){function e(b,c,d,e){return a.each(f,function(){c-=parseFloat(a.css(b,"padding"+this))||0,d&&(c-=parseFloat(a.css(b,"border"+this+"Width"))||0),e&&(c-=parseFloat(a.css(b,"margin"+this))||0)}),c}var f="Width"===d?["Left","Right"]:["Top","Bottom"],g=d.toLowerCase(),h={innerWidth:a.fn.innerWidth,innerHeight:a.fn.innerHeight,outerWidth:a.fn.outerWidth,outerHeight:a.fn.outerHeight};a.fn["inner"+d]=function(c){return c===b?h["inner"+d].call(this):this.each(function(){a(this).css(g,e(this,c)+"px")})},a.fn["outer"+d]=function(b,c){return"number"!=typeof b?h["outer"+d].call(this,b):this.each(function(){a(this).css(g,e(this,b,!0,c)+"px")})}}),a.fn.addBack||(a.fn.addBack=function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}),a(" ").data("a-b","a").removeData("a-b").data("a-b")&&(a.fn.removeData=function(b){return function(c){return arguments.length?b.call(this,a.camelCase(c)):b.call(this)}}(a.fn.removeData)),a.ui.ie=!!/msie [\w.]+/.exec(navigator.userAgent.toLowerCase()),a.support.selectstart="onselectstart"in document.createElement("div"),a.fn.extend({disableSelection:function(){return this.bind((a.support.selectstart?"selectstart":"mousedown")+".ui-disableSelection",function(a){a.preventDefault()})},enableSelection:function(){return this.unbind(".ui-disableSelection")}}),a.extend(a.ui,{plugin:{add:function(b,c,d){var e,f=a.ui[b].prototype;for(e in d)f.plugins[e]=f.plugins[e]||[],f.plugins[e].push([c,d[e]])},call:function(a,b,c){var d,e=a.plugins[b];if(e&&a.element[0].parentNode&&11!==a.element[0].parentNode.nodeType)for(d=0;d0?!0:(b[d]=1,e=b[d]>0,b[d]=0,e)}})}(jQuery),function(a,b){var c=0,d=Array.prototype.slice,e=a.cleanData;a.cleanData=function(b){for(var c,d=0;null!=(c=b[d]);d++)try{a(c).triggerHandler("remove")}catch(f){}e(b)},a.widget=function(b,c,d){var e,f,g,h,i={},j=b.split(".")[0];
+b=b.split(".")[1],e=j+"-"+b,d||(d=c,c=a.Widget),a.expr[":"][e.toLowerCase()]=function(b){return!!a.data(b,e)},a[j]=a[j]||{},f=a[j][b],g=a[j][b]=function(a,b){return this._createWidget?void(arguments.length&&this._createWidget(a,b)):new g(a,b)},a.extend(g,f,{version:d.version,_proto:a.extend({},d),_childConstructors:[]}),h=new c,h.options=a.widget.extend({},h.options),a.each(d,function(b,d){return a.isFunction(d)?void(i[b]=function(){var a=function(){return c.prototype[b].apply(this,arguments)},e=function(a){return c.prototype[b].apply(this,a)};return function(){var b,c=this._super,f=this._superApply;return this._super=a,this._superApply=e,b=d.apply(this,arguments),this._super=c,this._superApply=f,b}}()):void(i[b]=d)}),g.prototype=a.widget.extend(h,{widgetEventPrefix:f?h.widgetEventPrefix:b},i,{constructor:g,namespace:j,widgetName:b,widgetFullName:e}),f?(a.each(f._childConstructors,function(b,c){var d=c.prototype;a.widget(d.namespace+"."+d.widgetName,g,c._proto)}),delete f._childConstructors):c._childConstructors.push(g),a.widget.bridge(b,g)},a.widget.extend=function(c){for(var e,f,g=d.call(arguments,1),h=0,i=g.length;i>h;h++)for(e in g[h])f=g[h][e],g[h].hasOwnProperty(e)&&f!==b&&(c[e]=a.isPlainObject(f)?a.isPlainObject(c[e])?a.widget.extend({},c[e],f):a.widget.extend({},f):f);return c},a.widget.bridge=function(c,e){var f=e.prototype.widgetFullName||c;a.fn[c]=function(g){var h="string"==typeof g,i=d.call(arguments,1),j=this;return g=!h&&i.length?a.widget.extend.apply(null,[g].concat(i)):g,this.each(h?function(){var d,e=a.data(this,f);return e?a.isFunction(e[g])&&"_"!==g.charAt(0)?(d=e[g].apply(e,i),d!==e&&d!==b?(j=d&&d.jquery?j.pushStack(d.get()):d,!1):void 0):a.error("no such method '"+g+"' for "+c+" widget instance"):a.error("cannot call methods on "+c+" prior to initialization; attempted to call method '"+g+"'")}:function(){var b=a.data(this,f);b?b.option(g||{})._init():a.data(this,f,new e(g,this))}),j}},a.Widget=function(){},a.Widget._childConstructors=[],a.Widget.prototype={widgetName:"widget",widgetEventPrefix:"",defaultElement:"",options:{disabled:!1,create:null},_createWidget:function(b,d){d=a(d||this.defaultElement||this)[0],this.element=a(d),this.uuid=c++,this.eventNamespace="."+this.widgetName+this.uuid,this.options=a.widget.extend({},this.options,this._getCreateOptions(),b),this.bindings=a(),this.hoverable=a(),this.focusable=a(),d!==this&&(a.data(d,this.widgetFullName,this),this._on(!0,this.element,{remove:function(a){a.target===d&&this.destroy()}}),this.document=a(d.style?d.ownerDocument:d.document||d),this.window=a(this.document[0].defaultView||this.document[0].parentWindow)),this._create(),this._trigger("create",null,this._getCreateEventData()),this._init()},_getCreateOptions:a.noop,_getCreateEventData:a.noop,_create:a.noop,_init:a.noop,destroy:function(){this._destroy(),this.element.unbind(this.eventNamespace).removeData(this.widgetName).removeData(this.widgetFullName).removeData(a.camelCase(this.widgetFullName)),this.widget().unbind(this.eventNamespace).removeAttr("aria-disabled").removeClass(this.widgetFullName+"-disabled ui-state-disabled"),this.bindings.unbind(this.eventNamespace),this.hoverable.removeClass("ui-state-hover"),this.focusable.removeClass("ui-state-focus")},_destroy:a.noop,widget:function(){return this.element},option:function(c,d){var e,f,g,h=c;if(0===arguments.length)return a.widget.extend({},this.options);if("string"==typeof c)if(h={},e=c.split("."),c=e.shift(),e.length){for(f=h[c]=a.widget.extend({},this.options[c]),g=0;g
=this.options.distance},_mouseDelayMet:function(){return this.mouseDelayMet},_mouseStart:function(){},_mouseDrag:function(){},_mouseStop:function(){},_mouseCapture:function(){return!0}})}(jQuery),function(a){function b(a,b,c){return a>b&&b+c>a}function c(a){return/left|right/.test(a.css("float"))||/inline|table-cell/.test(a.css("display"))}a.widget("ui.sortable",a.ui.mouse,{version:"1.10.3",widgetEventPrefix:"sort",ready:!1,options:{appendTo:"parent",axis:!1,connectWith:!1,containment:!1,cursor:"auto",cursorAt:!1,dropOnEmpty:!0,forcePlaceholderSize:!1,forceHelperSize:!1,grid:!1,handle:!1,helper:"original",items:"> *",opacity:!1,placeholder:!1,revert:!1,scroll:!0,scrollSensitivity:20,scrollSpeed:20,scope:"default",tolerance:"intersect",zIndex:1e3,activate:null,beforeStop:null,change:null,deactivate:null,out:null,over:null,receive:null,remove:null,sort:null,start:null,stop:null,update:null},_create:function(){var a=this.options;this.containerCache={},this.element.addClass("ui-sortable"),this.refresh(),this.floating=this.items.length?"x"===a.axis||c(this.items[0].item):!1,this.offset=this.element.offset(),this._mouseInit(),this.ready=!0},_destroy:function(){this.element.removeClass("ui-sortable ui-sortable-disabled"),this._mouseDestroy();for(var a=this.items.length-1;a>=0;a--)this.items[a].item.removeData(this.widgetName+"-item");return this},_setOption:function(b,c){"disabled"===b?(this.options[b]=c,this.widget().toggleClass("ui-sortable-disabled",!!c)):a.Widget.prototype._setOption.apply(this,arguments)},_mouseCapture:function(b,c){var d=null,e=!1,f=this;return this.reverting?!1:this.options.disabled||"static"===this.options.type?!1:(this._refreshItems(b),a(b.target).parents().each(function(){return a.data(this,f.widgetName+"-item")===f?(d=a(this),!1):void 0}),a.data(b.target,f.widgetName+"-item")===f&&(d=a(b.target)),d&&(!this.options.handle||c||(a(this.options.handle,d).find("*").addBack().each(function(){this===b.target&&(e=!0)}),e))?(this.currentItem=d,this._removeCurrentsFromItems(),!0):!1)},_mouseStart:function(b,c,d){var e,f,g=this.options;if(this.currentContainer=this,this.refreshPositions(),this.helper=this._createHelper(b),this._cacheHelperProportions(),this._cacheMargins(),this.scrollParent=this.helper.scrollParent(),this.offset=this.currentItem.offset(),this.offset={top:this.offset.top-this.margins.top,left:this.offset.left-this.margins.left},a.extend(this.offset,{click:{left:b.pageX-this.offset.left,top:b.pageY-this.offset.top},parent:this._getParentOffset(),relative:this._getRelativeOffset()}),this.helper.css("position","absolute"),this.cssPosition=this.helper.css("position"),this.originalPosition=this._generatePosition(b),this.originalPageX=b.pageX,this.originalPageY=b.pageY,g.cursorAt&&this._adjustOffsetFromHelper(g.cursorAt),this.domPosition={prev:this.currentItem.prev()[0],parent:this.currentItem.parent()[0]},this.helper[0]!==this.currentItem[0]&&this.currentItem.hide(),this._createPlaceholder(),g.containment&&this._setContainment(),g.cursor&&"auto"!==g.cursor&&(f=this.document.find("body"),this.storedCursor=f.css("cursor"),f.css("cursor",g.cursor),this.storedStylesheet=a("").appendTo(f)),g.opacity&&(this.helper.css("opacity")&&(this._storedOpacity=this.helper.css("opacity")),this.helper.css("opacity",g.opacity)),g.zIndex&&(this.helper.css("zIndex")&&(this._storedZIndex=this.helper.css("zIndex")),this.helper.css("zIndex",g.zIndex)),this.scrollParent[0]!==document&&"HTML"!==this.scrollParent[0].tagName&&(this.overflowOffset=this.scrollParent.offset()),this._trigger("start",b,this._uiHash()),this._preserveHelperProportions||this._cacheHelperProportions(),!d)for(e=this.containers.length-1;e>=0;e--)this.containers[e]._trigger("activate",b,this._uiHash(this));return a.ui.ddmanager&&(a.ui.ddmanager.current=this),a.ui.ddmanager&&!g.dropBehaviour&&a.ui.ddmanager.prepareOffsets(this,b),this.dragging=!0,this.helper.addClass("ui-sortable-helper"),this._mouseDrag(b),!0},_mouseDrag:function(b){var c,d,e,f,g=this.options,h=!1;for(this.position=this._generatePosition(b),this.positionAbs=this._convertPositionTo("absolute"),this.lastPositionAbs||(this.lastPositionAbs=this.positionAbs),this.options.scroll&&(this.scrollParent[0]!==document&&"HTML"!==this.scrollParent[0].tagName?(this.overflowOffset.top+this.scrollParent[0].offsetHeight-b.pageY=0;c--)if(d=this.items[c],e=d.item[0],f=this._intersectsWithPointer(d),f&&d.instance===this.currentContainer&&e!==this.currentItem[0]&&this.placeholder[1===f?"next":"prev"]()[0]!==e&&!a.contains(this.placeholder[0],e)&&("semi-dynamic"===this.options.type?!a.contains(this.element[0],e):!0)){if(this.direction=1===f?"down":"up","pointer"!==this.options.tolerance&&!this._intersectsWithSides(d))break;this._rearrange(b,d),this._trigger("change",b,this._uiHash());break}return this._contactContainers(b),a.ui.ddmanager&&a.ui.ddmanager.drag(this,b),this._trigger("sort",b,this._uiHash()),this.lastPositionAbs=this.positionAbs,!1},_mouseStop:function(b,c){if(b){if(a.ui.ddmanager&&!this.options.dropBehaviour&&a.ui.ddmanager.drop(this,b),this.options.revert){var d=this,e=this.placeholder.offset(),f=this.options.axis,g={};f&&"x"!==f||(g.left=e.left-this.offset.parent.left-this.margins.left+(this.offsetParent[0]===document.body?0:this.offsetParent[0].scrollLeft)),f&&"y"!==f||(g.top=e.top-this.offset.parent.top-this.margins.top+(this.offsetParent[0]===document.body?0:this.offsetParent[0].scrollTop)),this.reverting=!0,a(this.helper).animate(g,parseInt(this.options.revert,10)||500,function(){d._clear(b)})}else this._clear(b,c);return!1}},cancel:function(){if(this.dragging){this._mouseUp({target:null}),"original"===this.options.helper?this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper"):this.currentItem.show();for(var b=this.containers.length-1;b>=0;b--)this.containers[b]._trigger("deactivate",null,this._uiHash(this)),this.containers[b].containerCache.over&&(this.containers[b]._trigger("out",null,this._uiHash(this)),this.containers[b].containerCache.over=0)}return this.placeholder&&(this.placeholder[0].parentNode&&this.placeholder[0].parentNode.removeChild(this.placeholder[0]),"original"!==this.options.helper&&this.helper&&this.helper[0].parentNode&&this.helper.remove(),a.extend(this,{helper:null,dragging:!1,reverting:!1,_noFinalSort:null}),this.domPosition.prev?a(this.domPosition.prev).after(this.currentItem):a(this.domPosition.parent).prepend(this.currentItem)),this},serialize:function(b){var c=this._getItemsAsjQuery(b&&b.connected),d=[];return b=b||{},a(c).each(function(){var c=(a(b.item||this).attr(b.attribute||"id")||"").match(b.expression||/(.+)[\-=_](.+)/);c&&d.push((b.key||c[1]+"[]")+"="+(b.key&&b.expression?c[1]:c[2]))}),!d.length&&b.key&&d.push(b.key+"="),d.join("&")},toArray:function(b){var c=this._getItemsAsjQuery(b&&b.connected),d=[];return b=b||{},c.each(function(){d.push(a(b.item||this).attr(b.attribute||"id")||"")}),d},_intersectsWith:function(a){var b=this.positionAbs.left,c=b+this.helperProportions.width,d=this.positionAbs.top,e=d+this.helperProportions.height,f=a.left,g=f+a.width,h=a.top,i=h+a.height,j=this.offset.click.top,k=this.offset.click.left,l="x"===this.options.axis||d+j>h&&i>d+j,m="y"===this.options.axis||b+k>f&&g>b+k,n=l&&m;return"pointer"===this.options.tolerance||this.options.forcePointerForContainers||"pointer"!==this.options.tolerance&&this.helperProportions[this.floating?"width":"height"]>a[this.floating?"width":"height"]?n:f0?"down":"up")},_getDragHorizontalDirection:function(){var a=this.positionAbs.left-this.lastPositionAbs.left;return 0!==a&&(a>0?"right":"left")},refresh:function(a){return this._refreshItems(a),this.refreshPositions(),this},_connectWith:function(){var a=this.options;return a.connectWith.constructor===String?[a.connectWith]:a.connectWith},_getItemsAsjQuery:function(b){var c,d,e,f,g=[],h=[],i=this._connectWith();if(i&&b)for(c=i.length-1;c>=0;c--)for(e=a(i[c]),d=e.length-1;d>=0;d--)f=a.data(e[d],this.widgetFullName),f&&f!==this&&!f.options.disabled&&h.push([a.isFunction(f.options.items)?f.options.items.call(f.element):a(f.options.items,f.element).not(".ui-sortable-helper").not(".ui-sortable-placeholder"),f]);for(h.push([a.isFunction(this.options.items)?this.options.items.call(this.element,null,{options:this.options,item:this.currentItem}):a(this.options.items,this.element).not(".ui-sortable-helper").not(".ui-sortable-placeholder"),this]),c=h.length-1;c>=0;c--)h[c][0].each(function(){g.push(this)});return a(g)},_removeCurrentsFromItems:function(){var b=this.currentItem.find(":data("+this.widgetName+"-item)");this.items=a.grep(this.items,function(a){for(var c=0;c=0;c--)for(e=a(m[c]),d=e.length-1;d>=0;d--)f=a.data(e[d],this.widgetFullName),f&&f!==this&&!f.options.disabled&&(l.push([a.isFunction(f.options.items)?f.options.items.call(f.element[0],b,{item:this.currentItem}):a(f.options.items,f.element),f]),this.containers.push(f));for(c=l.length-1;c>=0;c--)for(g=l[c][1],h=l[c][0],d=0,j=h.length;j>d;d++)i=a(h[d]),i.data(this.widgetName+"-item",g),k.push({item:i,instance:g,width:0,height:0,left:0,top:0})},refreshPositions:function(b){this.offsetParent&&this.helper&&(this.offset.parent=this._getParentOffset());var c,d,e,f;for(c=this.items.length-1;c>=0;c--)d=this.items[c],d.instance!==this.currentContainer&&this.currentContainer&&d.item[0]!==this.currentItem[0]||(e=this.options.toleranceElement?a(this.options.toleranceElement,d.item):d.item,b||(d.width=e.outerWidth(),d.height=e.outerHeight()),f=e.offset(),d.left=f.left,d.top=f.top);if(this.options.custom&&this.options.custom.refreshContainers)this.options.custom.refreshContainers.call(this);else for(c=this.containers.length-1;c>=0;c--)f=this.containers[c].element.offset(),this.containers[c].containerCache.left=f.left,this.containers[c].containerCache.top=f.top,this.containers[c].containerCache.width=this.containers[c].element.outerWidth(),this.containers[c].containerCache.height=this.containers[c].element.outerHeight();return this},_createPlaceholder:function(b){b=b||this;var c,d=b.options;d.placeholder&&d.placeholder.constructor!==String||(c=d.placeholder,d.placeholder={element:function(){var d=b.currentItem[0].nodeName.toLowerCase(),e=a("<"+d+">",b.document[0]).addClass(c||b.currentItem[0].className+" ui-sortable-placeholder").removeClass("ui-sortable-helper");return"tr"===d?b.currentItem.children().each(function(){a(" ",b.document[0]).attr("colspan",a(this).attr("colspan")||1).appendTo(e)}):"img"===d&&e.attr("src",b.currentItem.attr("src")),c||e.css("visibility","hidden"),e},update:function(a,e){(!c||d.forcePlaceholderSize)&&(e.height()||e.height(b.currentItem.innerHeight()-parseInt(b.currentItem.css("paddingTop")||0,10)-parseInt(b.currentItem.css("paddingBottom")||0,10)),e.width()||e.width(b.currentItem.innerWidth()-parseInt(b.currentItem.css("paddingLeft")||0,10)-parseInt(b.currentItem.css("paddingRight")||0,10)))}}),b.placeholder=a(d.placeholder.element.call(b.element,b.currentItem)),b.currentItem.after(b.placeholder),d.placeholder.update(b,b.placeholder)},_contactContainers:function(d){var e,f,g,h,i,j,k,l,m,n,o=null,p=null;for(e=this.containers.length-1;e>=0;e--)if(!a.contains(this.currentItem[0],this.containers[e].element[0]))if(this._intersectsWith(this.containers[e].containerCache)){if(o&&a.contains(this.containers[e].element[0],o.element[0]))continue;o=this.containers[e],p=e}else this.containers[e].containerCache.over&&(this.containers[e]._trigger("out",d,this._uiHash(this)),this.containers[e].containerCache.over=0);if(o)if(1===this.containers.length)this.containers[p].containerCache.over||(this.containers[p]._trigger("over",d,this._uiHash(this)),this.containers[p].containerCache.over=1);else{for(g=1e4,h=null,n=o.floating||c(this.currentItem),i=n?"left":"top",j=n?"width":"height",k=this.positionAbs[i]+this.offset.click[i],f=this.items.length-1;f>=0;f--)a.contains(this.containers[p].element[0],this.items[f].item[0])&&this.items[f].item[0]!==this.currentItem[0]&&(!n||b(this.positionAbs.top+this.offset.click.top,this.items[f].top,this.items[f].height))&&(l=this.items[f].item.offset()[i],m=!1,Math.abs(l-k)>Math.abs(l+this.items[f][j]-k)&&(m=!0,l+=this.items[f][j]),Math.abs(l-k)this.containment[2]&&(f=this.containment[2]+this.offset.click.left),b.pageY-this.offset.click.top>this.containment[3]&&(g=this.containment[3]+this.offset.click.top)),e.grid&&(c=this.originalPageY+Math.round((g-this.originalPageY)/e.grid[1])*e.grid[1],g=this.containment?c-this.offset.click.top>=this.containment[1]&&c-this.offset.click.top<=this.containment[3]?c:c-this.offset.click.top>=this.containment[1]?c-e.grid[1]:c+e.grid[1]:c,d=this.originalPageX+Math.round((f-this.originalPageX)/e.grid[0])*e.grid[0],f=this.containment?d-this.offset.click.left>=this.containment[0]&&d-this.offset.click.left<=this.containment[2]?d:d-this.offset.click.left>=this.containment[0]?d-e.grid[0]:d+e.grid[0]:d)),{top:g-this.offset.click.top-this.offset.relative.top-this.offset.parent.top+("fixed"===this.cssPosition?-this.scrollParent.scrollTop():i?0:h.scrollTop()),left:f-this.offset.click.left-this.offset.relative.left-this.offset.parent.left+("fixed"===this.cssPosition?-this.scrollParent.scrollLeft():i?0:h.scrollLeft())}},_rearrange:function(a,b,c,d){c?c[0].appendChild(this.placeholder[0]):b.item[0].parentNode.insertBefore(this.placeholder[0],"down"===this.direction?b.item[0]:b.item[0].nextSibling),this.counter=this.counter?++this.counter:1;var e=this.counter;this._delay(function(){e===this.counter&&this.refreshPositions(!d)})},_clear:function(a,b){this.reverting=!1;var c,d=[];if(!this._noFinalSort&&this.currentItem.parent().length&&this.placeholder.before(this.currentItem),this._noFinalSort=null,this.helper[0]===this.currentItem[0]){for(c in this._storedCSS)("auto"===this._storedCSS[c]||"static"===this._storedCSS[c])&&(this._storedCSS[c]="");this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper")}else this.currentItem.show();for(this.fromOutside&&!b&&d.push(function(a){this._trigger("receive",a,this._uiHash(this.fromOutside))}),!this.fromOutside&&this.domPosition.prev===this.currentItem.prev().not(".ui-sortable-helper")[0]&&this.domPosition.parent===this.currentItem.parent()[0]||b||d.push(function(a){this._trigger("update",a,this._uiHash())}),this!==this.currentContainer&&(b||(d.push(function(a){this._trigger("remove",a,this._uiHash())}),d.push(function(a){return function(b){a._trigger("receive",b,this._uiHash(this))}}.call(this,this.currentContainer)),d.push(function(a){return function(b){a._trigger("update",b,this._uiHash(this))}}.call(this,this.currentContainer)))),c=this.containers.length-1;c>=0;c--)b||d.push(function(a){return function(b){a._trigger("deactivate",b,this._uiHash(this))}}.call(this,this.containers[c])),this.containers[c].containerCache.over&&(d.push(function(a){return function(b){a._trigger("out",b,this._uiHash(this))}}.call(this,this.containers[c])),this.containers[c].containerCache.over=0);if(this.storedCursor&&(this.document.find("body").css("cursor",this.storedCursor),this.storedStylesheet.remove()),this._storedOpacity&&this.helper.css("opacity",this._storedOpacity),this._storedZIndex&&this.helper.css("zIndex","auto"===this._storedZIndex?"":this._storedZIndex),this.dragging=!1,this.cancelHelperRemoval){if(!b){for(this._trigger("beforeStop",a,this._uiHash()),c=0;c
c;c++){var e=a.charCodeAt(c);b=(b<<5)-b+e,b|=0}return b},a.copy=function(a){return JSON.parse(JSON.stringify(a))};var b={"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"};a.escapeHtml=function(a){return String(a).replace(/[&<>"'\/]/g,function(a){return b[a]})};var c={};a.unescapeHtml=function(a){return Object.keys(b).forEach(function(d){c[d]=c[d]||new RegExp(b[d],"g"),a=a.replace(c[d],d)}),a}}(),function(){var a=$.namespace("pskl.utils"),b=navigator.userAgent;a.UserAgent={isIE:/MSIE/i.test(b),isIE11:/trident/i.test(b),isChrome:/Chrome/i.test(b),isFirefox:/Firefox/i.test(b),isMac:/Mac/.test(b)},a.UserAgent.version=function(){return pskl.utils.UserAgent.isIE?parseInt(/MSIE\s?(\d+)/i.exec(b)[1],10):pskl.utils.UserAgent.isChrome?parseInt(/Chrome\/(\d+)/i.exec(b)[1],10):pskl.utils.UserAgent.isFirefox?parseInt(/Firefox\/(\d+)/i.exec(b)[1],10):void 0}()}(),function(){var a=$.namespace("pskl.utils");a.Array={find:function(a,b){var c=null;a=Array.isArray(a)?a:[];var d=a.filter(b);return d.length&&(c=d[0]),c}}}(),function(){var a,b=$.namespace("pskl.utils");Uint8Array&&(a=new Uint8Array([62,-1,-1,-1,63,52,53,54,55,56,57,58,59,60,61,-1,-1,-1,0,-1,-1,-1,0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,-1,-1,-1,-1,-1,-1,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51])),b.Base64={toText:function(a){return window.atob(a.replace(/data\:.*?\;base64\,/,""))},decode:function(b){for(var c,d=0,e=[0,0],f=0,g=0,h=b.length,i=0,j=new Uint8Array(h/4*3|0);h--;){var k=b.charCodeAt(i++),l=a[k-43];255!==l&&l!==c&&(e[1]=e[0],e[0]=k,g=g<<6|l,f++,4===f&&(j[d++]=g>>>16,61!==e[1]&&(j[d++]=g>>>8),61!==e[0]&&(j[d++]=g),f=0))}return j.buffer}}}(),function(){var a=$.namespace("pskl.utils"),b=/\s*;\s*base64\s*(?:;|$)/i;a.BlobUtils={dataToBlob:function(a,c,d){var e,f=a.indexOf(","),g=a.substring(f+1),h=b.test(a.substring(0,f));if(Blob.fake)e=new Blob,e.encoding=h?"base64":"URI",e.data=g,e.size=g.length;else if(Uint8Array){var i=h?pskl.utils.Base64.decode(g):decodeURIComponent(g);e=new Blob([i],{type:c})}d(e)},canvasToBlob:function(a,b,c){if(c=c||"image/png",a.mozGetAsFile)b(a.mozGetAsFile("canvas",c));else{var d=Array.prototype.slice.call(arguments,2),e=a.toDataURL.apply(a,d);pskl.utils.BlobUtils.dataToBlob(e,c,b)}},stringToBlob:function(a,b,c){c=c||"text/plain",pskl.utils.BlobUtils.dataToBlob("data:"+c+","+a,c,b)}}}(),function(){var a=$.namespace("pskl.utils");a.CanvasUtils={createCanvas:function(a,b,c){var d=document.createElement("canvas");if(d.setAttribute("width",a),d.setAttribute("height",b),"string"==typeof c&&(c=[c]),Array.isArray(c))for(var e=0;ea?"0"+a:""+a};a.DateUtils={format:function(a,c){return a=new Date(a),pskl.utils.Template.replace(c,{Y:a.getFullYear(),M:b(a.getMonth()+1),D:b(a.getDate()),H:b(a.getHours()),m:b(a.getMinutes()),s:b(a.getSeconds())})}}}(),function(){var a=$.namespace("pskl.utils");a.Dom={isParent:function(a,b,c){if(a&&b)for(c&&(a=a.parentNode);a;){if(a===b)return!0;a=a.parentNode}return!1},getParentWithData:function(a,b){for(;a;){if(a.dataset&&"undefined"!=typeof a.dataset[b])return a;a=a.parentNode}return null}}}(),function(){var a=$.namespace("pskl.utils");a.Event={},a.Event.addEventListener=function(a,b,c,d,e){"string"==typeof a&&(a=document.querySelector(a));var f={el:a,type:b,callback:c,handler:e?c.bind(d,e):c.bind(d)};d.__pskl_listeners=d.__pskl_listeners||[],d.__pskl_listeners.push(f),a.addEventListener(b,f.handler)},a.Event.removeEventListener=function(a,b,c,d){if(d&&d.__pskl_listeners)for(var e=d.__pskl_listeners,f=0;fe;e++){d[e]=[];for(var f=0;c>f;f++){var g=4*(f*b+e),h=a[g],i=a[g+1],j=a[g+2],k=a[g+3];d[e][f]=125>k?Constants.TRANSPARENT_COLOR:pskl.utils.rgbToHex(h,i,j)}}return pskl.model.Frame.fromPixelGrid(d)},mergePixels__:function(a,b,c){var d=pskl.utils.FrameUtils.toRgba__(a),e=pskl.utils.FrameUtils.toRgba__(b);"number"==typeof c&&(d=JSON.parse(JSON.stringify(d)),d.a=c*d.a);var f=d.a+e.a*(1-d.a),g=(d.r*d.a+e.r*e.a*(1-d.a))/f|0,h=(d.g*d.a+e.g*e.a*(1-d.a))/f|0,i=(d.b*d.a+e.b*e.a*(1-d.a))/f|0;return"rgba("+g+","+h+","+i+","+f+")"},toRgba__:function(a){if(b[a])return b[a];var c,d;return"TRANSPARENT"===a?c={r:0,g:0,b:0,a:0}:-1!=a.indexOf("rgba(")?(d=/rgba\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*,\s*(1|0\.\d+)\s*\)/.exec(a),c={r:parseInt(d[1],10),g:parseInt(d[2],10),b:parseInt(d[3],10),a:parseFloat(d[4])}):-1!=a.indexOf("rgb(")?(d=/rgb\((\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)/.exec(a),c={r:parseInt(d[1],10),g:parseInt(d[2],10),b:parseInt(d[3],10),a:1}):(d=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(a),c={r:parseInt(d[1],16),g:parseInt(d[2],16),b:parseInt(d[3],16),a:1}),b[a]=c,c}}}(),function(){var a=$.namespace("pskl.utils");a.LayerUtils={createLayerFromSpritesheet:function(a,b){for(var c=a.width,d=a.height,e=c/b,f=pskl.utils.CanvasUtils.createCanvas(e,d),g=f.getContext("2d"),h=[],i=0;b>i;i++){g.clearRect(0,0,e,d),g.drawImage(a,e*i,0,e,d,0,0,e,d);var j=pskl.utils.FrameUtils.createFromImage(f);h.push(j)}return h},mergeLayers:function(a,b){var c=a.getFrames(),d=b.getFrames(),e=[];c.forEach(function(a,b){var c=d[b];e.push(pskl.utils.FrameUtils.merge([c,a]))});var f=pskl.model.Layer.fromFrames(a.getName(),e);return f}}}(),function(){var a=$.namespace("pskl.utils");a.ImageResizer={resize:function(a,b,c,d){var e=pskl.utils.CanvasUtils.createCanvas(b,c),f=e.getContext("2d");return f.save(),d||pskl.utils.CanvasUtils.disableImageSmoothing(e),f.translate(e.width/2,e.height/2),f.scale(b/a.width,c/a.height),f.drawImage(a,-a.width/2,-a.height/2),f.restore(),e},resizeNearestNeighbour:function(a,b,c,d){c=c||0;for(var e,f,g=pskl.utils.CanvasUtils.createCanvas(b*a.width,b*a.height),h=g.getContext("2d"),i=pskl.utils.CanvasUtils.getImageDataFromCanvas(a),j={},k=0,l=0,m=0;m0;){k++;var m=g.pop();a.setPixel(m.col,m.row,d),f.push({col:m.col,row:m.row});for(var n=0;4>n;n++){var o=m.col+i[n],p=m.row+h[n];try{a.containsPixel(o,p)&&a.getPixel(o,p)==e&&g.push({col:o,row:p})}catch(j){}}if(k>10*l){console.log("loop breaker called");break}}return f}},calculateZoomForContainer:function(a,b,c){return this.calculateZoom(a.height(),a.width(),b,c)}}}(),function(){var a=$.namespace("pskl.utils");a.PiskelFileUtils={loadFromFile:function(a,b){pskl.utils.FileUtils.readFile(a,function(a){var c=pskl.utils.Base64.toText(a),d=JSON.parse(c),e=d.piskel.fps,f=new pskl.model.piskel.Descriptor(d.piskel.name,d.piskel.description,!0);pskl.utils.serialization.Deserializer.deserialize(d,function(a){b(a,f,e)})})}}}(),function(){var a=$.namespace("pskl.utils"),b={};a.Template={get:function(a){if(!b[a]){var c=document.getElementById(a);c?b[a]=c.innerHTML:console.error("Could not find template for id :",a)}return b[a]},createFromHTML:function(a){var b=document.createElement("div");return b.innerHTML=a,b.children[0]},getAndReplace:function(a,b){var c="",d=pskl.utils.Template.get(a);return d&&(c=pskl.utils.Template.replace(d,b)),c},replace:function(a,b){for(var c in b)if(b.hasOwnProperty(c)){var d=b[c];-1!==c.indexOf(":")&&(d===!0?d=c.split(":")[1]:d===!1&&(d="")),a=a.replace(new RegExp("\\{\\{"+c+"\\}\\}","g"),d)}return a}}}(),function(){var a=$.namespace("pskl.utils");a.TooltipFormatter={},a.TooltipFormatter.formatForTool=function(a,b,c){var d=pskl.utils.Template.get("drawingTool-tooltipContainer-template");return pskl.utils.Template.replace(d,{helptext:c,shortcut:a,descriptors:this.formatToolDescriptors_(b)})},a.TooltipFormatter.formatToolDescriptors_=function(a){return a=a||[],a.reduce(function(a,b){return a+=this.formatToolDescriptor_(b)}.bind(this),"")},a.TooltipFormatter.formatToolDescriptor_=function(a){var b;return a.key?(b=pskl.utils.Template.get("drawingTool-tooltipDescriptor-template"),a.key=a.key.toUpperCase(),pskl.utils.UserAgent.isMac&&(a.key=a.key.replace("CTRL","CMD"))):b=pskl.utils.Template.get("drawingTool-simpleTooltipDescriptor-template"),pskl.utils.Template.replace(b,a)}}(),function(){var a=$.namespace("pskl");a.UserSettings={GRID_WIDTH:"GRID_WIDTH",MAX_FPS:"MAX_FPS",CANVAS_BACKGROUND:"CANVAS_BACKGROUND",SELECTED_PALETTE:"SELECTED_PALETTE",TILED_PREVIEW:"TILED_PREVIEW",ONION_SKIN:"ONION_SKIN",LAYER_PREVIEW:"LAYER_PREVIEW",KEY_TO_DEFAULT_VALUE_MAP_:{GRID_WIDTH:0,MAX_FPS:24,CANVAS_BACKGROUND:"lowcont-dark-canvas-background",SELECTED_PALETTE:Constants.CURRENT_COLORS_PALETTE_ID,TILED_PREVIEW:!1,ONION_SKIN:!1,LAYER_PREVIEW:!0},cache_:{},get:function(a){if(this.checkKeyValidity_(a),!(a in this.cache_)){var b=this.readFromLocalStorage_(a);this.cache_[a]="undefined"!=typeof b&&null!==b?b:this.readFromDefaults_(a)}return this.cache_[a]},set:function(a,b){this.checkKeyValidity_(a),this.cache_[a]=b,this.writeToLocalStorage_(a,b),$.publish(Events.USER_SETTINGS_CHANGED,[a,b])},readFromLocalStorage_:function(a){var b=window.localStorage[a];return"undefined"!=typeof b&&(b=JSON.parse(b)),b},writeToLocalStorage_:function(a,b){window.localStorage[a]=JSON.stringify(b)},readFromDefaults_:function(a){return this.KEY_TO_DEFAULT_VALUE_MAP_[a]},checkKeyValidity_:function(a){a in this.KEY_TO_DEFAULT_VALUE_MAP_||console.log("UserSettings key <"+a+"> not find in supported keys.")}}}(),function(){var a=$.namespace("pskl.utils"),b=function(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)};a.Uuid={generate:function(){return"ss-s-s-s-sss".replace(/s/g,function(){return b()})}}}(),function(){var a=$.namespace("pskl.utils"),b={};a.WorkerUtils={createWorker:function(a,c){if(!b[c]){var d=[(a+"").replace(/function \(\)\s?\{/,"").replace(/\}[^}]*$/,"")],e=new Blob(d,{type:"application/javascript"});b[c]=window.URL.createObjectURL(e)}return new Worker(b[c])}}}(),function(){var a=$.namespace("pskl.utils");a.Xhr={get:function(b,c,d){var e=a.Xhr.xhr_(b,"GET",c,d);e.send()},post:function(b,c,d,e){var f=a.Xhr.xhr_(b,"POST",d,e),g=new FormData;if("object"==typeof c)for(var h in c)c.hasOwnProperty(h)&&g.append(h,c[h]);f.send(g)},xhr_:function(a,b,c,d){c=c||function(){},d=d||function(){};var e=new XMLHttpRequest;return e.open(b,a,!0),e.onload=function(a){200==this.status?c(this):this.onerror(this,a)},e.onerror=function(a){d(a,this)},e}}}(),function(){var a=$.namespace("pskl.utils");a.Serializer={serializePiskel:function(a,b){var c=a.getLayers().map(function(a){return pskl.utils.Serializer.serializeLayer(a,b)});return JSON.stringify({modelVersion:Constants.MODEL_VERSION,piskel:{name:a.getDescriptor().name,description:a.getDescriptor().description,fps:pskl.app.piskelController.getFPS(),height:a.getHeight(),width:a.getWidth(),layers:c,expanded:b}})},serializeLayer:function(a,b){var c=a.getFrames(),d=new pskl.rendering.FramesheetRenderer(c),e={name:a.getName(),frameCount:c.length};return b?(e.grids=c.map(function(a){return a.pixels}),e):(e.base64PNG=d.renderAsCanvas().toDataURL(),JSON.stringify(e))}}}(),function(){var a=$.namespace("pskl.utils.serialization");a.Deserializer=function(a,b){this.layersToLoad_=0,this.data_=a,this.callback_=b,this.piskel_=null},a.Deserializer.deserialize=function(b,c){var d;d=b.modelVersion==Constants.MODEL_VERSION?new a.Deserializer(b,c):1==b.modelVersion?new a.backward.Deserializer_v1(b,c):new a.backward.Deserializer_v0(b,c),d.deserialize()},a.Deserializer.prototype.deserialize=function(a){var b=this.data_,c=b.piskel;a=a||"Deserialized piskel";var d=new pskl.model.piskel.Descriptor(a,"");this.piskel_=new pskl.model.Piskel(c.width,c.height,d),this.layersToLoad_=c.layers.length,c.layers.forEach(c.expanded?this.loadExpandedLayer.bind(this):this.deserializeLayer.bind(this))},a.Deserializer.prototype.deserializeLayer=function(a){var b=JSON.parse(a),c=new pskl.model.Layer(b.name),d=b.base64PNG,e=new Image;return e.onload=function(){var a=pskl.utils.LayerUtils.createLayerFromSpritesheet(e,b.frameCount);this.addFramesToLayer(a,c)}.bind(this),e.src=d,c},a.Deserializer.prototype.loadExpandedLayer=function(a){var b=new pskl.model.Layer(a.name),c=a.grids.map(function(a){return pskl.model.Frame.fromPixelGrid(a)});return this.addFramesToLayer(c,b),b},a.Deserializer.prototype.addFramesToLayer=function(a,b){a.forEach(b.addFrame.bind(b)),this.piskel_.addLayer(b),this.onLayerLoaded_()},a.Deserializer.prototype.onLayerLoaded_=function(){this.layersToLoad_=this.layersToLoad_-1,0===this.layersToLoad_&&this.callback_(this.piskel_)}}(),function(){var a=$.namespace("pskl.utils.serialization.backward");a.Deserializer_v0=function(a,b){this.data_=a,this.callback_=b},a.Deserializer_v0.prototype.deserialize=function(){var a=this.data_,b=a.map(function(a){return pskl.model.Frame.fromPixelGrid(a)}),c=new pskl.model.piskel.Descriptor("Deserialized piskel",""),d=pskl.model.Layer.fromFrames("Layer 1",b);this.callback_(pskl.model.Piskel.fromLayers([d],c))}}(),function(){var a=$.namespace("pskl.utils.serialization.backward");a.Deserializer_v1=function(a,b){this.callback_=b,this.data_=a},a.Deserializer_v1.prototype.deserialize=function(){var a=this.data_.piskel,b=new pskl.model.piskel.Descriptor("Deserialized piskel",""),c=new pskl.model.Piskel(a.width,a.height,b);a.layers.forEach(function(a){var b=this.deserializeLayer(a);c.addLayer(b)}.bind(this)),this.callback_(c)},a.Deserializer_v1.prototype.deserializeLayer=function(a){var b=JSON.parse(a),c=new pskl.model.Layer(b.name);return b.frames.forEach(function(a){var b=this.deserializeFrame(a);c.addFrame(b)}.bind(this)),c},a.Deserializer_v1.prototype.deserializeFrame=function(a){var b=JSON.parse(a);return pskl.model.Frame.fromPixelGrid(b)}}(),function(){var a=function(){(function(){function a(b,c){if({}.hasOwnProperty.call(a.cache,b))return a.cache[b];var d=a.resolve(b);if(!d)throw new Error("Failed to resolve module "+b);var e={id:b,require:a,filename:b,exports:{},loaded:!1,parent:c,children:[]};c&&c.children.push(e);var f=b.slice(0,b.lastIndexOf("/")+1);return a.cache[b]=e.exports,d.call(e.exports,e,e.exports,f,b),e.loaded=!0,a.cache[b]=e.exports}a.modules={},a.cache={},a.resolve=function(b){return{}.hasOwnProperty.call(a.modules,b)?a.modules[b]:void 0},a.define=function(b,c){a.modules[b]=c},a.define("/gif.worker.coffee",function(b){var c,d;c=a("/GIFEncoder.js",b),d=function(a){var b,d,e,f;return b=new c(a.width,a.height),0===a.index?b.writeHeader():b.firstFrame=!1,b.setTransparent(a.transparent),b.setRepeat(a.repeat),b.setDelay(a.delay),b.setQuality(a.quality),b.setPreserveColors(a.preserveColors),b.addFrame(a.data),a.last&&b.finish(),e=b.stream(),a.data=e.pages,a.cursor=e.cursor,a.pageSize=e.constructor.pageSize,a.canTransfer?(f=function(b){for(var c=0,e=a.data.length;e>c;++c)d=a.data[c],b.push(d.buffer);return b}.call(this,[]),self.postMessage(a,f)):self.postMessage(a)},self.onmessage=function(a){return d(a.data)}}),a.define("/GIFEncoder.js",function(b){function c(){this.page=-1,this.pages=[],this.newPage()}function d(a,b){this.width=~~a,this.height=~~b,this.transparent=null,this.transIndex=0,this.repeat=-1,this.delay=0,this.image=null,this.pixels=null,this.indexedPixels=null,this.colorDepth=null,this.colorTab=null,this.usedEntry=new Array,this.palSize=7,this.dispose=-1,this.firstFrame=!0,this.sample=10,this.preserveColors=!1,this.out=new c}var e=a("/TypedNeuQuant.js",b),f=a("/SimpleQuant.js",b),g=a("/LZWEncoder.js",b);c.pageSize=4096,c.charMap={};for(var h=0;256>h;h++)c.charMap[h]=String.fromCharCode(h);c.prototype.newPage=function(){this.pages[++this.page]=new Uint8Array(c.pageSize),this.cursor=0},c.prototype.getData=function(){for(var a="",b=0;b=c.pageSize&&this.newPage(),this.pages[this.page][this.cursor++]=a},c.prototype.writeUTFBytes=function(a){for(var b=a.length,c=0;b>c;c++)this.writeByte(a.charCodeAt(c))},c.prototype.writeBytes=function(a,b,c){for(var d=c||a.length,e=b||0;d>e;e++)this.writeByte(a[e])},d.prototype.setDelay=function(a){this.delay=Math.round(a/10)},d.prototype.setFrameRate=function(a){this.delay=Math.round(100/a)},d.prototype.setDispose=function(a){a>=0&&(this.dispose=a)},d.prototype.setRepeat=function(a){this.repeat=a},d.prototype.setTransparent=function(a){this.transparent=a},d.prototype.addFrame=function(a){this.image=a,this.getImagePixels(),this.analyzePixels(),this.firstFrame&&(this.writeLSD(),this.writePalette(),this.repeat>=0&&this.writeNetscapeExt()),this.writeGraphicCtrlExt(),this.writeImageDesc(),this.firstFrame||this.writePalette(),this.writePixels(),this.firstFrame=!1},d.prototype.finish=function(){this.out.writeByte(59)},d.prototype.setQuality=function(a){1>a&&(a=1),this.sample=a},d.prototype.setPreserveColors=function(a){this.preserveColors=a},d.prototype.writeHeader=function(){this.out.writeUTFBytes("GIF89a")},d.prototype.analyzePixels=function(){var a=this.pixels.length,b=a/3;this.indexedPixels=new Uint8Array(b);var c;c=this.preserveColors?new f(this.pixels,this.sample):new e(this.pixels,this.sample),c.buildColormap(),this.colorTab=c.getColormap();for(var d=0,g=0;b>g;g++){var h=c.lookupRGB(255&this.pixels[d++],255&this.pixels[d++],255&this.pixels[d++]);this.usedEntry[h]=!0,this.indexedPixels[g]=h}this.pixels=null,this.colorDepth=8,this.palSize=7,null!==this.transparent&&(this.transIndex=this.findClosest(this.transparent))},d.prototype.findClosest=function(a){if(null===this.colorTab)return-1;for(var b=(16711680&a)>>16,c=(65280&a)>>8,d=255&a,e=0,f=16777216,g=this.colorTab.length,h=0;g>h;){var i=b-(255&this.colorTab[h++]),j=c-(255&this.colorTab[h++]),k=d-(255&this.colorTab[h]),l=i*i+j*j+k*k,m=parseInt(h/3);this.usedEntry[m]&&f>l&&(f=l,e=m),h++}return e},d.prototype.getImagePixels=function(){var a=this.width,b=this.height;this.pixels=new Uint8Array(a*b*3);for(var c=this.image,d=0,e=0;b>e;e++)for(var f=0;a>f;f++){var g=e*a*4+4*f;this.pixels[d++]=c[g],this.pixels[d++]=c[g+1],this.pixels[d++]=c[g+2]}},d.prototype.writeGraphicCtrlExt=function(){this.out.writeByte(33),this.out.writeByte(249),this.out.writeByte(4);var a,b;null===this.transparent?(a=0,b=0):(a=1,b=2),this.dispose>=0&&(b=7&dispose),b<<=2,this.out.writeByte(0|b|0|a),this.writeShort(this.delay),this.out.writeByte(this.transIndex),this.out.writeByte(0)},d.prototype.writeImageDesc=function(){this.out.writeByte(44),this.writeShort(0),this.writeShort(0),this.writeShort(this.width),this.writeShort(this.height),this.out.writeByte(this.firstFrame?0:128|this.palSize)},d.prototype.writeLSD=function(){this.writeShort(this.width),this.writeShort(this.height),this.out.writeByte(240|this.palSize),this.out.writeByte(0),this.out.writeByte(0)},d.prototype.writeNetscapeExt=function(){this.out.writeByte(33),this.out.writeByte(255),this.out.writeByte(11),this.out.writeUTFBytes("NETSCAPE2.0"),this.out.writeByte(3),this.out.writeByte(1),this.writeShort(this.repeat),this.out.writeByte(0)
+},d.prototype.writePalette=function(){this.out.writeBytes(this.colorTab);for(var a=768-this.colorTab.length,b=0;a>b;b++)this.out.writeByte(0)},d.prototype.writeShort=function(a){this.out.writeByte(255&a),this.out.writeByte(a>>8&255)},d.prototype.writePixels=function(){var a=new g(this.width,this.height,this.indexedPixels,this.colorDepth);a.encode(this.out)},d.prototype.stream=function(){return this.out},b.exports=d}),a.define("/LZWEncoder.js",function(a){function b(a,b,g,h){function i(a,b){y[s++]=a,s>=254&&n(b)}function j(a){k(e),C=v+2,D=!0,q(v,a)}function k(a){for(var b=0;a>b;++b)z[b]=-1}function l(a,b){var f,g,h,i,l,m,n;for(u=a,D=!1,n_bits=u,t=o(n_bits),v=1<f;f*=2)++n;n=8-n,m=e,k(m),q(v,b);a:for(;(g=p())!=c;)if(f=(g<=0){l=m-h,0===h&&(l=1);do if((h-=l)<0&&(h+=m),z[h]===f){i=A[h];continue a}while(z[h]>=0)}q(i,b),i=g,1<C?(A[h]=C++,z[h]=f):j(b)}else i=A[h];q(i,b),q(w,b)}function m(c){c.writeByte(x),remaining=a*b,curPixel=0,l(x+1,c),c.writeByte(0)}function n(a){s>0&&(a.writeByte(s),a.writeBytes(y,0,s),s=0)}function o(a){return(1<0?r|=a<=8;)i(255&r,b),r>>=8,B-=8;if((C>t||D)&&(D?(t=o(n_bits=u),D=!1):(++n_bits,t=n_bits==d?1<0;)i(255&r,b),r>>=8,B-=8;n(b)}}var r,s,t,u,v,w,x=Math.max(2,h),y=new Uint8Array(256),z=new Int32Array(e),A=new Int32Array(e),B=0,C=0,D=!1;this.encode=m}var c=-1,d=12,e=5003,f=[0,1,3,7,15,31,63,127,255,511,1023,2047,4095,8191,16383,32767,65535];a.exports=b}),a.define("/SimpleQuant.js",function(a){function b(a,b,c){return[a,b,c].join(".")}function c(a){this.pixels=a,this.palette=[],this.paletteIndex={},this.getColormap=function(){return this.palette},this.buildColormap=function(){for(var a=this.pixels.length/3,c=0,d=0;a>d;d++){var e=this.pixels[c++],f=this.pixels[c++],g=this.pixels[c++],h=b(e,f,g);this.paletteIndex[h]||(this.palette.push(e),this.palette.push(f),this.palette.push(g),this.paletteIndex[h]=this.palette.length/3-1)}},this.lookupRGB=function(a,c,d){return this.paletteIndex[b(a,c,d)]}}a.exports=c}),a.define("/TypedNeuQuant.js",function(a){function b(a,b){function m(){H=[],I=new Int32Array(256),J=new Int32Array(d),K=new Int32Array(d),L=new Int32Array(d>>3);var a,b;for(a=0;d>a;a++)b=(a<a;a++)H[a][0]>>=f,H[a][1]>>=f,H[a][2]>>=f,H[a][3]=a}function r(a,b,c,d,e){H[b][0]-=a*(H[b][0]-c)/s,H[b][1]-=a*(H[b][1]-d)/s,H[b][2]-=a*(H[b][2]-e)/s}function t(a,b,c,e,f){for(var g,h,i=Math.abs(b-a),j=Math.min(b+a,d),k=b+1,l=b-1,m=1;j>k||l>i;)h=L[m++],j>k&&(g=H[k++],g[0]-=h*(g[0]-c)/w,g[1]-=h*(g[1]-e)/w,g[2]-=h*(g[2]-f)/w),l>i&&(g=H[l--],g[0]-=h*(g[0]-c)/w,g[1]-=h*(g[1]-e)/w,g[2]-=h*(g[2]-f)/w)}function v(a,b,c){var e,h,m,n,o,p=2147483647,q=p,r=-1,s=r;for(e=0;d>e;e++)h=H[e],m=Math.abs(h[0]-a)+Math.abs(h[1]-b)+Math.abs(h[2]-c),p>m&&(p=m,r=e),n=m-(J[e]>>g-f),q>n&&(q=n,s=e),o=K[e]>>j,K[e]-=o,J[e]+=o<a;a++){for(c=H[a],g=a,h=c[1],b=a+1;d>b;b++)f=H[b],f[1]>1,b=i+1;h>b;b++)I[b]=a;i=h,j=a}}for(I[i]=j+e>>1,b=i+1;256>b;b++)I[b]=e}function D(a,b,c){for(var e,f,g,h=1e3,i=-1,j=I[b],k=j-1;d>j||k>=0;)d>j&&(f=H[j],g=f[1]-b,g>=h?j=d:(j++,0>g&&(g=-g),e=f[0]-a,0>e&&(e=-e),g+=e,h>g&&(e=f[2]-c,0>e&&(e=-e),g+=e,h>g&&(h=g,i=f[3])))),k>=0&&(f=H[k],g=b-f[1],g>=h?k=-1:(k--,0>g&&(g=-g),e=f[0]-a,0>e&&(e=-e),g+=e,h>g&&(e=f[2]-c,0>e&&(e=-e),g+=e,h>g&&(h=g,i=f[3]))));return i}function E(){var d,e=a.length,g=30+(b-1)/3,h=e/(3*b),i=~~(h/c),j=s,k=p,l=k>>n;for(1>=l&&(l=0),d=0;l>d;d++)L[d]=j*((l*l-d*d)*u/(l*l));var m;B>e?(b=1,m=3):m=e%x!==0?3*x:e%y!==0?3*y:e%z!==0?3*z:3*A;var o,w,C,D,E=0;for(d=0;h>d;)if(o=(255&a[E])<=e&&(E-=e),d++,0===i&&(i=1),d%i===0)for(j-=j/g,k-=k/q,l=k>>n,1>=l&&(l=0),D=0;l>D;D++)L[D]=j*((l*l-D*D)*u/(l*l))}function F(){m(),E(),o(),C()}function G(){for(var a=[],b=[],c=0;d>c;c++)b[H[c][3]]=c;for(var e=0,f=0;d>f;f++){var g=b[f];a[e++]=H[g][0],a[e++]=H[g][1],a[e++]=H[g][2]}return a}var H,I,J,K,L;this.buildColormap=F,this.getColormap=G,this.lookupRGB=D}var c=100,d=256,e=d-1,f=4,g=16,h=1<>j,l=h<>3,n=6,o=1<c;++c)if(c in b&&b[c]===a)return!0;return!1}function e(a,b){function d(){this.constructor=a}for(var e in b)c(b,e)&&(a[e]=b[e]);return d.prototype=b.prototype,a.prototype=new d,a.__super__=b.prototype,a}var f,g,h,i,j;h=b("events",a).EventEmitter,f=b("/browser.coffee",a),j=function(a){function b(a){var b,c;this.running=!1,this.options={},this.frames=[],this.freeWorkers=[],this.activeWorkers=[],this.setOptions(a);for(b in g)c=g[b],null!=this.options[b]?this.options[b]:this.options[b]=c}return e(b,a),g={workerScript:window.GifWorkerURL,workers:2,repeat:0,background:"#fff",quality:10,width:null,height:null,transparent:null,preserveColors:!1},i={delay:500,copy:!1},b.prototype.setOption=function(a,b){return this.options[a]=b,null==this._canvas||"width"!==a&&"height"!==a?void 0:this._canvas[a]=b},b.prototype.setOptions=function(a){var b,d;return function(e){for(b in a)c(a,b)&&(d=a[b],e.push(this.setOption(b,d)));return e}.call(this,[])},b.prototype.addFrame=function(a,b){var c,d;null==b&&(b={}),c={},c.transparent=this.options.transparent;for(d in i)c[d]=b[d]||i[d];if(null!=this.options.width||this.setOption("width",a.width),null!=this.options.height||this.setOption("height",a.height),"undefined"!=typeof ImageData&&null!=ImageData&&a instanceof ImageData)c.data=a.data;else if("undefined"!=typeof CanvasRenderingContext2D&&null!=CanvasRenderingContext2D&&a instanceof CanvasRenderingContext2D||"undefined"!=typeof WebGLRenderingContext&&null!=WebGLRenderingContext&&a instanceof WebGLRenderingContext)b.copy?c.data=this.getContextData(a):c.context=a;else{if(null==a.childNodes)throw new Error("Invalid image");b.copy?c.data=this.getImageData(a):c.image=a}return this.frames.push(c)},b.prototype.render=function(){var a,b;if(this.running)throw new Error("Already running");if(null==this.options.width||null==this.options.height)throw new Error("Width and height must be set prior to rendering");this.running=!0,this.nextFrame=0,this.finishedFrames=0,this.imageParts=function(b){for(var c=function(){var a;a=[];for(var b=0;0<=this.frames.length?bthis.frames.length;0<=this.frames.length?++b:--b)a.push(b);return a}.apply(this,arguments),d=0,e=c.length;e>d;++d)a=c[d],b.push(null);return b}.call(this,[]),b=this.spawnWorkers();for(var c=function(){var a;a=[];for(var c=0;b>=0?b>c:c>b;b>=0?++c:--c)a.push(c);return a}.apply(this,arguments),d=0,e=c.length;e>d;++d)a=c[d],this.renderNextFrame();return this.emit("start"),this.emit("progress",0)},b.prototype.abort=function(){for(var a;;){if(a=this.activeWorkers.shift(),!(null!=a))break;console.log("killing active worker"),a.terminate()}return this.running=!1,this.emit("abort")},b.prototype.spawnWorkers=function(){var a;return a=Math.min(this.options.workers,this.frames.length),function(){var b;b=[];for(var c=this.freeWorkers.length;this.freeWorkers.length<=a?a>c:c>a;this.freeWorkers.length<=a?++c:--c)b.push(c);return b}.apply(this,arguments).forEach(function(a){return function(b){var c;return console.log("spawning worker "+b),c=new Worker(a.options.workerScript),c.onmessage=function(a){return function(b){return a.activeWorkers.splice(a.activeWorkers.indexOf(c),1),a.freeWorkers.push(c),a.frameFinished(b.data)}}(a),a.freeWorkers.push(c)}}(this)),a},b.prototype.frameFinished=function(a){return console.log("frame "+a.index+" finished - "+this.activeWorkers.length+" active"),this.finishedFrames++,this.emit("progress",this.finishedFrames/this.frames.length),this.imageParts[a.index]=a,d(null,this.imageParts)?this.renderNextFrame():this.finishRendering()},b.prototype.finishRendering=function(){var a,b,c,d,e,f,g;e=0;for(var h=0,i=this.imageParts.length;i>h;++h)b=this.imageParts[h],e+=(b.data.length-1)*b.pageSize+b.cursor;e+=b.pageSize-b.cursor,console.log("rendering finished - filesize "+Math.round(e/1e3)+"kb"),a=new Uint8Array(e),f=0;for(var j=0,k=this.imageParts.length;k>j;++j){b=this.imageParts[j];for(var l=0,m=b.data.length;m>l;++l)g=b.data[l],c=l,a.set(g,f),f+=c===b.data.length-1?b.cursor:b.pageSize}return d=new Blob([a],{type:"image/gif"}),this.emit("finished",d,a)},b.prototype.renderNextFrame=function(){var a,b,c;if(0===this.freeWorkers.length)throw new Error("No free workers");return this.nextFrame>=this.frames.length?void 0:(a=this.frames[this.nextFrame++],c=this.freeWorkers.shift(),b=this.getTask(a),console.log("starting frame "+(b.index+1)+" of "+this.frames.length),this.activeWorkers.push(c),c.postMessage(b))},b.prototype.getContextData=function(a){return a.getImageData(0,0,this.options.width,this.options.height).data},b.prototype.getImageData=function(a){var b;return null!=this._canvas||(this._canvas=document.createElement("canvas"),this._canvas.width=this.options.width,this._canvas.height=this.options.height),b=this._canvas.getContext("2d"),b.setFill=this.options.background,b.fillRect(0,0,this.options.width,this.options.height),b.drawImage(a,0,0),this.getContextData(b)},b.prototype.getTask=function(a){var b,c;if(b=this.frames.indexOf(a),c={index:b,last:b===this.frames.length-1,delay:a.delay,transparent:a.transparent,width:this.options.width,height:this.options.height,quality:this.options.quality,preserveColors:this.options.preserveColors,repeat:this.options.repeat,canTransfer:"chrome"===f.name},null!=a.data)c.data=a.data;else if(null!=a.context)c.data=this.getContextData(a.context);else{if(null==a.image)throw new Error("Invalid frame");c.data=this.getImageData(a.image)}return c},b}(h),a.exports=j}),b.define("/browser.coffee",function(a){var b,c,d,e,f;e=navigator.userAgent.toLowerCase(),d=navigator.platform.toLowerCase(),f=e.match(/(opera|ie|firefox|chrome|version)[\s\/:]([\w\d\.]+)?.*?(safari|version[\s\/:]([\w\d\.]+)|$)/)||[null,"unknown",0],c="ie"===f[1]&&document.documentMode,b={name:"version"===f[1]?f[3]:f[1],version:c||parseFloat("opera"===f[1]&&f[4]?f[4]:f[2]),platform:{name:e.match(/ip(?:ad|od|hone)/)?"ios":(e.match(/(?:webos|android)/)||d.match(/mac|win|linux/)||["other"])[0]}},b[b.name]=!0,b[b.name+parseInt(b.version,10)]=!0,b.platform[b.platform.name]=!0,a.exports=b}),b.define("events",function(a,b){c.EventEmitter||(c.EventEmitter=function(){});var d=b.EventEmitter=c.EventEmitter,e="function"==typeof Array.isArray?Array.isArray:function(a){return"[object Array]"===Object.prototype.toString.call(a)},f=10;d.prototype.setMaxListeners=function(a){this._events||(this._events={}),this._events.maxListeners=a},d.prototype.emit=function(a){if("error"===a&&(!this._events||!this._events.error||e(this._events.error)&&!this._events.error.length))throw arguments[1]instanceof Error?arguments[1]:new Error("Uncaught, unspecified 'error' event.");if(!this._events)return!1;var b=this._events[a];if(!b)return!1;if("function"!=typeof b){if(e(b)){for(var c=Array.prototype.slice.call(arguments,1),d=b.slice(),f=0,g=d.length;g>f;f++)d[f].apply(this,c);return!0}return!1}switch(arguments.length){case 1:b.call(this);break;case 2:b.call(this,arguments[1]);break;case 3:b.call(this,arguments[1],arguments[2]);break;default:var c=Array.prototype.slice.call(arguments,1);b.apply(this,c)}return!0},d.prototype.addListener=function(a,b){if("function"!=typeof b)throw new Error("addListener only takes instances of Function");if(this._events||(this._events={}),this.emit("newListener",a,b),this._events[a])if(e(this._events[a])){if(!this._events[a].warned){var c;c=void 0!==this._events.maxListeners?this._events.maxListeners:f,c&&c>0&&this._events[a].length>c&&(this._events[a].warned=!0,console.error("(node) warning: possible EventEmitter memory leak detected. %d listeners added. Use emitter.setMaxListeners() to increase limit.",this._events[a].length),console.trace())}this._events[a].push(b)}else this._events[a]=[this._events[a],b];else this._events[a]=b;return this},d.prototype.on=d.prototype.addListener,d.prototype.once=function(a,b){var c=this;return c.on(a,function d(){c.removeListener(a,d),b.apply(this,arguments)}),this},d.prototype.removeListener=function(a,b){if("function"!=typeof b)throw new Error("removeListener only takes instances of Function");if(!this._events||!this._events[a])return this;var c=this._events[a];if(e(c)){var d=c.indexOf(b);if(0>d)return this;c.splice(d,1),0==c.length&&delete this._events[a]}else this._events[a]===b&&delete this._events[a];return this},d.prototype.removeAllListeners=function(a){return a&&this._events&&this._events[a]&&(this._events[a]=null),this},d.prototype.listeners=function(a){return this._events||(this._events={}),this._events[a]||(this._events[a]=[]),e(this._events[a])||(this._events[a]=[this._events[a]]),this._events[a]}}),a.GIF=b("/gif.coffee")}.call(this,this),function(a){"use strict";var b=function(a){this.data=a,this.len=this.data.length,this.pos=0};b.prototype.readByte=function(){if(this.pos>=this.data.length)throw new Error("Attempted to read past end of stream.");return 255&this.data.charCodeAt(this.pos++)},b.prototype.readBytes=function(a){for(var b=[],c=0;a>c;c++)b.push(this.readByte());return b},b.prototype.read=function(a){for(var b="",c=0;a>c;c++)b+=String.fromCharCode(this.readByte());return b},b.prototype.readUnsigned=function(){var a=this.readBytes(2);return(a[1]<<8)+a[0]};var c=a.SuperGIF=a.SuperGIF||{};c.Stream=b}(window),function(a){"use strict";var b=function(a){return a.reduce(function(a,b){return 2*a+b},0)},c=function(a){for(var b=[],c=7;c>=0;c--)b.push(!!(a&1<=this.data.length)throw new Error("Attempted to read past end of stream.");return 255&a.charCodeAt(this.pos++)},this.readBytes=function(a){for(var b=[],c=0;a>c;c++)b.push(this.readByte());return b},this.read=function(a){for(var b="",c=0;a>c;c++)b+=String.fromCharCode(this.readByte());return b},this.readUnsigned=function(){var a=this.readBytes(2);return(a[1]<<8)+a[0]}},e=function(a,b){for(var c,d,e=0,f=function(a){for(var c=0,d=0;a>d;d++)b.charCodeAt(e>>3)&1<<(7&e)&&(c|=1<b;b++)k[b]=[b];k[h]=[],k[i]=null};;)if(d=c,c=f(j),c!==h){if(c===i)break;if(cj&&j++}else l();return g},f=function(a,d){d||(d={});var f=function(b){for(var c=[],d=0;b>d;d++)c.push(a.readBytes(3));return c},g=function(){var b,c;c="";do b=a.readByte(),c+=a.read(b);while(0!==b);return c},h=function(){var e={};if(e.sig=a.read(3),e.ver=a.read(3),"GIF"!==e.sig)throw d.onError(),new Error("Not a GIF file.");e.width=a.readUnsigned(),e.height=a.readUnsigned();var g=c(a.readByte());e.gctFlag=g.shift(),e.colorRes=b(g.splice(0,3)),e.sorted=g.shift(),e.gctSize=b(g.splice(0,3)),e.bgColor=a.readByte(),e.pixelAspectRatio=a.readByte(),e.gctFlag&&(e.gct=f(1<i;i++)for(var j=f[i];d>j;j+=g[i])e(j,h),h++;return c};h.leftPos=a.readUnsigned(),h.topPos=a.readUnsigned(),h.width=a.readUnsigned(),h.height=a.readUnsigned();var j=c(a.readByte());h.lctFlag=j.shift(),h.interlaced=j.shift(),h.sorted=j.shift(),h.reserved=j.splice(0,2),h.lctSize=b(j.splice(0,3)),h.lctFlag&&(h.lct=f(1<0&&(3===o?p.putImageData(r[n].data,0,0):n=b-1,2===o&&p.clearRect(q.leftPos,q.topPos,q.width,q.height));var d=p.getImageData(a.leftPos,a.topPos,a.width,a.height),e=d.data;a.pixels.forEach(function(a,b){a!==k&&(e[4*b+0]=c[a][0],e[4*b+1]=c[a][1],e[4*b+2]=c[a][2],e[4*b+3]=255)}),p.putImageData(d,a.leftPos,a.topPos),q=a},B={hdr:x,gce:y,img:A,eof:function(){z(),j=!1,C&&C()},onError:function(){E&&E()}},C=!1,D=!1,E=!1,F=document.createElement("canvas");return{load:function(b){if(C=b.success,D=b.step,E=b.error,j=!0,-1!==s.src.indexOf("data:")){var c=s.src.substring(s.src.indexOf(",")+1);g=new d(a.atob(c)),u()}else{var e=new XMLHttpRequest;e.overrideMimeType("text/plain; charset=x-user-defined"),e.onload=function(){g=new d(e.responseText),setTimeout(u,0)},e.onerror=function(){w("xhr")},e.open("GET",s.getAttribute("data-animated-src")||s.src,!0),e.send()}},getFrames:function(){return r}}};a.SuperGif=g}(window),!function(a){"object"==typeof exports?module.exports=a():"function"==typeof define&&define.amd?define(a):"undefined"!=typeof window?window.JSZip=a():"undefined"!=typeof global?global.JSZip=a():"undefined"!=typeof self&&(self.JSZip=a())}(function(){return function a(b,c,d){function e(g,h){if(!c[g]){if(!b[g]){var i="function"==typeof require&&require;if(!h&&i)return i(g,!0);if(f)return f(g,!0);throw new Error("Cannot find module '"+g+"'")}var j=c[g]={exports:{}};b[g][0].call(j.exports,function(a){var c=b[g][1][a];return e(c?c:a)},j,j.exports,a,b,c,d)}return c[g].exports}for(var f="function"==typeof require&&require,g=0;g>2,g=(3&b)<<4|c>>4,h=(15&c)<<2|e>>6,i=63&e,isNaN(c)?h=i=64:isNaN(e)&&(i=64),j=j+d.charAt(f)+d.charAt(g)+d.charAt(h)+d.charAt(i);return j},c.decode=function(a){var b,c,e,f,g,h,i,j="",k=0;for(a=a.replace(/[^A-Za-z0-9\+\/\=]/g,"");k>4,c=(15&g)<<4|h>>2,e=(3&h)<<6|i,j+=String.fromCharCode(b),64!=h&&(j+=String.fromCharCode(c)),64!=i&&(j+=String.fromCharCode(e));return j}},{}],2:[function(a,b){"use strict";function c(){this.compressedSize=0,this.uncompressedSize=0,this.crc32=0,this.compressionMethod=null,this.compressedContent=null}c.prototype={getContent:function(){return null},getCompressedContent:function(){return null}},b.exports=c},{}],3:[function(a,b,c){"use strict";c.STORE={magic:"\x00\x00",compress:function(a){return a},uncompress:function(a){return a},compressInputType:null,uncompressInputType:null},c.DEFLATE=a("./flate")},{"./flate":6}],4:[function(a,b){"use strict";function c(){this.data=null,this.length=0,this.index=0}var d=a("./utils");c.prototype={checkOffset:function(a){this.checkIndex(this.index+a)},checkIndex:function(a){if(this.lengtha)throw new Error("End of data reached (data length = "+this.length+", asked index = "+a+"). Corrupted zip ?")},setIndex:function(a){this.checkIndex(a),this.index=a},skip:function(a){this.setIndex(this.index+a)},byteAt:function(){},readInt:function(a){var b,c=0;for(this.checkOffset(a),b=this.index+a-1;b>=this.index;b--)c=(c<<8)+this.byteAt(b);return this.index+=a,c},readString:function(a){return d.transformTo("string",this.readData(a))},readData:function(){},lastIndexOfSignature:function(){},readDate:function(){var a=this.readInt(4);return new Date((a>>25&127)+1980,(a>>21&15)-1,a>>16&31,a>>11&31,a>>5&63,(31&a)<<1)}},b.exports=c},{"./utils":14}],5:[function(a,b,c){"use strict";c.base64=!1,c.binary=!1,c.dir=!1,c.date=null,c.compression=null},{}],6:[function(a,b,c){"use strict";var d="undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint16Array&&"undefined"!=typeof Uint32Array,e=a("zlibjs/bin/rawdeflate.min").Zlib,f=a("zlibjs/bin/rawinflate.min").Zlib;c.uncompressInputType=d?"uint8array":"array",c.compressInputType=d?"uint8array":"array",c.magic="\b\x00",c.compress=function(a){var b=new e.RawDeflate(a);return b.compress()},c.uncompress=function(a){var b=new f.RawInflate(a);return b.decompress()}},{"zlibjs/bin/rawdeflate.min":19,"zlibjs/bin/rawinflate.min":20}],7:[function(a,b){"use strict";function c(a,b){return this instanceof c?(this.files={},this.root="",a&&this.load(a,b),void(this.clone=function(){var a=new c;for(var b in this)"function"!=typeof this[b]&&(a[b]=this[b]);return a})):new c(a,b)}c.prototype=a("./object"),c.prototype.load=a("./load"),c.support=a("./support"),c.defaults=a("./defaults"),c.utils=a("./utils"),c.base64=a("./base64"),c.compressions=a("./compressions"),b.exports=c},{"./base64":1,"./compressions":3,"./defaults":5,"./load":8,"./object":9,"./support":12,"./utils":14}],8:[function(a,b){"use strict";var c=a("./base64"),d=a("./zipEntries");b.exports=function(a,b){var e,f,g,h;for(b=b||{},b.base64&&(a=c.decode(a)),f=new d(a,b),e=f.files,g=0;gc;c++)d+=String.fromCharCode(255&a),a>>>=8;return d},r=function(){var a,b,c={};for(a=0;a0?a.substring(0,b):""},v=function(a){return"/"!=a.slice(-1)&&(a+="/"),this.files[a]||t.call(this,a,null,{dir:!0}),this.files[a]},w=function(a,b){var c,d=new k;return a._data instanceof k?(d.uncompressedSize=a._data.uncompressedSize,d.crc32=a._data.crc32,0===d.uncompressedSize||a.options.dir?(b=j.STORE,d.compressedContent="",d.crc32=0):a._data.compressionMethod===b.magic?d.compressedContent=a._data.getCompressedContent():(c=a._data.getContent(),d.compressedContent=b.compress(f.transformTo(b.compressInputType,c)))):(c=n(a),(!c||0===c.length||a.options.dir)&&(b=j.STORE,c=""),d.uncompressedSize=c.length,d.crc32=this.crc32(c),d.compressedContent=b.compress(f.transformTo(b.compressInputType,c))),d.compressedSize=d.compressedContent.length,d.compressionMethod=b.magic,d},x=function(a,b,c,d){var e,f,h=(c.compressedContent,this.utf8encode(b.name)),i=h!==b.name,j=b.options,k="",l="";e=j.date.getHours(),e<<=6,e|=j.date.getMinutes(),e<<=5,e|=j.date.getSeconds()/2,f=j.date.getFullYear()-1980,f<<=4,f|=j.date.getMonth()+1,f<<=5,f|=j.date.getDate(),i&&(l=q(1,1)+q(this.crc32(h),4)+h,k+="up"+q(l.length,2)+l);var m="";m+="\n\x00",m+=i?"\x00\b":"\x00\x00",m+=c.compressionMethod,m+=q(e,2),m+=q(f,2),m+=q(c.crc32,4),m+=q(c.compressedSize,4),m+=q(c.uncompressedSize,4),m+=q(h.length,2),m+=q(k.length,2);var n=g.LOCAL_FILE_HEADER+m+h+k,o=g.CENTRAL_FILE_HEADER+"\x00"+m+"\x00\x00\x00\x00\x00\x00"+(b.options.dir===!0?"\x00\x00\x00":"\x00\x00\x00\x00")+q(d,4)+h+k;return{fileRecord:n,dirRecord:o,compressedObject:c}},y=function(){this.data=[]};y.prototype={append:function(a){a=f.transformTo("string",a),this.data.push(a)},finalize:function(){return this.data.join("")}};var z=function(a){this.data=new Uint8Array(a),this.index=0};z.prototype={append:function(a){0!==a.length&&(a=f.transformTo("uint8array",a),this.data.set(a,this.index),this.index+=a.length)},finalize:function(){return this.data}};var A={load:function(){throw new Error("Load method is not defined. Is the file jszip-load.js included ?")},filter:function(a){var b,c,d,e,f=[];for(b in this.files)this.files.hasOwnProperty(b)&&(d=this.files[b],e=new p(d.name,d._data,r(d.options)),c=b.slice(this.root.length,b.length),b.slice(0,this.root.length)===this.root&&a(c,e)&&f.push(e));return f},file:function(a,b,c){if(1===arguments.length){if(f.isRegExp(a)){var d=a;return this.filter(function(a,b){return!b.options.dir&&d.test(a)})}return this.filter(function(b,c){return!c.options.dir&&b===a})[0]||null}return a=this.root+a,t.call(this,a,b,c),this},folder:function(a){if(!a)return this;if(f.isRegExp(a))return this.filter(function(b,c){return c.options.dir&&a.test(b)});var b=this.root+a,c=v.call(this,b),d=this.clone();return d.root=c.name,d},remove:function(a){a=this.root+a;var b=this.files[a];if(b||("/"!=a.slice(-1)&&(a+="/"),b=this.files[a]),b)if(b.options.dir)for(var c=this.filter(function(b,c){return c.name.slice(0,a.length)===a}),d=0;di;i++)h=c?a[i]:a.charCodeAt(i),g=255&(b^h),e=d[g],b=b>>>8^e;return-1^b},utf8encode:function(a){if(c){var b=c.encode(a);return f.transformTo("string",b)}if(e.nodebuffer)return f.transformTo("string",l(a,"utf-8"));for(var d=[],g=0,h=0;hi?d[g++]=String.fromCharCode(i):i>127&&2048>i?(d[g++]=String.fromCharCode(i>>6|192),d[g++]=String.fromCharCode(63&i|128)):(d[g++]=String.fromCharCode(i>>12|224),d[g++]=String.fromCharCode(i>>6&63|128),d[g++]=String.fromCharCode(63&i|128))}return d.join("")},utf8decode:function(a){var b=[],c=0,g=f.getTypeOf(a),h="string"!==g,i=0,j=0,k=0,l=0;if(d)return d.decode(f.transformTo("uint8array",a));if(e.nodebuffer)return f.transformTo("nodebuffer",a).toString("utf-8");for(;ij?(b[c++]=String.fromCharCode(j),i++):j>191&&224>j?(k=h?a[i+1]:a.charCodeAt(i+1),b[c++]=String.fromCharCode((31&j)<<6|63&k),i+=2):(k=h?a[i+1]:a.charCodeAt(i+1),l=h?a[i+2]:a.charCodeAt(i+2),b[c++]=String.fromCharCode((15&j)<<12|(63&k)<<6|63&l),i+=3);return b.join("")}};b.exports=A},{"./base64":1,"./compressedObject":2,"./compressions":3,"./defaults":5,"./nodeBuffer":17,"./signature":10,"./support":12,"./utils":14}],10:[function(a,b,c){"use strict";c.LOCAL_FILE_HEADER="PK",c.CENTRAL_FILE_HEADER="PK",c.CENTRAL_DIRECTORY_END="PK",c.ZIP64_CENTRAL_DIRECTORY_LOCATOR="PK",c.ZIP64_CENTRAL_DIRECTORY_END="PK",c.DATA_DESCRIPTOR="PK\b"},{}],11:[function(a,b){"use strict";function c(a,b){this.data=a,b||(this.data=e.string2binary(this.data)),this.length=this.data.length,this.index=0}var d=a("./dataReader"),e=a("./utils");c.prototype=new d,c.prototype.byteAt=function(a){return this.data.charCodeAt(a)},c.prototype.lastIndexOfSignature=function(a){return this.data.lastIndexOf(a)},c.prototype.readData=function(a){this.checkOffset(a);var b=this.data.slice(this.index,this.index+a);return this.index+=a,b},b.exports=c},{"./dataReader":4,"./utils":14}],12:[function(a,b,c){var d=a("__browserify_process");if(c.base64=!0,c.array=!0,c.string=!0,c.arraybuffer="undefined"!=typeof ArrayBuffer&&"undefined"!=typeof Uint8Array,c.nodebuffer=!d.browser,c.uint8array="undefined"!=typeof Uint8Array,"undefined"==typeof ArrayBuffer)c.blob=!1;else{var e=new ArrayBuffer(0);try{c.blob=0===new Blob([e],{type:"application/zip"}).size}catch(f){try{var g=window.BlobBuilder||window.WebKitBlobBuilder||window.MozBlobBuilder||window.MSBlobBuilder,h=new g;h.append(e),c.blob=0===h.getBlob("application/zip").size}catch(f){c.blob=!1}}}},{__browserify_process:18}],13:[function(a,b){"use strict";function c(a){a&&(this.data=a,this.length=this.data.length,this.index=0)}var d=a("./dataReader");c.prototype=new d,c.prototype.byteAt=function(a){return this.data[a]},c.prototype.lastIndexOfSignature=function(a){for(var b=a.charCodeAt(0),c=a.charCodeAt(1),d=a.charCodeAt(2),e=a.charCodeAt(3),f=this.length-4;f>=0;--f)if(this.data[f]===b&&this.data[f+1]===c&&this.data[f+2]===d&&this.data[f+3]===e)return f;return-1},c.prototype.readData=function(a){this.checkOffset(a);var b=this.data.subarray(this.index,this.index+a);return this.index+=a,b},b.exports=c},{"./dataReader":4}],14:[function(a,b,c){"use strict";function d(a){return a}function e(a,b){for(var c=0;cg&&b>1;)try{d.push("array"===f||"nodebuffer"===f?String.fromCharCode.apply(null,a.slice(g,Math.min(g+b,e))):String.fromCharCode.apply(null,a.subarray(g,Math.min(g+b,e)))),g+=b}catch(i){b=Math.floor(b/2)}return d.join("")}function g(a,b){for(var c=0;cb?"0":"")+b.toString(16).toUpperCase();return d},c.findCompression=function(a){for(var b in i)if(i.hasOwnProperty(b)&&i[b].magic===a)return i[b];return null},c.isRegExp=function(a){return"[object RegExp]"===Object.prototype.toString.call(a)}},{"./compressions":3,"./nodeBuffer":17,"./support":12}],15:[function(a,b){"use strict";function c(a,b){this.files=[],this.loadOptions=b,a&&this.load(a)}var d=a("./stringReader"),e=a("./nodeBufferReader"),f=a("./uint8ArrayReader"),g=a("./utils"),h=a("./signature"),i=a("./zipEntry"),j=a("./support");c.prototype={checkSignature:function(a){var b=this.reader.readString(4);if(b!==a)throw new Error("Corrupted zip or bug : unexpected signature ("+g.pretty(b)+", expected "+g.pretty(a)+")")},readBlockEndOfCentral:function(){this.diskNumber=this.reader.readInt(2),this.diskWithCentralDirStart=this.reader.readInt(2),this.centralDirRecordsOnThisDisk=this.reader.readInt(2),this.centralDirRecords=this.reader.readInt(2),this.centralDirSize=this.reader.readInt(4),this.centralDirOffset=this.reader.readInt(4),this.zipCommentLength=this.reader.readInt(2),this.zipComment=this.reader.readString(this.zipCommentLength)},readBlockZip64EndOfCentral:function(){this.zip64EndOfCentralSize=this.reader.readInt(8),this.versionMadeBy=this.reader.readString(2),this.versionNeeded=this.reader.readInt(2),this.diskNumber=this.reader.readInt(4),this.diskWithCentralDirStart=this.reader.readInt(4),this.centralDirRecordsOnThisDisk=this.reader.readInt(8),this.centralDirRecords=this.reader.readInt(8),this.centralDirSize=this.reader.readInt(8),this.centralDirOffset=this.reader.readInt(8),this.zip64ExtensibleData={};for(var a,b,c,d=this.zip64EndOfCentralSize-44,e=0;d>e;)a=this.reader.readInt(2),b=this.reader.readInt(4),c=this.reader.readString(b),this.zip64ExtensibleData[a]={id:a,length:b,value:c}},readBlockZip64EndOfCentralLocator:function(){if(this.diskWithZip64CentralDirStart=this.reader.readInt(4),this.relativeOffsetEndOfZip64CentralDir=this.reader.readInt(8),this.disksCount=this.reader.readInt(4),this.disksCount>1)throw new Error("Multi-volumes zip are not supported")},readLocalFiles:function(){var a,b;for(a=0;a0)){var d=c.shift();d()}},!0),function(a){c.push(a),window.postMessage("process-tick","*")}}return function(a){setTimeout(a,0)}}(),c.title="browser",c.browser=!0,c.env={},c.argv=[],c.binding=function(){throw new Error("process.binding is not supported")},c.cwd=function(){return"/"},c.chdir=function(){throw new Error("process.chdir is not supported")}},{}],19:[function(){(function(){"use strict";function a(a,b){var c=a.split("."),d=n;!(c[0]in d)&&d.execScript&&d.execScript("var "+c[0]);for(var e;c.length&&(e=c.shift());)c.length||b===l?d=d[e]?d[e]:d[e]={}:d[e]=b}function b(a,b){if(this.index="number"==typeof b?b:0,this.d=0,this.buffer=a instanceof(o?Uint8Array:Array)?a:new(o?Uint8Array:Array)(32768),2*this.buffer.length<=this.index)throw Error("invalid index");this.buffer.length<=this.index&&c(this)}function c(a){var b,c=a.buffer,d=c.length,e=new(o?Uint8Array:Array)(d<<1);if(o)e.set(c);else for(b=0;d>b;++b)e[b]=c[b];return a.buffer=e}function d(a){this.buffer=new(o?Uint16Array:Array)(2*a),this.length=0}function e(a,b){this.e=w,this.f=0,this.input=o&&a instanceof Array?new Uint8Array(a):a,this.c=0,b&&(b.lazy&&(this.f=b.lazy),"number"==typeof b.compressionType&&(this.e=b.compressionType),b.outputBuffer&&(this.b=o&&b.outputBuffer instanceof Array?new Uint8Array(b.outputBuffer):b.outputBuffer),"number"==typeof b.outputIndex&&(this.c=b.outputIndex)),this.b||(this.b=new(o?Uint8Array:Array)(32768))}function f(a,b){this.length=a,this.g=b}function g(a,b){function c(a,b){var c,d=a.g,e=[],f=0;c=z[a.length],e[f++]=65535&c,e[f++]=c>>16&255,e[f++]=c>>24;var g;switch(m){case 1===d:g=[0,d-1,0];break;case 2===d:g=[1,d-2,0];break;case 3===d:g=[2,d-3,0];break;case 4===d:g=[3,d-4,0];break;case 6>=d:g=[4,d-5,1];break;case 8>=d:g=[5,d-7,1];break;case 12>=d:g=[6,d-9,2];break;case 16>=d:g=[7,d-13,2];break;case 24>=d:g=[8,d-17,3];break;case 32>=d:g=[9,d-25,3];break;case 48>=d:g=[10,d-33,4];break;case 64>=d:g=[11,d-49,4];break;case 96>=d:g=[12,d-65,5];break;case 128>=d:g=[13,d-97,5];break;case 192>=d:g=[14,d-129,6];break;case 256>=d:g=[15,d-193,6];break;case 384>=d:g=[16,d-257,7];break;case 512>=d:g=[17,d-385,7];break;case 768>=d:g=[18,d-513,8];break;case 1024>=d:g=[19,d-769,8];break;case 1536>=d:g=[20,d-1025,9];break;case 2048>=d:g=[21,d-1537,9];break;case 3072>=d:g=[22,d-2049,10];break;case 4096>=d:g=[23,d-3073,10];break;case 6144>=d:g=[24,d-4097,11];break;case 8192>=d:g=[25,d-6145,11];break;case 12288>=d:g=[26,d-8193,12];break;case 16384>=d:g=[27,d-12289,12];break;case 24576>=d:g=[28,d-16385,13];break;case 32768>=d:g=[29,d-24577,13];break;default:throw"invalid distance"}c=g,e[f++]=c[0],e[f++]=c[1],e[f++]=c[2];var h,i;for(h=0,i=e.length;i>h;++h)r[s++]=e[h];u[e[0]]++,v[e[3]]++,t=a.length+b-1,n=null}var d,e,f,g,i,j,k,n,p,q={},r=o?new Uint16Array(2*b.length):[],s=0,t=0,u=new(o?Uint32Array:Array)(286),v=new(o?Uint32Array:Array)(30),w=a.f;if(!o){for(f=0;285>=f;)u[f++]=0;for(f=0;29>=f;)v[f++]=0}for(u[256]=1,d=0,e=b.length;e>d;++d){for(f=i=0,g=3;g>f&&d+f!==e;++f)i=i<<8|b[d+f];if(q[i]===l&&(q[i]=[]),j=q[i],!(0=e){for(n&&c(n,-1),f=0,g=e-d;g>f;++f)p=b[d+f],r[s++]=p,++u[p];break}0h;h++){if(d=c[j-h-1],g=3,k>3){for(i=k;i>3;i--)if(a[d+i-1]!==a[b+i-1])continue a;g=k}for(;258>g&&l>b+g&&a[d+g]===a[b+g];)++g;if(g>k&&(e=d,k=g),258===g)break}return new f(k,b-e)}function i(a,b){var c,e,f,g,h,i=a.length,k=new d(572),l=new(o?Uint8Array:Array)(i);if(!o)for(g=0;i>g;g++)l[g]=0;for(g=0;i>g;++g)0g;++g)c[g]=k.pop(),e[g]=c[g].value;for(f=j(e,e.length,b),g=0,h=c.length;h>g;++g)l[c[g].index]=f[g];return l}function j(a,b,c){function d(a){var c=n[a][p[a]];c===b?(d(a+1),d(a+1)):--l[c],++p[a]}var e,f,g,h,i,j=new(o?Uint16Array:Array)(c),k=new(o?Uint8Array:Array)(c),l=new(o?Uint8Array:Array)(b),m=Array(c),n=Array(c),p=Array(c),q=(1<f;++f)r>q?k[f]=0:(k[f]=1,q-=r),q<<=1,j[c-2-f]=(j[c-1-f]/2|0)+b;for(j[0]=k[0],m[0]=Array(j[0]),n[0]=Array(j[0]),f=1;c>f;++f)j[f]>2*j[f-1]+k[f]&&(j[f]=2*j[f-1]+k[f]),m[f]=Array(j[f]),n[f]=Array(j[f]);for(e=0;b>e;++e)l[e]=c;for(g=0;ge;++e)p[e]=0;for(1===k[c-1]&&(--l[0],++p[c-1]),f=c-2;f>=0;--f){for(h=e=0,i=p[f+1],g=0;ga[e]?(m[f][g]=h,n[f][g]=b,i+=2):(m[f][g]=a[e],n[f][g]=e,++e);p[f]=0,1===k[f]&&d(f)}return l}function k(a){var b,c,d,e,f=new(o?Uint16Array:Array)(a.length),g=[],h=[],i=0;for(b=0,c=a.length;c>b;b++)g[a[b]]=(0|g[a[b]])+1;for(b=1,c=16;c>=b;b++)h[b]=i,i+=0|g[b],i<<=1;for(b=0,c=a.length;c>b;b++)for(i=h[a[b]],h[a[b]]+=1,d=f[b]=0,e=a[b];e>d;d++)f[b]=f[b]<<1|1&i,i>>>=1;return f}var l=void 0,m=!0,n=this,o="undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint16Array&&"undefined"!=typeof Uint32Array&&"undefined"!=typeof DataView;b.prototype.a=function(a,b,d){var e,f=this.buffer,g=this.index,h=this.d,i=f[g];if(d&&b>1&&(a=b>8?(u[255&a]<<24|u[a>>>8&255]<<16|u[a>>>16&255]<<8|u[a>>>24&255])>>32-b:u[a]>>8-b),8>b+h)i=i<e;++e)i=i<<1|a>>b-e-1&1,8===++h&&(h=0,f[g++]=u[i],i=0,g===f.length&&(f=c(this)));f[g]=i,this.buffer=f,this.d=h,this.index=g},b.prototype.finish=function(){var a,b=this.buffer,c=this.index;return 0p;++p){for(var r=p,s=r,t=7,r=r>>>1;r;r>>>=1)s<<=1,s|=1&r,--t;q[p]=(s<>>0}var u=q;d.prototype.getParent=function(a){return 2*((a-2)/4|0)},d.prototype.push=function(a,b){var c,d,e,f=this.buffer;for(c=this.length,f[this.length++]=b,f[this.length++]=a;c>0&&(d=this.getParent(c),f[c]>f[d]);)e=f[c],f[c]=f[d],f[d]=e,e=f[c+1],f[c+1]=f[d+1],f[d+1]=e,c=d;return this.length},d.prototype.pop=function(){var a,b,c,d,e,f=this.buffer;for(b=f[0],a=f[1],this.length-=2,f[0]=f[this.length],f[1]=f[this.length+1],e=0;d=2*e+2,!(d>=this.length)&&(d+2f[d]&&(d+=2),f[d]>f[e]);)c=f[e],f[e]=f[d],f[d]=c,c=f[e+1],f[e+1]=f[d+1],f[d+1]=c,e=d;return{index:a,value:b,length:this.length}};var v,w=2,x=[];for(v=0;288>v;v++)switch(m){case 143>=v:x.push([v+48,8]);break;case 255>=v:x.push([v-144+400,9]);break;case 279>=v:x.push([v-256+0,7]);break;case 287>=v:x.push([v-280+192,8]);break;default:throw"invalid literal: "+v}e.prototype.h=function(){var a,c,d,e,f=this.input;switch(this.e){case 0:for(d=0,e=f.length;e>d;){c=o?f.subarray(d,d+65535):f.slice(d,d+65535),d+=c.length;var h=c,j=d===e,n=l,p=l,q=l,r=l,s=l,t=this.b,u=this.c;if(o){for(t=new Uint8Array(this.b.buffer);t.length<=u+h.length+5;)t=new Uint8Array(t.length<<1);t.set(this.b)}if(n=j?1:0,t[u++]=0|n,p=h.length,q=~p+65536&65535,t[u++]=255&p,t[u++]=p>>>8&255,t[u++]=255&q,t[u++]=q>>>8&255,o)t.set(h,u),u+=h.length,t=t.subarray(0,u);else{for(r=0,s=h.length;s>r;++r)t[u++]=h[r];t.length=u}this.c=u,this.b=t}break;case 1:var v=new b(o?new Uint8Array(this.b.buffer):this.b,this.c);v.a(1,1,m),v.a(1,2,m);var y,z,A,B=g(this,f);for(y=0,z=B.length;z>y;y++)if(A=B[y],b.prototype.a.apply(v,x[A]),A>256)v.a(B[++y],B[++y],m),v.a(B[++y],5),v.a(B[++y],B[++y],m);else if(256===A)break;this.b=v.finish(),this.c=this.b.length;break;case w:var C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R=new b(o?new Uint8Array(this.b.buffer):this.b,this.c),S=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],T=Array(19);for(C=w,R.a(1,1,m),R.a(C,2,m),D=g(this,f),H=i(this.j,15),I=k(H),J=i(this.i,7),K=k(J),E=286;E>257&&0===H[E-1];E--);for(F=30;F>1&&0===J[F-1];F--);var U,V,W,X,Y,Z,$=E,_=F,ab=new(o?Uint32Array:Array)($+_),bb=new(o?Uint32Array:Array)(316),cb=new(o?Uint8Array:Array)(19);for(U=V=0;$>U;U++)ab[V++]=H[U];for(U=0;_>U;U++)ab[V++]=J[U];if(!o)for(U=0,X=cb.length;X>U;++U)cb[U]=0;for(U=Y=0,X=ab.length;X>U;U+=V){for(V=1;X>U+V&&ab[U+V]===ab[U];++V);if(W=V,0===ab[U])if(3>W)for(;00;)Z=138>W?W:138,Z>W-3&&W>Z&&(Z=W-3),10>=Z?(bb[Y++]=17,bb[Y++]=Z-3,cb[17]++):(bb[Y++]=18,bb[Y++]=Z-11,cb[18]++),W-=Z;else if(bb[Y++]=ab[U],cb[ab[U]]++,W--,3>W)for(;00;)Z=6>W?W:6,Z>W-3&&W>Z&&(Z=W-3),bb[Y++]=16,bb[Y++]=Z-3,cb[16]++,W-=Z}for(a=o?bb.subarray(0,Y):bb.slice(0,Y),L=i(cb,7),P=0;19>P;P++)T[P]=L[S[P]];for(G=19;G>4&&0===T[G-1];G--);for(M=k(L),R.a(E-257,5,m),R.a(F-1,5,m),R.a(G-4,4,m),P=0;G>P;P++)R.a(T[P],3,m);for(P=0,Q=a.length;Q>P;P++)if(N=a[P],R.a(M[N],L[N],m),N>=16){switch(P++,N){case 16:O=2;break;case 17:O=3;break;case 18:O=7;break;default:throw"invalid code: "+N}R.a(a[P],O,m)}var db,eb,fb,gb,hb,ib,jb,kb,lb=[I,H],mb=[K,J];for(hb=lb[0],ib=lb[1],jb=mb[0],kb=mb[1],db=0,eb=D.length;eb>db;++db)if(fb=D[db],R.a(hb[fb],ib[fb],m),fb>256)R.a(D[++db],D[++db],m),gb=D[++db],R.a(jb[gb],kb[gb],m),R.a(D[++db],D[++db],m);else if(256===fb)break;this.b=R.finish(),this.c=this.b.length;break;default:throw"invalid compression type"}return this.b};var y=function(){function a(a){switch(m){case 3===a:return[257,a-3,0];case 4===a:return[258,a-4,0];case 5===a:return[259,a-5,0];case 6===a:return[260,a-6,0];case 7===a:return[261,a-7,0];case 8===a:return[262,a-8,0];case 9===a:return[263,a-9,0];case 10===a:return[264,a-10,0];case 12>=a:return[265,a-11,1];case 14>=a:return[266,a-13,1];case 16>=a:return[267,a-15,1];case 18>=a:return[268,a-17,1];case 22>=a:return[269,a-19,2];case 26>=a:return[270,a-23,2];case 30>=a:return[271,a-27,2];case 34>=a:return[272,a-31,2];case 42>=a:return[273,a-35,3];case 50>=a:return[274,a-43,3];case 58>=a:return[275,a-51,3];case 66>=a:return[276,a-59,3];case 82>=a:return[277,a-67,4];case 98>=a:return[278,a-83,4];case 114>=a:return[279,a-99,4];case 130>=a:return[280,a-115,4];case 162>=a:return[281,a-131,5];case 194>=a:return[282,a-163,5];case 226>=a:return[283,a-195,5];case 257>=a:return[284,a-227,5];case 258===a:return[285,a-258,0];default:throw"invalid length: "+a}}var b,c,d=[];for(b=3;258>=b;b++)c=a(b),d[b]=c[2]<<24|c[1]<<16|c[0];return d}(),z=o?new Uint32Array(y):y;a("Zlib.RawDeflate",e),a("Zlib.RawDeflate.prototype.compress",e.prototype.h);var A,B,C,D,E={NONE:0,FIXED:1,DYNAMIC:w};if(Object.keys)A=Object.keys(E);else for(B in A=[],C=0,E)A[C++]=B;for(C=0,D=A.length;D>C;++C)B=A[C],a("Zlib.RawDeflate.CompressionType."+B,E[B])}).call(this)},{}],20:[function(){(function(){"use strict";function a(a,b){var c=a.split("."),d=g;!(c[0]in d)&&d.execScript&&d.execScript("var "+c[0]);for(var e;c.length&&(e=c.shift());)c.length||void 0===b?d=d[e]?d[e]:d[e]={}:d[e]=b}function b(a){var b,c,d,e,f,g,i,j,k,l,m=a.length,n=0,o=Number.POSITIVE_INFINITY;for(j=0;m>j;++j)a[j]>n&&(n=a[j]),a[j]=d;){for(j=0;m>j;++j)if(a[j]===d){for(g=0,i=e,k=0;d>k;++k)g=g<<1|1&i,i>>=1;for(l=d<<16|j,k=g;b>k;k+=f)c[k]=l;++e}++d,e<<=1,f<<=1}return[c,n,o]}function c(a,b){switch(this.g=[],this.h=32768,this.c=this.f=this.d=this.k=0,this.input=h?new Uint8Array(a):a,this.l=!1,this.i=j,this.q=!1,(b||!(b={}))&&(b.index&&(this.d=b.index),b.bufferSize&&(this.h=b.bufferSize),b.bufferType&&(this.i=b.bufferType),b.resize&&(this.q=b.resize)),this.i){case i:this.a=32768,this.b=new(h?Uint8Array:Array)(32768+this.h+258);break;case j:this.a=0,this.b=new(h?Uint8Array:Array)(this.h),this.e=this.v,this.m=this.s,this.j=this.t;break;default:throw Error("invalid inflate mode")}}function d(a,b){for(var c,d=a.f,e=a.c,f=a.input,g=a.d,h=f.length;b>e;){if(g>=h)throw Error("input buffer is broken");d|=f[g++]<>>b,a.c=e-b,a.d=g,c}function e(a,b){for(var c,d,e=a.f,f=a.c,g=a.input,h=a.d,i=g.length,j=b[0],k=b[1];k>f&&!(h>=i);)e|=g[h++]<>>16,a.f=e>>d,a.c=f-d,a.d=h,65535&c}function f(a){function c(a,b,c){var f,g,h,i=this.p;for(h=0;a>h;)switch(f=e(this,b)){case 16:for(g=3+d(this,2);g--;)c[h++]=i;break;case 17:for(g=3+d(this,3);g--;)c[h++]=0;i=0;break;case 18:for(g=11+d(this,7);g--;)c[h++]=0;i=0;break;default:i=c[h++]=f}return this.p=i,c}var f,g,i,j,k=d(a,5)+257,l=d(a,5)+1,m=d(a,4)+4,o=new(h?Uint8Array:Array)(n.length);for(j=0;m>j;++j)o[n[j]]=d(a,3);if(!h)for(j=m,m=o.length;m>j;++j)o[n[j]]=0;f=b(o),g=new(h?Uint8Array:Array)(k),i=new(h?Uint8Array:Array)(l),a.p=0,a.j(b(c.call(a,k,f,g)),b(c.call(a,l,f,i)))}var g=this,h="undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint16Array&&"undefined"!=typeof Uint32Array&&"undefined"!=typeof DataView,i=0,j=1;c.prototype.u=function(){for(;!this.l;){var a=d(this,3);switch(1&a&&(this.l=!0),a>>>=1){case 0:var b=this.input,c=this.d,e=this.b,g=this.a,k=b.length,l=void 0,m=void 0,n=e.length,o=void 0;if(this.c=this.f=0,c+1>=k)throw Error("invalid uncompressed block header: LEN");if(l=b[c++]|b[c++]<<8,c+1>=k)throw Error("invalid uncompressed block header: NLEN");if(m=b[c++]|b[c++]<<8,l===~m)throw Error("invalid uncompressed block header: length verify");if(c+l>b.length)throw Error("input buffer is broken");switch(this.i){case i:for(;g+l>e.length;){if(o=n-g,l-=o,h)e.set(b.subarray(c,c+o),g),g+=o,c+=o;else for(;o--;)e[g++]=b[c++];this.a=g,e=this.e(),g=this.a}break;case j:for(;g+l>e.length;)e=this.e({o:2});break;default:throw Error("invalid inflate mode")}if(h)e.set(b.subarray(c,c+l),g),g+=l,c+=l;else for(;l--;)e[g++]=b[c++];this.d=c,this.a=g,this.b=e;break;case 1:this.j(z,B);break;case 2:f(this);break;default:throw Error("unknown BTYPE: "+a)}}return this.m()};var k,l,m=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],n=h?new Uint16Array(m):m,o=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,258,258],p=h?new Uint16Array(o):o,q=[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0],r=h?new Uint8Array(q):q,s=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577],t=h?new Uint16Array(s):s,u=[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13],v=h?new Uint8Array(u):u,w=new(h?Uint8Array:Array)(288);for(k=0,l=w.length;l>k;++k)w[k]=143>=k?8:255>=k?9:279>=k?7:8;var x,y,z=b(w),A=new(h?Uint8Array:Array)(30);for(x=0,y=A.length;y>x;++x)A[x]=5;var B=b(A);c.prototype.j=function(a,b){var c=this.b,f=this.a;this.n=a;for(var g,h,i,j,k=c.length-258;256!==(g=e(this,a));)if(256>g)f>=k&&(this.a=f,c=this.e(),f=this.a),c[f++]=g;else for(h=g-257,j=p[h],0=k&&(this.a=f,c=this.e(),f=this.a);j--;)c[f]=c[f++-i];for(;8<=this.c;)this.c-=8,this.d--;this.a=f},c.prototype.t=function(a,b){var c=this.b,f=this.a;this.n=a;for(var g,h,i,j,k=c.length;256!==(g=e(this,a));)if(256>g)f>=k&&(c=this.e(),k=c.length),c[f++]=g;else for(h=g-257,j=p[h],0k&&(c=this.e(),k=c.length);j--;)c[f]=c[f++-i];for(;8<=this.c;)this.c-=8,this.d--;this.a=f},c.prototype.e=function(){var a,b,c=new(h?Uint8Array:Array)(this.a-32768),d=this.a-32768,e=this.b;if(h)c.set(e.subarray(32768,c.length));else for(a=0,b=c.length;b>a;++a)c[a]=e[a+32768];if(this.g.push(c),this.k+=c.length,h)e.set(e.subarray(d,d+32768));else for(a=0;32768>a;++a)e[a]=e[d+a];return this.a=32768,e},c.prototype.v=function(a){var b,c,d,e,f=this.input.length/this.d+1|0,g=this.input,i=this.b;return a&&("number"==typeof a.o&&(f=a.o),"number"==typeof a.r&&(f+=a.r)),2>f?(c=(g.length-this.d)/this.n[2],e=258*(c/2)|0,d=eb;++b)for(a=i[b],d=0,e=a.length;e>d;++d)j[f++]=a[d];for(b=32768,c=this.a;c>b;++b)j[f++]=g[b];return this.g=[],this.buffer=j},c.prototype.s=function(){var a,b=this.a;return h?this.q?(a=new Uint8Array(b),a.set(this.b.subarray(0,b))):a=this.b.subarray(0,b):(this.b.length>b&&(this.b.length=b),a=this.b),this.buffer=a},a("Zlib.RawInflate",c),a("Zlib.RawInflate.prototype.decompress",c.prototype.u);var C,D,E,F,G={ADAPTIVE:j,BLOCK:i};if(Object.keys)C=Object.keys(G);else for(D in C=[],E=0,G)C[E++]=D;for(E=0,F=C.length;F>E;++E)D=C[E],a("Zlib.RawInflate.BufferType."+D,G[D])}).call(this)},{}]},{},[7])(7)}),function(a,b,c){function d(a,b,c){for(var d=[],e=0;e"+d.join("")+"
"}function e(){for(var a=0;a1&&(delete a.localStorage[W],b.each(e,function(a,b){t(b)}))}catch(f){}try{nb=a.localStorage[W].split(";")}catch(f){}}Kb.bind("click.spectrum touchstart.spectrum",function(a){tb||B(),a.stopPropagation(),b(a.target).is("input")||a.preventDefault()}),(sb.is(":disabled")||T.disabled===!0)&&S(),ub.click(j),Cb.change(A),Cb.bind("paste",function(){setTimeout(A,1)}),Cb.keydown(function(a){13==a.keyCode&&A()}),Fb.text(T.cancelText),Fb.bind("click.spectrum",function(a){a.stopPropagation(),a.preventDefault(),F("cancel")}),Gb.text(T.chooseText),Gb.bind("click.spectrum",function(a){a.stopPropagation(),a.preventDefault(),J()&&(N(!0),F())}),l(Ab,function(a,b,c){kb=a/eb,c.shiftKey&&(kb=Math.round(10*kb)/10),K()}),l(xb,function(a,b){hb=parseFloat(b/cb),K()},y,z),l(vb,function(a,b,c){if(c.shiftKey){if(!qb){var d=ib*_,e=ab-jb*ab,f=Math.abs(a-d)>Math.abs(b-e);qb=f?"x":"y"}}else qb=null;var g=!qb||"x"===qb,h=!qb||"y"===qb;g&&(ib=parseFloat(a/_)),h&&(jb=parseFloat((ab-b)/ab)),K()},y,z),Mb?(H(Mb),L(),Pb=Ob||u(Mb).format,t(Mb)):L(),U&&C();var g=p?"mousedown.spectrum":"click.spectrum touchstart.spectrum";Db.delegate(".sp-thumb-el",g,c),Eb.delegate(".sp-thumb-el:nth-child(1)",g,{ignore:!0},c)}function t(c){if(V){var d=u(c).toRgbString();if(-1===b.inArray(d,nb))for(nb.push(d);nb.length>ob;)nb.shift();if(W&&a.localStorage)try{a.localStorage[W]=nb.join(";")}catch(e){}}}function v(){var a,b=[],c=nb,d={};if(T.showPalette){for(var e=0;e=ab||0>=_||0>=cb)&&O(),ub.addClass(pb),qb=null}function z(){ub.removeClass(pb)}function A(){var a=u(Cb.val());a.ok?H(a):Cb.addClass("sp-validation-error")}function B(){$?F():C()}function C(){var c=b.Event("beforeShow.spectrum");return $?void O():(Nb=I(),sb.trigger(c,[Nb]),void(Y.beforeShow(Nb)===!1||c.isDefaultPrevented()||(H(Nb),e(),$=!0,b(rb).bind("mousedown.spectrum",D),U||b(rb).bind("mouseup.spectrum",E),b(a).bind("resize.spectrum",Z),Jb.addClass("sp-active"),ub.removeClass("sp-hidden"),T.showPalette&&w(),O(),L(),x(),Y.show(Nb),sb.trigger("show.spectrum",[Nb]))))}function D(a){var c=b(a.target),d=c.parents(),e=!d.is(ub)&&!c.is(ub);e&&F(a)}function E(a){var b=!u.equals(I(),Nb);b&&(Qb&&"cancel"!==a?N(!0):G())}function F(c){c&&"click"==c.type&&2==c.button||$&&!U&&($=!1,b(rb).unbind("mousedown.spectrum",D),b(rb).unbind("mouseup.spectrum",E),b(a).unbind("resize.spectrum",Z),Jb.removeClass("sp-active"),ub.addClass("sp-hidden"),E(c),t(I()),Y.hide(I()),sb.trigger("hide.spectrum",[I()]))}function G(){H(Nb,!0)}function H(a,b){if(!u.equals(a,I())){var c=u(a),d=c.toHsv();hb=d.h%360/360,ib=d.s,jb=d.v,kb=d.a,L(),c.ok&&!b&&(Pb=Ob||c.format)}}function I(a){return a=a||{},u.fromRatio({h:hb,s:ib,v:jb,a:Math.round(100*kb)/100},{format:a.format||Pb})}function J(){return!Cb.hasClass("sp-validation-error")}function K(){L(),Y.move(I()),sb.trigger("move.spectrum",[I()])}function L(){Cb.removeClass("sp-validation-error"),M();var a=u.fromRatio({h:hb,s:1,v:1});vb.css("background-color",a.toHexString());var b=Pb;1>kb&&("hex"===b||"hex3"===b||"hex6"===b||"name"===b)&&(b="rgb");var c=I({format:b}),d=c.toHexString(),e=c.toRgbString();if(q||1===c.alpha?Lb.css("background-color",e):(Lb.css("background-color","transparent"),Lb.css("filter",c.toFilter())),T.showAlpha){var f=c.toRgb();f.a=0;var g=u(f).toRgbString(),h="linear-gradient(left, "+g+", "+d+")";p?zb.css("filter",u(g).toFilter({gradientType:1},d)):(zb.css("background","-webkit-"+h),zb.css("background","-moz-"+h),zb.css("background","-ms-"+h),zb.css("background",h))}T.showInput&&Cb.val(c.toString(b)),T.showPalette&&w(),x()}function M(){var a=ib,b=jb,c=a*_,d=ab-b*ab;c=Math.max(-bb/2,Math.min(_-bb/2,c-bb/2)),d=Math.max(-bb/2,Math.min(ab-bb/2,d-bb/2)),wb.css({top:d,left:c});var e=kb*eb;Bb.css({left:e-fb/2});var f=hb*cb;yb.css({top:f-gb/2})}function N(a){var b=I();Hb&&sb.val(b.toString(Pb));var c=!u.equals(b,Nb);Nb=b,a&&c&&(Y.change(b),sb.trigger("change",[b]))}function O(){_=vb.width(),ab=vb.height(),bb=wb.height()+4,db=xb.width(),cb=xb.height(),gb=yb.height()+4,eb=Ab.width(),fb=Bb.width(),U||(ub.css("position","absolute"),ub.offset(h(ub,Kb))),M()}function P(){sb.show(),Kb.unbind("click.spectrum touchstart.spectrum"),ub.remove(),Jb.remove(),o[Rb.id]=null}function Q(a,d){return a===c?b.extend({},T):d===c?T[a]:(T[a]=d,void k())}function R(){tb=!1,sb.attr("disabled",!1),Kb.removeClass("sp-disabled")}function S(){F(),tb=!0,sb.attr("disabled",!0),Kb.addClass("sp-disabled")}var T=f(i,g),U=T.flat,V=T.showSelectionPalette,W=T.localStorageKey,X=T.theme,Y=T.callbacks,Z=m(O,10),$=!1,_=0,ab=0,bb=0,cb=0,db=0,eb=0,fb=0,gb=0,hb=0,ib=0,jb=0,kb=1,lb=T.palette.slice(0),mb=b.isArray(lb[0])?lb:[lb],nb=T.selectionPalette.slice(0),ob=T.maxSelectionSize,pb="sp-dragging",qb=null,rb=g.ownerDocument,sb=(rb.body,b(g)),tb=!1,ub=b(s,rb).addClass(X),vb=ub.find(".sp-color"),wb=ub.find(".sp-dragger"),xb=ub.find(".sp-hue"),yb=ub.find(".sp-slider"),zb=ub.find(".sp-alpha-inner"),Ab=ub.find(".sp-alpha"),Bb=ub.find(".sp-alpha-handle"),Cb=ub.find(".sp-input"),Db=ub.find(".sp-palette"),Eb=ub.find(".sp-initial"),Fb=ub.find(".sp-cancel"),Gb=ub.find(".sp-choose"),Hb=sb.is("input"),Ib=Hb&&!U,Jb=Ib?b(r).addClass(X).addClass(T.className):b([]),Kb=Ib?Jb:sb,Lb=Jb.find(".sp-preview-inner"),Mb=T.color||Hb&&sb.val(),Nb=!1,Ob=T.preferredFormat,Pb=Ob,Qb=!T.showButtons||T.clickoutFiresChange;n();var Rb={show:C,hide:F,toggle:B,reflow:O,option:Q,enable:R,disable:S,set:function(a){H(a),N()},get:I,destroy:P,container:ub};return Rb.id=o.push(Rb)-1,Rb}function h(a,c){var d=0,e=a.outerWidth(),f=a.outerHeight(),g=c.outerHeight(),h=a[0].ownerDocument,i=h.documentElement,j=i.clientWidth+b(h).scrollLeft(),k=i.clientHeight+b(h).scrollTop(),l=c.offset();return l.top+=g,Math.min(l.left,l.left+e>j&&j>e)?(l.left-=Math.abs(l.left+e-j),a.attr("data-x-position","right")):(l.left-=0,a.attr("data-x-position","left")),Math.min(l.top,l.top+f>k&&k>f)?(l.top-=Math.abs(f+g-d),a.attr("data-y-position","top")):(l.top-=d,a.attr("data-y-position","bottom")),l}function i(){}function j(a){a.stopPropagation()}function k(a,b){var c=Array.prototype.slice,d=c.call(arguments,2);return function(){return a.apply(b,d.concat(c.call(arguments)))}}function l(c,d,e,f){function g(a){a.stopPropagation&&a.stopPropagation(),a.preventDefault&&a.preventDefault(),a.returnValue=!1}function h(a){if(l){if(p&&document.documentMode<9&&!a.button)return j();var b=a.originalEvent.touches,e=b?b[0].pageX:a.pageX,f=b?b[0].pageY:a.pageY,h=Math.max(0,Math.min(e-m.left,o)),i=Math.max(0,Math.min(f-m.top,n));q&&g(a),d.apply(c,[h,i,a])}}function i(a){{var d=a.which?3==a.which:2==a.button;a.originalEvent.touches}d||l||e.apply(c,arguments)!==!1&&(l=!0,n=b(c).height(),o=b(c).width(),m=b(c).offset(),b(k).bind(r),b(k.body).addClass("sp-dragging"),q||h(a),g(a))}function j(){l&&(b(k).unbind(r),b(k.body).removeClass("sp-dragging"),f.apply(c,arguments)),l=!1}d=d||function(){},e=e||function(){},f=f||function(){};var k=c.ownerDocument||document,l=!1,m={},n=0,o=0,q="ontouchstart"in a,r={};r.selectstart=g,r.dragstart=g,r["touchmove mousemove"]=h,r["touchend mouseup"]=j,b(c).bind("touchstart mousedown",i)}function m(a,b,c){var d;return function(){var e=this,f=arguments,g=function(){d=null,a.apply(e,f)};c&&clearTimeout(d),(c||!d)&&(d=setTimeout(g,b))}}var n={beforeShow:i,move:i,change:i,show:i,hide:i,color:!1,flat:!1,showInput:!1,showButtons:!0,clickoutFiresChange:!1,showInitial:!1,showPalette:!1,showPaletteOnly:!1,showSelectionPalette:!0,localStorageKey:!1,appendTo:"body",maxSelectionSize:7,cancelText:"cancel",chooseText:"choose",preferredFormat:!1,className:"",showAlpha:!1,theme:"sp-light",palette:["fff","000"],selectionPalette:[],disabled:!1},o=[],p=!!/msie/i.exec(a.navigator.userAgent),q=function(){function a(a,b){return!!~(""+a).indexOf(b)}var b=document.createElement("div"),c=b.style;return c.cssText="background-color:rgba(0,0,0,.5)",a(c.backgroundColor,"rgba")||a(c.backgroundColor,"hsla")}(),r=[""].join(""),s=function(){var a="";if(p)for(var b=1;6>=b;b++)a+="
";return[""].join("")}(),t="spectrum.id";b.fn.spectrum=function(a){if("string"==typeof a){var c=this,d=Array.prototype.slice.call(arguments,1);return this.each(function(){var e=o[b(this).data(t)];if(e){var f=e[a];if(!f)throw new Error("Spectrum: no such method: '"+a+"'");"get"==a?c=e.get():"container"==a?c=e.container:"option"==a?c=e.option.apply(e,d):"destroy"==a?(e.destroy(),b(this).removeData(t)):f.apply(e,d)}}),c}return this.spectrum("destroy").each(function(){var c=g(this,a);b(this).data(t,c.id)})},b.fn.spectrum.load=!0,b.fn.spectrum.loadOpts={},b.fn.spectrum.draggable=l,b.fn.spectrum.defaults=n,b.spectrum={},b.spectrum.localization={},b.spectrum.palettes={},b.fn.spectrum.processNativeColorInputs=function(){var a=b("125&&h.color>500,j=3*(h.brightness/125)+h.color/500;(i&&!f||i&&f&&j>e||!i&&!f&&j>e)&&(f=i,e=j,d=b(c[g]))}return d};var B=b.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},C=b.hexNames=j(B),D=function(){var a="[-\\+]?\\d+%?",b="[-\\+]?\\d*\\.\\d+%?",c="(?:"+b+")|(?:"+a+")",d="[\\s|\\(]+("+c+")[,|\\s]+("+c+")[,|\\s]+("+c+")\\s*\\)?",e="[\\s|\\(]+("+c+")[,|\\s]+("+c+")[,|\\s]+("+c+")[,|\\s]+("+c+")\\s*\\)?";return{rgb:new RegExp("rgb"+d),rgba:new RegExp("rgba"+e),hsl:new RegExp("hsl"+d),hsla:new RegExp("hsla"+e),hsv:new RegExp("hsv"+d),hex3:/^([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();a.tinycolor=b}();var u=a.tinycolor;b(function(){b.fn.spectrum.load&&b.fn.spectrum.processNativeColorInputs()})}(window,jQuery),function(){var a=$.namespace("pskl.rendering");a.DrawingLoop=function(){this.requestAnimationFrame=this.getRequestAnimationFrameShim_(),this.isRunning=!1,this.previousTime=0,this.callbacks=[]},a.DrawingLoop.prototype.addCallback=function(a,b,c){var d={fn:a,scope:b,args:c};return this.callbacks.push(d),d},a.DrawingLoop.prototype.removeCallback=function(a){var b=this.callbacks.indexOf(a);-1!=b&&this.callbacks.splice(b,1)},a.DrawingLoop.prototype.start=function(){this.isRunning=!0,this.loop_()},a.DrawingLoop.prototype.loop_=function(){var a=Date.now(),b=a-this.previousTime;this.executeCallbacks_(b),this.previousTime=a,this.requestAnimationFrame.call(window,this.loop_.bind(this))},a.DrawingLoop.prototype.executeCallbacks_=function(a){for(var b=0;bd;d++){for(var e=[],f=0;b>f;f++)e.push(Constants.TRANSPARENT_COLOR);c[d]=e}return c},a.Frame.createEmptyFromFrame=function(b){return new a.Frame(b.getWidth(),b.getHeight())},a.Frame.prototype.clone=function(){var b=new a.Frame(this.width,this.height);return b.setPixels(this.getPixels()),b},a.Frame.prototype.getPixels=function(){return this.clonePixels_(this.pixels)},a.Frame.prototype.setPixels=function(a){this.pixels=this.clonePixels_(a),this.version++},a.Frame.prototype.clear=function(){var b=a.Frame.createEmptyPixelGrid_(this.getWidth(),this.getHeight());this.setPixels(b)},a.Frame.prototype.clonePixels_=function(a){for(var b=[],c=0;cd;d++)for(var e=0;c>e;e++)a(this.pixels[d][e],d,e,this)},a.Frame.prototype.getWidth=function(){return this.width},a.Frame.prototype.getHeight=function(){return this.height},a.Frame.prototype.containsPixel=function(a,b){return a>=0&&b>=0&&a0&&a[0].size()>0))throw"Piskel.fromLayers expects array of non empty pskl.model.Layer as first argument";var d=a[0].getFrameAt(0);return c=new pskl.model.Piskel(d.getWidth(),d.getHeight(),b),a.forEach(c.addLayer.bind(c)),c},a.Piskel.prototype.getLayers=function(){return this.layers},a.Piskel.prototype.getHeight=function(){return this.height},a.Piskel.prototype.getWidth=function(){return this.width},a.Piskel.prototype.getLayers=function(){return this.layers},a.Piskel.prototype.getLayerAt=function(a){return this.layers[a]},a.Piskel.prototype.getLayersByName=function(a){return this.layers.filter(function(b){return b.getName()==a})},a.Piskel.prototype.addLayer=function(a){this.layers.push(a)},a.Piskel.prototype.addLayerAt=function(a,b){this.layers.splice(b,0,a)},a.Piskel.prototype.moveLayerUp=function(a){var b=this.layers.indexOf(a);b>-1&&b0&&(this.layers[b]=this.layers[b-1],this.layers[b-1]=a)},a.Piskel.prototype.removeLayer=function(a){var b=this.layers.indexOf(a);-1!=b&&this.layers.splice(b,1)},a.Piskel.prototype.removeLayerAt=function(a){this.layers.splice(a,1)},a.Piskel.prototype.getDescriptor=function(){return this.descriptor},a.Piskel.prototype.setDescriptor=function(a){this.descriptor=a;$(".piskel-name").html(this.descriptor.name)},a.Piskel.prototype.getHash=function(){return this.layers.map(function(a){return a.getHash()}).join("-")}}(),function(){var a=$.namespace("pskl.selection"),b={PASTE:"REPLAY_PASTE",ERASE:"REPLAY_ERASE"};a.SelectionManager=function(a){this.piskelController=a,this.currentSelection=null},a.SelectionManager.prototype.init=function(){$.subscribe(Events.SELECTION_CREATED,$.proxy(this.onSelectionCreated_,this)),$.subscribe(Events.SELECTION_DISMISSED,$.proxy(this.onSelectionDismissed_,this)),$.subscribe(Events.SELECTION_MOVE_REQUEST,$.proxy(this.onSelectionMoved_,this)),pskl.app.shortcutService.addShortcut("ctrl+V",this.paste.bind(this)),pskl.app.shortcutService.addShortcut("ctrl+X",this.cut.bind(this)),pskl.app.shortcutService.addShortcut("ctrl+C",this.copy.bind(this)),pskl.app.shortcutService.addShortcut("del",this.erase.bind(this)),pskl.app.shortcutService.addShortcut("back",this.onBackPressed_.bind(this)),$.subscribe(Events.TOOL_SELECTED,$.proxy(this.onToolSelected_,this))},a.SelectionManager.prototype.cleanSelection_=function(){this.currentSelection&&(this.currentSelection.reset(),this.currentSelection=null)},a.SelectionManager.prototype.onToolSelected_=function(a,b){var c=b instanceof pskl.tools.drawing.BaseSelect;c||this.cleanSelection_()},a.SelectionManager.prototype.onSelectionDismissed_=function(){this.cleanSelection_()},a.SelectionManager.prototype.onBackPressed_=function(){return this.currentSelection?void this.erase():!0},a.SelectionManager.prototype.erase=function(){for(var a=this.currentSelection.pixels,c=this.piskelController.getCurrentFrame(),d=0,e=a.length;e>d;d++)c.setPixel(a[d].col,a[d].row,Constants.TRANSPARENT_COLOR);$.publish(Events.PISKEL_SAVE_STATE,{type:pskl.service.HistoryService.REPLAY,scope:this,replay:{type:b.ERASE,pixels:JSON.parse(JSON.stringify(a.slice(0)))}})},a.SelectionManager.prototype.cut=function(){if(!this.currentSelection)throw"Bad state for CUT callback in SelectionManager";this.currentSelection.fillSelectionFromFrame(this.piskelController.getCurrentFrame()),this.erase()},a.SelectionManager.prototype.paste=function(){if(this.currentSelection&&this.currentSelection.hasPastedContent){var a=this.currentSelection.pixels,b=a.filter(function(a){return a.color!==Constants.TRANSPARENT_COLOR});this.pastePixels(b)
+}},a.SelectionManager.prototype.pastePixels=function(a){var c=this.piskelController.getCurrentFrame();a.forEach(function(a){c.setPixel(a.col,a.row,a.color)}),$.publish(Events.PISKEL_SAVE_STATE,{type:pskl.service.HistoryService.REPLAY,scope:this,replay:{type:b.PASTE,pixels:JSON.parse(JSON.stringify(a.slice(0)))}})},a.SelectionManager.prototype.replay=function(a,c){var d=c.pixels;d.forEach(function(d){var e=c.type===b.PASTE?d.color:Constants.TRANSPARENT_COLOR;a.setPixel(d.col,d.row,e)})},a.SelectionManager.prototype.copy=function(){if(!this.currentSelection||!this.piskelController.getCurrentFrame())throw"Bad state for CUT callback in SelectionManager";this.currentSelection.fillSelectionFromFrame(this.piskelController.getCurrentFrame())},a.SelectionManager.prototype.onSelectionCreated_=function(a,b){if(!b)throw"No selection set in SelectionManager";this.currentSelection=b},a.SelectionManager.prototype.onSelectionMoved_=function(a,b,c){if(!this.currentSelection)throw"Bad state: No currentSelection set when trying to move it in SelectionManager";this.currentSelection.move(b,c)}}(),function(){var a=$.namespace("pskl.selection");a.BaseSelection=function(){this.reset()},a.BaseSelection.prototype.reset=function(){this.pixels=[],this.hasPastedContent=!1},a.BaseSelection.prototype.move=function(a,b){for(var c,d=[],e=0,f=this.pixels.length;f>e;e++)c=this.pixels[e],c.col+=a,c.row+=b,d.push(c);this.pixels=d},a.BaseSelection.prototype.fillSelectionFromFrame=function(a){this.pixels.forEach(function(b){b.color=a.getPixel(b.col,b.row)}),this.hasPastedContent=!0}}(),function(){var a=$.namespace("pskl.selection");a.RectangularSelection=function(a,b,c,d){this.pixels=pskl.PixelUtils.getRectanglePixels(a,b,c,d)},pskl.utils.inherit(a.RectangularSelection,a.BaseSelection)}(),function(){var a=$.namespace("pskl.selection");a.ShapeSelection=function(a){this.pixels=a},pskl.utils.inherit(a.ShapeSelection,a.BaseSelection)}(),function(){var a=$.namespace("pskl.rendering");a.AbstractRenderer=function(){},a.AbstractRenderer.prototype.clear=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.render=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.getCoordinates=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.setGridWidth=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.getGridWidth=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.setZoom=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.getZoom=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.setOffset=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.getOffset=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.setDisplaySize=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.getDisplaySize=Constants.ABSTRACT_FUNCTION}(),function(){var a=$.namespace("pskl.rendering");a.CompositeRenderer=function(){this.renderers=[]},pskl.utils.inherit(pskl.rendering.CompositeRenderer,pskl.rendering.AbstractRenderer),a.CompositeRenderer.prototype.add=function(a){return this.renderers.push(a),this},a.CompositeRenderer.prototype.clear=function(){this.renderers.forEach(function(a){a.clear()})},a.CompositeRenderer.prototype.setZoom=function(a){this.renderers.forEach(function(b){b.setZoom(a)})},a.CompositeRenderer.prototype.getZoom=function(){return this.getSampleRenderer_().getZoom()},a.CompositeRenderer.prototype.setDisplaySize=function(a,b){this.renderers.forEach(function(c){c.setDisplaySize(a,b)})},a.CompositeRenderer.prototype.getDisplaySize=function(){return this.getSampleRenderer_().getDisplaySize()},a.CompositeRenderer.prototype.setOffset=function(a,b){this.renderers.forEach(function(c){c.setOffset(a,b)})},a.CompositeRenderer.prototype.getOffset=function(){return this.getSampleRenderer_().getOffset()},a.CompositeRenderer.prototype.setGridWidth=function(a){this.renderers.forEach(function(b){b.setGridWidth(a)})},a.CompositeRenderer.prototype.getGridWidth=function(){return this.getSampleRenderer_().getGridWidth()},a.CompositeRenderer.prototype.getSampleRenderer_=function(){if(this.renderers.length>0)return this.renderers[0];throw"Renderer manager is empty"}}(),function(){var a=$.namespace("pskl.rendering.layer");a.LayersRenderer=function(a,b,c){pskl.rendering.CompositeRenderer.call(this),this.piskelController=c,this.belowRenderer=new pskl.rendering.frame.FrameRenderer(a,b,["layers-canvas","layers-below-canvas"]),this.aboveRenderer=new pskl.rendering.frame.FrameRenderer(a,b,["layers-canvas","layers-above-canvas"]),this.add(this.belowRenderer),this.add(this.aboveRenderer),this.serializedRendering="",$.subscribe(Events.PISKEL_RESET,this.flush.bind(this))},pskl.utils.inherit(pskl.rendering.layer.LayersRenderer,pskl.rendering.CompositeRenderer),a.LayersRenderer.prototype.render=function(){var a=this.getOffset(),b=this.getDisplaySize(),c=this.piskelController.getLayers(),d=this.piskelController.getCurrentFrameIndex(),e=this.piskelController.getCurrentLayerIndex(),f=c.slice(0,e),g=c.slice(e+1,c.length),h=[this.getZoom(),this.getGridWidth(),a.x,a.y,b.width,b.height,this.getHashForLayersAt_(d,f),this.getHashForLayersAt_(d,g),c.length].join("-");if(this.serializedRendering!=h){if(this.serializedRendering=h,this.clear(),f.length>0){var i=this.getFrameForLayersAt_(d,f);this.belowRenderer.render(i)}if(g.length>0){var j=this.getFrameForLayersAt_(d,g);this.aboveRenderer.render(j)}}},a.LayersRenderer.prototype.setDisplaySize=function(a,b){var c=this.getDisplaySize();(c.width!==a||c.height!==b)&&this.superclass.setDisplaySize.call(this,a,b)},a.LayersRenderer.prototype.getFrameForLayersAt_=function(a,b){var c=b.map(function(b){return b.getFrameAt(a)});return pskl.utils.FrameUtils.merge(c)},a.LayersRenderer.prototype.getHashForLayersAt_=function(a,b){var c=b.map(function(b){return b.getFrameAt(a).getHash()});return c.join("-")},a.LayersRenderer.prototype.flush=function(){this.serializedRendering=""}}(),function(){var a=$.namespace("pskl.rendering.frame");a.FrameRenderer=function(a,b,c){if(this.defaultRenderingOptions={supportGridRendering:!1,zoom:1},b=$.extend(!0,{},this.defaultRenderingOptions,b),void 0===a)throw"Bad FrameRenderer initialization. undefined.";if(isNaN(b.zoom))throw"Bad FrameRenderer initialization. not well defined.";this.container=a,this.zoom=b.zoom,this.offset={x:0,y:0},this.margin={x:0,y:0},this.supportGridRendering=b.supportGridRendering,this.classList=c||[],this.classList.push("canvas"),this.canvas=null,this.displayCanvas=null,this.setDisplaySize(b.width,b.height),this.setGridWidth(pskl.UserSettings.get(pskl.UserSettings.GRID_WIDTH)),$.subscribe(Events.USER_SETTINGS_CHANGED,this.onUserSettingsChange_.bind(this))},pskl.utils.inherit(pskl.rendering.frame.FrameRenderer,pskl.rendering.AbstractRenderer),a.FrameRenderer.prototype.render=function(a){a&&(this.clear(),this.renderFrame_(a))},a.FrameRenderer.prototype.clear=function(){pskl.utils.CanvasUtils.clear(this.canvas),pskl.utils.CanvasUtils.clear(this.displayCanvas)},a.FrameRenderer.prototype.setZoom=function(a){if(a>Constants.MINIMUM_ZOOM){var b=this.offset.x+this.displayWidth/(2*this.zoom),c=this.offset.y+this.displayHeight/(2*this.zoom);this.zoom=a,this.setOffset(b-this.displayWidth/(2*this.zoom),c-this.displayHeight/(2*this.zoom))}},a.FrameRenderer.prototype.getZoom=function(){return this.zoom},a.FrameRenderer.prototype.setDisplaySize=function(a,b){this.displayWidth=a,this.displayHeight=b,this.displayCanvas&&($(this.displayCanvas).remove(),this.displayCanvas=null),this.createDisplayCanvas_()},a.FrameRenderer.prototype.getDisplaySize=function(){return{height:this.displayHeight,width:this.displayWidth}},a.FrameRenderer.prototype.getOffset=function(){return{x:this.offset.x,y:this.offset.y}},a.FrameRenderer.prototype.setOffset=function(a,b){var c=pskl.app.piskelController.getWidth(),d=pskl.app.piskelController.getHeight(),e=c-this.displayWidth/this.zoom;a=pskl.utils.Math.minmax(a,0,e);var f=d-this.displayHeight/this.zoom;b=pskl.utils.Math.minmax(b,0,f),this.offset.x=a,this.offset.y=b},a.FrameRenderer.prototype.setGridWidth=function(a){this.gridWidth_=a},a.FrameRenderer.prototype.getGridWidth=function(){return this.supportGridRendering?this.gridWidth_:0},a.FrameRenderer.prototype.updateMargins_=function(a){var b=this.displayWidth-this.zoom*a.getWidth();this.margin.x=Math.max(0,b)/2;var c=this.displayHeight-this.zoom*a.getHeight();this.margin.y=Math.max(0,c)/2},a.FrameRenderer.prototype.createDisplayCanvas_=function(){var a=this.displayHeight,b=this.displayWidth;this.displayCanvas=pskl.utils.CanvasUtils.createCanvas(b,a,this.classList),pskl.utils.CanvasUtils.disableImageSmoothing(this.displayCanvas),this.container.append(this.displayCanvas)},a.FrameRenderer.prototype.onUserSettingsChange_=function(a,b,c){b==pskl.UserSettings.GRID_WIDTH&&this.setGridWidth(c)},a.FrameRenderer.prototype.getCoordinates=function(a,b){var c=this.container.offset();a-=c.left,b-=c.top,a-=this.margin.x,b-=this.margin.y;var d=this.zoom;return a+=this.offset.x*d,b+=this.offset.y*d,{x:Math.floor(a/d),y:Math.floor(b/d)}},a.FrameRenderer.prototype.reverseCoordinates=function(a,b){var c=this.zoom;a*=c,b*=c,a-=this.offset.x*c,b-=this.offset.y*c,a+=this.margin.x,b+=this.margin.y;var d=this.container.offset();return a+=d.left,b+=d.top,{x:a+c/2,y:b+c/2}},a.FrameRenderer.prototype.renderFrame_=function(a){this.canvas&&a.getWidth()==this.canvas.width&&a.getHeight()==this.canvas.height||(this.canvas=pskl.utils.CanvasUtils.createCanvas(a.getWidth(),a.getHeight()));for(var b=this.canvas.getContext("2d"),c=0,d=a.getWidth();d>c;c++)for(var e=0,f=a.getHeight();f>e;e++){for(var g=a.getPixel(c,e),h=1;g===a.getPixel(c,e+h);)h++;this.renderLine_(g,c,e,h,b),e=e+h-1}this.updateMargins_(a);var i=this.displayCanvas.getContext("2d");i.save(),(this.canvas.width*this.zoom0;if(l||j){var m=pskl.utils.ImageResizer.resizeNearestNeighbour(this.canvas,this.zoom,k);i.drawImage(m,0,0)}else i.scale(this.zoom,this.zoom),i.drawImage(this.canvas,0,0);i.restore()},a.FrameRenderer.prototype.renderPixel_=function(a,b,c,d){a!=Constants.TRANSPARENT_COLOR&&(d.fillStyle=a,d.fillRect(b,c,1,1))},a.FrameRenderer.prototype.renderLine_=function(a,b,c,d,e){a!=Constants.TRANSPARENT_COLOR&&(e.fillStyle=a,e.fillRect(b,c,1,d))}}(),function(){var a=$.namespace("pskl.rendering");a.OnionSkinRenderer=function(a,b){pskl.rendering.CompositeRenderer.call(this),this.piskelController=b,this.renderer=a,this.add(this.renderer),this.hash=""},a.OnionSkinRenderer.createInContainer=function(b,c,d){var e=new pskl.rendering.frame.FrameRenderer(b,c,["onion-skin-canvas"]);return new a.OnionSkinRenderer(e,d)},pskl.utils.inherit(pskl.rendering.OnionSkinRenderer,pskl.rendering.CompositeRenderer),a.OnionSkinRenderer.prototype.render=function(){var a=this.getOnionFrames_(),b=this.computeHash_(a);if(this.hash!=b&&(this.hash=b,this.clear(),a.length>0)){var c=pskl.utils.FrameUtils.merge(a);this.renderer.render(c)}},a.OnionSkinRenderer.prototype.getOnionFrames_=function(){var a=[],b=this.piskelController.getCurrentFrameIndex(),c=this.piskelController.getCurrentLayer(),d=b-1,e=c.getFrameAt(d);e&&a.push(e);var f=b+1,g=c.getFrameAt(f);return g&&a.push(g),a},a.OnionSkinRenderer.prototype.computeHash_=function(a){var b=this.getOffset(),c=this.getDisplaySize(),d=this.piskelController.getLayers();return[this.getZoom(),this.getGridWidth(),b.x,b.y,c.width,c.height,a.map(function(a){return a.getHash()}).join("-"),d.length].join("-")},a.OnionSkinRenderer.prototype.setDisplaySize=function(a,b){var c=this.getDisplaySize();(c.width!==a||c.height!==b)&&this.superclass.setDisplaySize.call(this,a,b)},a.OnionSkinRenderer.prototype.flush=function(){this.hash=""}}(),function(){var a=$.namespace("pskl.rendering.frame");a.TiledFrameRenderer=function(a,b){this.container=a,this.setZoom(b);var c=a.get(0),d=c.ownerDocument;this.displayContainer=d.createElement("div"),this.displayContainer.classList.add("tiled-frame-container"),a.get(0).appendChild(this.displayContainer),this.cachedFrameProcessor=new pskl.model.frame.CachedFrameProcessor,this.cachedFrameProcessor.setFrameProcessor(this.frameToDataUrl_.bind(this))},a.TiledFrameRenderer.prototype.frameToDataUrl_=function(a){var b=new pskl.utils.FrameUtils.toImage(a,this.zoom);return b.toDataURL("image/png")},a.TiledFrameRenderer.prototype.render=function(a){var b=this.cachedFrameProcessor.get(a,this.zoom);this.displayContainer.style.backgroundImage="url("+b+")"},a.TiledFrameRenderer.prototype.show=function(){this.displayContainer&&(this.displayContainer.style.display="block")},a.TiledFrameRenderer.prototype.setZoom=function(a){this.zoom=a},a.TiledFrameRenderer.prototype.getZoom=function(){return this.zoom}}(),function(){var a=$.namespace("pskl.rendering.frame");a.CachedFrameRenderer=function(a,b,c){pskl.rendering.frame.FrameRenderer.call(this,a,b,c),this.serializedFrame=""},pskl.utils.inherit(pskl.rendering.frame.CachedFrameRenderer,pskl.rendering.frame.FrameRenderer),a.CachedFrameRenderer.prototype.setDisplaySize=function(a,b){(this.displayWidth!==a||this.displayHeight!==b)&&this.superclass.setDisplaySize.call(this,a,b)},a.CachedFrameRenderer.prototype.render=function(a){var b=this.getOffset(),c=this.getDisplaySize(),d=[this.getZoom(),this.getGridWidth(),b.x,b.y,c.width,c.height,a.getHash()].join("-");this.serializedFrame!=d&&(this.serializedFrame=d,this.superclass.render.call(this,a))}}(),function(){var a=$.namespace("pskl.rendering");a.CanvasRenderer=function(a,b){this.frame=a,this.zoom=b,this.transparentColor_="white"},a.CanvasRenderer.prototype.drawTransparentAs=function(a){this.transparentColor_=a},a.CanvasRenderer.prototype.render=function(){for(var a=this.createCanvas_(),b=a.getContext("2d"),c=0,d=this.frame.getWidth();d>c;c++)for(var e=0,f=this.frame.getHeight();f>e;e++){for(var g=this.frame.getPixel(c,e),h=1;g===this.frame.getPixel(c,e+h);)h++;this.renderLine_(g,c,e,h,b),e=e+h-1}var i=this.createCanvas_(this.zoom),j=i.getContext("2d");return pskl.utils.CanvasUtils.disableImageSmoothing(i),j.scale(this.zoom,this.zoom),j.drawImage(a,0,0),i},a.CanvasRenderer.prototype.renderPixel_=function(a,b,c,d){a==Constants.TRANSPARENT_COLOR&&(a=this.transparentColor_),d.fillStyle=a,d.fillRect(b,c,1,1)},a.CanvasRenderer.prototype.renderLine_=function(a,b,c,d,e){a==Constants.TRANSPARENT_COLOR&&(a=this.transparentColor_),e.fillStyle=a,e.fillRect(b,c,1,d)},a.CanvasRenderer.prototype.createCanvas_=function(a){a=a||1;var b=this.frame.getWidth()*a,c=this.frame.getHeight()*a;return pskl.utils.CanvasUtils.createCanvas(b,c)}}(),function(){var a=$.namespace("pskl.rendering");a.FramesheetRenderer=function(a){if(!(a.length>0))throw"FramesheetRenderer : Invalid argument : frames is empty";this.frames=a},a.FramesheetRenderer.prototype.renderAsCanvas=function(){for(var a=this.createCanvas_(),b=0;b=a&&this.currentFrameIndex>0&&this.setCurrentFrameIndex(this.currentFrameIndex-1)},a.PiskelController.prototype.duplicateCurrentFrame=function(){this.duplicateFrameAt(this.currentFrameIndex)},a.PiskelController.prototype.duplicateFrameAt=function(a){this.getLayers().forEach(function(b){b.duplicateFrameAt(a)}),this.setCurrentFrameIndex(a+1)},a.PiskelController.prototype.moveFrame=function(a,b){this.getLayers().forEach(function(c){c.moveFrame(a,b)})},a.PiskelController.prototype.getFrameCount=function(){var a=this.piskel.getLayerAt(0);return a.size()},a.PiskelController.prototype.setCurrentFrameIndex=function(a){this.hasFrameAt(a)?this.currentFrameIndex=a:window.console.error("Could not set current frame index to "+a)},a.PiskelController.prototype.selectNextFrame=function(){var a=this.currentFrameIndex+1;a=0&&this.setCurrentFrameIndex(a)},a.PiskelController.prototype.setCurrentLayerIndex=function(a){this.hasLayerAt(a)?this.currentLayerIndex=a:window.console.error("Could not set current layer index to "+a)},a.PiskelController.prototype.selectLayer=function(a){var b=this.getLayers().indexOf(a);-1!=b&&this.setCurrentLayerIndex(b)},a.PiskelController.prototype.renameLayerAt=function(a,b){var c=this.getLayerByIndex(a);c&&c.setName(b)},a.PiskelController.prototype.mergeDownLayerAt=function(a){var b=this.getLayerByIndex(a),c=this.getLayerByIndex(a-1);if(b&&c){var d=pskl.utils.LayerUtils.mergeLayers(b,c);this.removeLayerAt(a),this.piskel.addLayerAt(d,a),this.removeLayerAt(a-1),this.selectLayer(d)}},a.PiskelController.prototype.generateLayerName_=function(){for(var a="Layer "+this.layerIdCounter;this.hasLayerForName_(a);)this.layerIdCounter++,a="Layer "+this.layerIdCounter;return a},a.PiskelController.prototype.createLayer=function(a){if(a||(a=this.generateLayerName_()),this.hasLayerForName_(a))throw"Layer name should be unique";for(var b=new pskl.model.Layer(a),c=0;c0},a.PiskelController.prototype.moveLayerUp=function(){var a=this.getCurrentLayer();this.piskel.moveLayerUp(a),this.selectLayer(a)},a.PiskelController.prototype.moveLayerDown=function(){var a=this.getCurrentLayer();this.piskel.moveLayerDown(a),this.selectLayer(a)},a.PiskelController.prototype.removeCurrentLayer=function(){var a=this.getCurrentLayerIndex();this.removeLayerAt(a)},a.PiskelController.prototype.removeLayerAt=function(a){if(this.getLayers().length>1){var b=this.getLayerAt(a);b&&(this.piskel.removeLayer(b),this.setCurrentLayerIndex(0))}},a.PiskelController.prototype.serialize=function(a){return pskl.utils.Serializer.serializePiskel(this.piskel,a)}}(),function(){var a=$.namespace("pskl.controller.piskel");a.PublicPiskelController=function(a){this.piskelController=a,pskl.utils.wrap(this,this.piskelController)},a.PublicPiskelController.prototype.init=function(){this.resetWrap_("setCurrentFrameIndex"),this.resetWrap_("selectNextFrame"),this.resetWrap_("selectPreviousFrame"),this.resetWrap_("setCurrentLayerIndex"),this.resetWrap_("selectLayer"),this.saveWrap_("renameLayerAt",!1),this.saveWrap_("removeCurrentLayer",!0),this.saveWrap_("addFrame",!0),this.saveWrap_("addFrameAtCurrentIndex",!0),this.saveWrap_("addFrameAt",!0),this.saveWrap_("removeFrameAt",!0),this.saveWrap_("duplicateCurrentFrame",!0),this.saveWrap_("duplicateFrameAt",!0),this.saveWrap_("moveFrame",!0),this.saveWrap_("createLayer",!0),this.saveWrap_("mergeDownLayerAt",!0),this.saveWrap_("moveLayerUp",!0),this.saveWrap_("moveLayerDown",!0),this.saveWrap_("removeCurrentLayer",!0),pskl.app.shortcutService.addShortcut("up",this.selectPreviousFrame.bind(this)),pskl.app.shortcutService.addShortcut("down",this.selectNextFrame.bind(this)),pskl.app.shortcutService.addShortcut("n",this.addFrameAtCurrentIndex.bind(this)),pskl.app.shortcutService.addShortcut("shift+n",this.duplicateCurrentFrame.bind(this))},a.PublicPiskelController.prototype.setPiskel=function(a,b){this.piskelController.setPiskel(a,b),$.publish(Events.FRAME_SIZE_CHANGED),$.publish(Events.PISKEL_RESET),$.publish(Events.PISKEL_SAVE_STATE,{type:pskl.service.HistoryService.SNAPSHOT})},a.PublicPiskelController.prototype.resetWrap_=function(a){this[a]=function(){this.piskelController[a].apply(this.piskelController,arguments),$.publish(Events.PISKEL_RESET)}},a.PublicPiskelController.prototype.saveWrap_=function(a,b){this[a]=b?function(){var b=this.getStateInfo_();this.piskelController[a].apply(this.piskelController,arguments),this.raiseSaveStateEvent_(this.piskelController[a],arguments,b),$.publish(Events.PISKEL_RESET)}:function(){var b=this.getStateInfo_();this.piskelController[a].apply(this.piskelController,arguments),this.raiseSaveStateEvent_(this.piskelController[a],arguments,b)}},a.PublicPiskelController.prototype.getStateInfo_=function(){var a={frameIndex:this.piskelController.currentFrameIndex,layerIndex:this.piskelController.currentLayerIndex};return a},a.PublicPiskelController.prototype.raiseSaveStateEvent_=function(a,b,c){$.publish(Events.PISKEL_SAVE_STATE,{type:pskl.service.HistoryService.REPLAY,scope:this,replay:{fn:a,args:b},state:c})},a.PublicPiskelController.prototype.replay=function(a,b){b.fn.apply(this.piskelController,b.args)}}(),function(){var a=$.namespace("pskl.controller");a.CursorCoordinatesController=function(a){this.piskelController=a,this.origin=null,this.coordinates={x:-1,y:-1}},a.CursorCoordinatesController.prototype.init=function(){this.coordinatesContainer=document.querySelector(".cursor-coordinates"),$.subscribe(Events.CURSOR_MOVED,this.onCursorMoved_.bind(this)),$.subscribe(Events.DRAG_START,this.onDragStart_.bind(this)),$.subscribe(Events.DRAG_END,this.onDragEnd_.bind(this)),$.subscribe(Events.FRAME_SIZE_CHANGED,this.redraw.bind(this)),this.redraw()},a.CursorCoordinatesController.prototype.redraw=function(){var a="";this.origin&&(a+=this.origin.x+":"+this.origin.y+" to ");var b=this.coordinates.x,c=this.coordinates.y,d=this.piskelController.getCurrentFrame();if(d.containsPixel(b,c)&&(a+=b+":"+c,this.origin)){var e=Math.abs(b-this.origin.x)+1,f=Math.abs(c-this.origin.y)+1;a+=" ("+e+"x"+f+")"}this.coordinatesContainer.innerHTML=this.getFrameSizeHTML_()+a},a.CursorCoordinatesController.prototype.getFrameSizeHTML_=function(){var a=this.piskelController.getWidth(),b=this.piskelController.getHeight();return"["+a+"x"+b+"] "},a.CursorCoordinatesController.prototype.onCursorMoved_=function(a,b,c){this.coordinates={x:b,y:c},this.redraw()},a.CursorCoordinatesController.prototype.onDragStart_=function(a,b,c){this.origin={x:b,y:c},this.redraw()},a.CursorCoordinatesController.prototype.onDragEnd_=function(){this.origin=null,this.redraw()}}(),function(){var a=$.namespace("pskl.controller");a.DrawingController=function(b,c,d){this.piskelController=b,this.paletteController=c,this.dragHandler=new a.drawing.DragHandler(this),this.overlayFrame=pskl.model.Frame.createEmptyFromFrame(b.getCurrentFrame()),this.container=d;var e={zoom:this.calculateZoom_(),supportGridRendering:!0,height:this.getContainerHeight_(),width:this.getContainerWidth_(),xOffset:0,yOffset:0};this.overlayRenderer=new pskl.rendering.frame.CachedFrameRenderer(this.container,e,["canvas-overlay"]),this.renderer=new pskl.rendering.frame.CachedFrameRenderer(this.container,e,["drawing-canvas"]),this.onionSkinRenderer=pskl.rendering.OnionSkinRenderer.createInContainer(this.container,e,b),this.layersRenderer=new pskl.rendering.layer.LayersRenderer(this.container,e,b),this.compositeRenderer=new pskl.rendering.CompositeRenderer,this.compositeRenderer.add(this.overlayRenderer).add(this.renderer).add(this.layersRenderer).add(this.onionSkinRenderer),this.isClicked=!1,this.previousMousemoveTime=0,this.currentToolBehavior=null,this.currentMouseButton_=Constants.LEFT_BUTTON},a.DrawingController.prototype.init=function(){this.initMouseBehavior(),$.subscribe(Events.TOOL_SELECTED,$.proxy(function(a,b){this.currentToolBehavior=b,this.overlayFrame.clear()},this)),$(window).resize($.proxy(this.startResizeTimer_,this)),$.subscribe(Events.USER_SETTINGS_CHANGED,$.proxy(this.onUserSettingsChange_,this)),$.subscribe(Events.FRAME_SIZE_CHANGED,$.proxy(this.onFrameSizeChange_,this)),pskl.app.shortcutService.addShortcut("0",this.resetZoom_.bind(this)),pskl.app.shortcutService.addShortcut("+",this.increaseZoom_.bind(this,1)),pskl.app.shortcutService.addShortcut("-",this.decreaseZoom_.bind(this,1)),window.setTimeout(function(){this.afterWindowResize_(),this.resetZoom_()}.bind(this),100)},a.DrawingController.prototype.initMouseBehavior=function(){var a=$("body");this.container.mousedown($.proxy(this.onMousedown_,this)),pskl.utils.UserAgent.isChrome||pskl.utils.UserAgent.isIE11?this.container.on("mousewheel",$.proxy(this.onMousewheel_,this)):this.container.on("wheel",$.proxy(this.onMousewheel_,this)),window.addEventListener("mouseup",this.onMouseup_.bind(this)),window.addEventListener("mousemove",this.onMousemove_.bind(this)),window.addEventListener("keyup",this.onKeyup_.bind(this)),a.contextmenu(this.onCanvasContextMenu_)},a.DrawingController.prototype.startResizeTimer_=function(){this.resizeTimer&&window.clearInterval(this.resizeTimer),this.resizeTimer=window.setTimeout($.proxy(this.afterWindowResize_,this),200)},a.DrawingController.prototype.afterWindowResize_=function(){var a=this.compositeRenderer.getDisplaySize().width;this.compositeRenderer.setDisplaySize(this.getContainerWidth_(),this.getContainerHeight_()),this.centerColumnWrapperHorizontally_();var b=this.compositeRenderer.getDisplaySize().width/a,c=b*this.compositeRenderer.getZoom();this.compositeRenderer.setZoom(c),$.publish(Events.ZOOM_CHANGED)},a.DrawingController.prototype.onUserSettingsChange_=function(a,b){b==pskl.UserSettings.SHOW_GRID?console.warn("DrawingController:onUserSettingsChange_ not implemented !"):(b==pskl.UserSettings.ONION_SKIN||b==pskl.UserSettings.LAYER_PREVIEW)&&(this.onionSkinRenderer.clear(),this.onionSkinRenderer.flush(),this.layersRenderer.clear(),this.layersRenderer.flush(),this.render())},a.DrawingController.prototype.onFrameSizeChange_=function(){this.compositeRenderer.setDisplaySize(this.getContainerWidth_(),this.getContainerHeight_()),this.centerColumnWrapperHorizontally_(),this.compositeRenderer.setZoom(this.calculateZoom_()),this.compositeRenderer.setOffset(0,0),$.publish(Events.ZOOM_CHANGED)},a.DrawingController.prototype.onMousedown_=function(a){$.publish(Events.MOUSE_EVENT,[a,this]);var b=this.piskelController.getCurrentFrame(),c=this.getSpriteCoordinates(a.clientX,a.clientY);this.isClicked=!0,this.setCurrentButton(a),a.button===Constants.MIDDLE_BUTTON?this.dragHandler.startDrag(a.clientX,a.clientY):(this.currentToolBehavior.hideHighlightedPixel(this.overlayFrame),$.publish(Events.TOOL_PRESSED),this.currentToolBehavior.applyToolAt(c.x,c.y,this.getCurrentColor_(),b,this.overlayFrame,a))},a.DrawingController.prototype.onMousemove_=function(a){this._clientX=a.clientX,this._clientY=a.clientY;var b=(new Date).getTime();b-this.previousMousemoveTime>Constants.MOUSEMOVE_THROTTLING&&(this.moveTool_(this._clientX,this._clientY,a),this.previousMousemoveTime=b)},a.DrawingController.prototype.onKeyup_=function(a){this.moveTool_(this._clientX,this._clientY,a)},a.DrawingController.prototype.moveTool_=function(a,b,c){var d=this.getSpriteCoordinates(a,b),e=this.piskelController.getCurrentFrame();this.isClicked?this.currentMouseButton_==Constants.MIDDLE_BUTTON?this.dragHandler.updateDrag(a,b):($.publish(Events.MOUSE_EVENT,[c,this]),this.currentToolBehavior.moveToolAt(0|d.x,0|d.y,this.getCurrentColor_(),e,this.overlayFrame,c)):this.currentToolBehavior.moveUnactiveToolAt(d.x,d.y,this.getCurrentColor_(),e,this.overlayFrame,c),$.publish(Events.CURSOR_MOVED,[d.x,d.y])},a.DrawingController.prototype.onMousewheel_=function(a){var b,c=a.originalEvent;pskl.utils.UserAgent.isChrome?b=c.wheelDeltaY:pskl.utils.UserAgent.isIE11?b=c.wheelDelta:pskl.utils.UserAgent.isFirefox&&(b=-40*c.deltaY);var d=Math.abs(b/120);b>0?this.increaseZoom_(d):0>b&&this.decreaseZoom_(d)},a.DrawingController.prototype.increaseZoom_=function(a){var b=(a||1)*this.getZoomStep_();this.setZoom_(this.renderer.getZoom()+b)},a.DrawingController.prototype.decreaseZoom_=function(a){var b=(a||1)*this.getZoomStep_();this.setZoom_(this.renderer.getZoom()-b)},a.DrawingController.prototype.onMouseup_=function(a){var b=this.piskelController.getCurrentFrame(),c=this.getSpriteCoordinates(a.clientX,a.clientY);this.isClicked&&($.publish(Events.MOUSE_EVENT,[a,this]),this.isClicked=!1,this.setCurrentButton(a),a.button===Constants.MIDDLE_BUTTON?this.dragHandler.isDragging()?this.dragHandler.stopDrag():b.containsPixel(c.x,c.y)&&$.publish(Events.SELECT_PRIMARY_COLOR,[b.getPixel(c.x,c.y)]):(this.currentToolBehavior.releaseToolAt(c.x,c.y,this.getCurrentColor_(),this.piskelController.getCurrentFrame(),this.overlayFrame,a),$.publish(Events.TOOL_RELEASED)))},a.DrawingController.prototype.getSpriteCoordinates=function(a,b){return this.renderer.getCoordinates(a,b)},a.DrawingController.prototype.getScreenCoordinates=function(a,b){return this.renderer.reverseCoordinates(a,b)},a.DrawingController.prototype.setCurrentButton=function(a){this.currentMouseButton_=a.button},a.DrawingController.prototype.getCurrentColor_=function(){return this.currentMouseButton_==Constants.RIGHT_BUTTON?this.paletteController.getSecondaryColor():this.currentMouseButton_==Constants.LEFT_BUTTON?this.paletteController.getPrimaryColor():Constants.DEFAULT_PEN_COLOR
+},a.DrawingController.prototype.onCanvasContextMenu_=function(a){return $(a.target).closest("#drawing-canvas-container").length?(a.preventDefault(),a.stopPropagation(),a.cancelBubble=!0,!1):void 0},a.DrawingController.prototype.render=function(){var a=this.piskelController.getCurrentFrame();a.isSameSize(this.overlayFrame)||(this.overlayFrame=pskl.model.Frame.createEmptyFromFrame(a)),pskl.UserSettings.get(pskl.UserSettings.ONION_SKIN)&&this.onionSkinRenderer.render(),pskl.UserSettings.get(pskl.UserSettings.LAYER_PREVIEW)&&this.layersRenderer.render(),this.renderer.render(a),this.overlayRenderer.render(this.overlayFrame)},a.DrawingController.prototype.calculateZoom_=function(){var a=this.piskelController.getCurrentFrame().getHeight(),b=this.piskelController.getCurrentFrame().getWidth();return Math.min(this.getAvailableWidth_()/b,this.getAvailableHeight_()/a)},a.DrawingController.prototype.getAvailableHeight_=function(){return $("#main-wrapper").height()},a.DrawingController.prototype.getAvailableWidth_=function(){var a=$(".left-column").outerWidth(!0),b=$(".right-column").outerWidth(!0),c=$("#tool-section").outerWidth(!0),d=$("#application-action-section").outerWidth(!0),e=$("#main-wrapper").width()-a-b-c-d,f=10;return e-f},a.DrawingController.prototype.getContainerHeight_=function(){return this.getAvailableHeight_()},a.DrawingController.prototype.getContainerWidth_=function(){return this.getAvailableWidth_()},a.DrawingController.prototype.centerColumnWrapperHorizontally_=function(){var a=this.getContainerHeight_(),b=Math.floor(($("#main-wrapper").height()-a)/2);$("#column-wrapper").css({top:b+"px"})},a.DrawingController.prototype.getRenderer=function(){return this.compositeRenderer},a.DrawingController.prototype.getOffset=function(){return this.compositeRenderer.getOffset()},a.DrawingController.prototype.setOffset=function(a,b){this.compositeRenderer.setOffset(a,b),$.publish(Events.ZOOM_CHANGED)},a.DrawingController.prototype.resetZoom_=function(){this.setZoom_(this.calculateZoom_())},a.DrawingController.prototype.getZoomStep_=function(){return this.calculateZoom_()/10},a.DrawingController.prototype.setZoom_=function(a){this.compositeRenderer.setZoom(a),$.publish(Events.ZOOM_CHANGED)}}(),function(){var a=$.namespace("pskl.controller.drawing"),b=2;a.DragHandler=function(a){this.drawingController=a,this.isDragging_=!1,this.updateOrigin_(-1,-1)},a.DragHandler.prototype.startDrag=function(a,b){var c=this.drawingController.getSpriteCoordinates(a,b);this.updateOrigin_(c.x,c.y)},a.DragHandler.prototype.updateDrag=function(a,b){var c=this.drawingController.getOffset(),d=this.calculateOffset_(a,b);if(c.y!==d.y||c.x!==d.x){this.isDragging_=!0,this.drawingController.setOffset(d.x,d.y);var e=this.drawingController.getSpriteCoordinates(a,b);this.updateOrigin_(e.x,e.y)}},a.DragHandler.prototype.stopDrag=function(){this.isDragging_=!1,this.origin=null},a.DragHandler.prototype.isDragging=function(){return this.isDragging_},a.DragHandler.prototype.calculateOffset_=function(a,c){var d=this.drawingController.getSpriteCoordinates(a,c),e=this.drawingController.getOffset(),f={x:e.x-b*(d.x-this.origin.x),y:e.y-b*(d.y-this.origin.y)};return f},a.DragHandler.prototype.updateOrigin_=function(a,b){this.origin=this.origin||{},this.origin.x=a,this.origin.y=b}}(),function(){var a=$.namespace("pskl.controller"),b={SELECT:"select",CLONE:"clone",DELETE:"delete",NEW_FRAME:"newframe"};a.FramesListController=function(a,b){this.piskelController=a,this.container=b,this.refreshZoom_(),this.redrawFlag=!0,this.cachedFrameProcessor=new pskl.model.frame.CachedFrameProcessor,this.cachedFrameProcessor.setFrameProcessor(this.frameToPreviewCanvas_.bind(this)),this.cachedFrameProcessor.setOutputCloner(this.clonePreviewCanvas_.bind(this))},a.FramesListController.prototype.init=function(){$.subscribe(Events.TOOL_RELEASED,this.flagForRedraw_.bind(this)),$.subscribe(Events.PISKEL_RESET,this.flagForRedraw_.bind(this)),$.subscribe(Events.USER_SETTINGS_CHANGED,this.flagForRedraw_.bind(this)),$.subscribe(Events.PISKEL_RESET,this.refreshZoom_.bind(this)),$("#preview-list-scroller").scroll(this.updateScrollerOverflows.bind(this)),this.container.get(0).addEventListener("click",this.onContainerClick_.bind(this)),this.updateScrollerOverflows()},a.FramesListController.prototype.flagForRedraw_=function(){this.redrawFlag=!0},a.FramesListController.prototype.refreshZoom_=function(){this.zoom=this.calculateZoom_()},a.FramesListController.prototype.render=function(){this.redrawFlag&&(this.createPreviews_(),this.redrawFlag=!1)},a.FramesListController.prototype.updateScrollerOverflows=function(){var a=$("#preview-list-scroller"),b=a.height(),c=a.scrollTop(),d=$("#preview-list").height(),e=$(".top-overflow").height(),f=!1,g=!1;if(d>b){c>e&&(f=!0);var h=d-c-b;h>e&&(g=!0)}var i=$("#preview-list-wrapper");i.toggleClass("top-overflow-visible",f),i.toggleClass("bottom-overflow-visible",g)},a.FramesListController.prototype.onContainerClick_=function(a){var c=pskl.utils.Dom.getParentWithData(a.target,"tileAction");if(c){var d=c.dataset.tileAction,e=parseInt(c.dataset.tileNumber,10);d===b.CLONE?(this.piskelController.duplicateFrameAt(e),this.updateScrollerOverflows()):d===b.DELETE?(this.piskelController.removeFrameAt(e),this.updateScrollerOverflows()):d===b.SELECT?this.piskelController.setCurrentFrameIndex(e):d===b.NEW_FRAME&&(this.piskelController.addFrame(),this.updateScrollerOverflows())}},a.FramesListController.prototype.createPreviews_=function(){this.container.html(""),$(".tooltip").remove();for(var a=this.piskelController.getFrameCount(),c=0,d=a;d>c;c++)this.container.append(this.createPreviewTile_(c));var e=document.createElement("div");e.id="add-frame-action",e.className="add-frame-action",e.setAttribute("data-tile-action",b.NEW_FRAME),e.innerHTML="Add new frame
",this.container.append(e);var f=a>1;f&&this.initDragndropBehavior_(),this.updateScrollerOverflows()},a.FramesListController.prototype.initDragndropBehavior_=function(){$("#preview-list").sortable({placeholder:"preview-tile-drop-proxy",update:$.proxy(this.onUpdate_,this),items:".preview-tile"}),$("#preview-list").disableSelection()},a.FramesListController.prototype.onUpdate_=function(a,b){var c=parseInt(b.item.data("tile-number"),10),d=$(".preview-tile").index(b.item);this.piskelController.moveFrame(c,d),this.piskelController.setCurrentFrameIndex(d)},a.FramesListController.prototype.createPreviewTile_=function(a){var c=this.piskelController.getCurrentLayer().getFrameAt(a),d=document.createElement("li");d.setAttribute("data-tile-number",a),d.setAttribute("data-tile-action",b.SELECT),d.classList.add("preview-tile"),this.piskelController.getCurrentFrame()==c&&d.classList.add("selected");var e=document.createElement("div");e.classList.add("canvas-container",pskl.UserSettings.get(pskl.UserSettings.CANVAS_BACKGROUND));var f=this.zoom*this.piskelController.getCurrentFrame().getHeight(),g=(Constants.PREVIEW_FILM_SIZE-f)/2;e.style.marginTop=g+"px";var h=this.zoom*this.piskelController.getCurrentFrame().getWidth(),i=(Constants.PREVIEW_FILM_SIZE-h)/2;e.style.marginLeft=i+"px",e.style.marginRight=i+"px";var j=document.createElement("div");j.className="canvas-background",e.appendChild(j);var k=document.createElement("button");if(k.setAttribute("rel","tooltip"),k.setAttribute("data-placement","right"),k.setAttribute("data-tile-number",a),k.setAttribute("data-tile-action",b.CLONE),k.setAttribute("title","Duplicate this frame"),k.className="tile-overlay duplicate-frame-action",d.appendChild(k),e.appendChild(this.getCanvasForFrame(c)),d.appendChild(e),a>0||this.piskelController.getFrameCount()>1){var l=document.createElement("button");l.setAttribute("rel","tooltip"),l.setAttribute("data-placement","right"),l.setAttribute("title","Delete this frame"),l.setAttribute("data-tile-number",a),l.setAttribute("data-tile-action",b.DELETE),l.className="tile-overlay delete-frame-action",d.appendChild(l);var m=document.createElement("div");m.className="tile-overlay dnd-action",d.appendChild(m)}var n=document.createElement("div");return n.className="tile-overlay tile-count",n.innerHTML=a+1,d.appendChild(n),d},a.FramesListController.prototype.getCanvasForFrame=function(a){var b=this.cachedFrameProcessor.get(a,this.zoom);return b},a.FramesListController.prototype.frameToPreviewCanvas_=function(a){var b=new pskl.rendering.CanvasRenderer(a,this.zoom);b.drawTransparentAs(Constants.TRANSPARENT_COLOR);var c=b.render();return c.classList.add("tile-view","canvas"),c},a.FramesListController.prototype.clonePreviewCanvas_=function(a){var b=pskl.utils.CanvasUtils.clone(a);return b.classList.add("tile-view","canvas"),b},a.FramesListController.prototype.calculateZoom_=function(){var a=this.piskelController.getCurrentFrame(),b=Math.max(a.getHeight(),a.getWidth());return Constants.PREVIEW_FILM_SIZE/b}}(),function(){var a=$.namespace("pskl.controller");a.LayersListController=function(a){this.piskelController=a},a.LayersListController.prototype.init=function(){this.layerItemTemplate_=pskl.utils.Template.get("layer-item-template"),this.rootEl=document.querySelector(".layers-list-container"),this.layersListEl=document.querySelector(".layers-list"),this.toggleLayerPreviewEl=document.querySelector(".layers-toggle-preview"),this.rootEl.addEventListener("click",this.onClick_.bind(this)),this.toggleLayerPreviewEl.addEventListener("click",this.toggleLayerPreview_.bind(this)),$.subscribe(Events.PISKEL_RESET,this.renderLayerList_.bind(this)),pskl.app.shortcutService.addShortcut("alt+L",this.toggleLayerPreview_.bind(this)),this.renderLayerList_(),this.updateToggleLayerPreview_(),$.subscribe(Events.USER_SETTINGS_CHANGED,$.proxy(this.onUserSettingsChange_,this))},a.LayersListController.prototype.renderLayerList_=function(){this.layersListEl.innerHTML="";var a=this.piskelController.getLayers();a.forEach(this.addLayerItem.bind(this)),this.updateButtonStatus_()},a.LayersListController.prototype.updateButtonStatus_=function(){var a=this.piskelController.getLayers(),b=(this.piskelController.getCurrentLayer(),this.piskelController.getCurrentLayerIndex()),c=0===b,d=1===a.length,e=b===a.length-1;this.toggleButtonDisabledState_("up",e),this.toggleButtonDisabledState_("down",c),this.toggleButtonDisabledState_("merge",c),this.toggleButtonDisabledState_("delete",d)},a.LayersListController.prototype.toggleButtonDisabledState_=function(a,b){var c=document.querySelector('.layers-button[data-action="'+a+'"]');b?c.setAttribute("disabled","disabled"):c.removeAttribute("disabled")},a.LayersListController.prototype.updateToggleLayerPreview_=function(){var a="layers-toggle-preview-enabled";pskl.UserSettings.get(pskl.UserSettings.LAYER_PREVIEW)?this.toggleLayerPreviewEl.classList.add(a):this.toggleLayerPreviewEl.classList.remove(a)},a.LayersListController.prototype.onUserSettingsChange_=function(a,b){b==pskl.UserSettings.LAYER_PREVIEW&&this.updateToggleLayerPreview_()},a.LayersListController.prototype.addLayerItem=function(a,b){var c=this.piskelController.getCurrentLayer()===a,d=pskl.utils.Template.replace(this.layerItemTemplate_,{layername:a.getName(),layerindex:b,"isselected:current-layer-item":c}),e=pskl.utils.Template.createFromHTML(d);this.layersListEl.insertBefore(e,this.layersListEl.firstChild)},a.LayersListController.prototype.onClick_=function(a){var b,c=a.target||a.srcElement;c.classList.contains("button")?this.onButtonClick_(c):c.classList.contains("layer-item")&&(b=c.dataset.layerIndex,this.piskelController.setCurrentLayerIndex(parseInt(b,10)))},a.LayersListController.prototype.renameCurrentLayer_=function(){var a=this.piskelController.getCurrentLayer(),b=window.prompt("Please enter the layer name",a.getName());if(b){var c=this.piskelController.getCurrentLayerIndex();this.piskelController.renameLayerAt(c,b),this.renderLayerList_()}},a.LayersListController.prototype.mergeDownCurrentLayer_=function(){var a=this.piskelController.getCurrentLayerIndex();this.piskelController.mergeDownLayerAt(a),this.renderLayerList_()},a.LayersListController.prototype.onButtonClick_=function(a){var b=a.getAttribute("data-action");"up"==b?this.piskelController.moveLayerUp():"down"==b?this.piskelController.moveLayerDown():"add"==b?this.piskelController.createLayer():"delete"==b?this.piskelController.removeCurrentLayer():"merge"==b?this.mergeDownCurrentLayer_():"edit"==b&&this.renameCurrentLayer_()},a.LayersListController.prototype.toggleLayerPreview_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.LAYER_PREVIEW);pskl.UserSettings.set(pskl.UserSettings.LAYER_PREVIEW,!a)}}(),function(){var a=$.namespace("pskl.controller.preview");a.PopupPreviewController=function(a){this.piskelController=a,this.popup=null,this.renderer=null,this.renderFlag=!1},a.PopupPreviewController.prototype.init=function(){pskl.utils.Event.addEventListener(window,"unload",this.onMainWindowUnload_,this)},a.PopupPreviewController.prototype.isOpen=function(){return!!this.popup},a.PopupPreviewController.prototype.open=function(){this.isOpen()||(this.popup=window.open("popup-preview.html","","width=320,height=320"))},a.PopupPreviewController.prototype.onPopupLoaded=function(){pskl.utils.Event.addEventListener(this.popup,"resize",this.onWindowResize_,this),pskl.utils.Event.addEventListener(this.popup,"unload",this.onPopupClosed_,this);var a=this.popup.document.querySelector(".preview-container");this.renderer=new pskl.rendering.frame.TiledFrameRenderer($(a)),this.updateZoom_(),this.renderFlag=!0},a.PopupPreviewController.prototype.render=function(a){this.isOpen()&&this.renderer&&(this.renderer.render(a),this.renderFlag=!1)},a.PopupPreviewController.prototype.onWindowResize_=function(){this.updateZoom_(),this.renderFlag=!0},a.PopupPreviewController.prototype.updateZoom_=function(){var a=this.popup.document.documentElement,b=a.clientWidth/this.piskelController.getWidth(),c=a.clientHeight/this.piskelController.getHeight(),d=Math.min(b,c);this.renderer.setZoom(d);var e=this.piskelController.getHeight()*d,f=this.piskelController.getWidth()*d,g=this.popup.document.querySelector(".preview-container");g.style.height=e+"px",g.style.width=f+"px";var h=(a.clientHeight-e)/2;g.style.marginTop=h+"px",g.style.marginBottom=h+"px";var i=(a.clientWidth-f)/2;g.style.marginLeft=i+"px",g.style.marginRight=i+"px"},a.PopupPreviewController.prototype.onPopupClosed_=function(){var a=this.popup;console.log(a),this.popup=null},a.PopupPreviewController.prototype.onMainWindowUnload_=function(){this.isOpen()&&this.popup.close()}}(),function(){var a=$.namespace("pskl.controller.preview"),b=200;a.PreviewController=function(b,c){this.piskelController=b,this.container=c,this.elapsedTime=0,this.currentIndex=0,this.renderFlag=!0,this.fpsRangeInput=$("#preview-fps"),this.fpsCounterDisplay=$("#display-fps"),this.setFPS(Constants.DEFAULT.FPS);this.piskelController.getCurrentFrame();this.renderer=new pskl.rendering.frame.TiledFrameRenderer(this.container),this.popupPreviewController=new a.PopupPreviewController(b)},a.PreviewController.prototype.init=function(){this.fpsRangeInput.on("input change",this.onFPSSliderChange.bind(this)),document.querySelector(".right-column").style.width=Constants.ANIMATED_PREVIEW_WIDTH+"px",this.toggleOnionSkinEl=document.querySelector(".preview-toggle-onion-skin"),this.toggleOnionSkinEl.addEventListener("click",this.toggleOnionSkin_.bind(this)),pskl.utils.Event.addEventListener(".open-popup-preview-button","click",this.onOpenPopupPreviewClick_,this),pskl.app.shortcutService.addShortcut("alt+O",this.toggleOnionSkin_.bind(this)),$.subscribe(Events.FRAME_SIZE_CHANGED,this.onFrameSizeChange_.bind(this)),$.subscribe(Events.USER_SETTINGS_CHANGED,$.proxy(this.onUserSettingsChange_,this)),$.subscribe(Events.PISKEL_SAVE_STATE,this.setRenderFlag_.bind(this,!0)),$.subscribe(Events.PISKEL_RESET,this.setRenderFlag_.bind(this,!0)),this.popupPreviewController.init(),this.updateZoom_(),this.updateOnionSkinPreview_(),this.updateMaxFPS_(),this.updateContainerDimensions_()},a.PreviewController.prototype.onOpenPopupPreviewClick_=function(){this.popupPreviewController.open()},a.PreviewController.prototype.onUserSettingsChange_=function(a,b){b==pskl.UserSettings.ONION_SKIN?this.updateOnionSkinPreview_():b==pskl.UserSettings.MAX_FPS?this.updateMaxFPS_():(this.updateZoom_(),this.updateContainerDimensions_())},a.PreviewController.prototype.updateOnionSkinPreview_=function(){var a="preview-toggle-onion-skin-enabled";pskl.UserSettings.get(pskl.UserSettings.ONION_SKIN)?this.toggleOnionSkinEl.classList.add(a):this.toggleOnionSkinEl.classList.remove(a)},a.PreviewController.prototype.updateMaxFPS_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.MAX_FPS);this.fpsRangeInput.get(0).setAttribute("max",a),this.setFPS(Math.min(this.fps,a))},a.PreviewController.prototype.updateZoom_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.TILED_PREVIEW),b=a?1:this.calculateZoom_();this.renderer.setZoom(b)},a.PreviewController.prototype.getZoom=function(){return this.calculateZoom_()},a.PreviewController.prototype.getCoordinates=function(a,b){var c=this.container.offset();a-=c.left,b-=c.top;var d=this.getZoom();return{x:Math.floor(a/d),y:Math.floor(b/d)}},a.PreviewController.prototype.onFPSSliderChange=function(){this.setFPS(parseInt(this.fpsRangeInput[0].value,10))},a.PreviewController.prototype.setFPS=function(a){"number"==typeof a&&(this.fps=a,this.fpsRangeInput.get(0).value=0,this.fpsRangeInput.get(0).value=this.fps,this.fpsRangeInput.blur(),this.fpsCounterDisplay.html(this.fps+" FPS"))},a.PreviewController.prototype.getFPS=function(){return this.fps},a.PreviewController.prototype.render=function(a){this.elapsedTime+=a;var b=this.getNextIndex_(a);if(this.shoudlRender_()||this.currentIndex!=b){this.currentIndex=b;var c=this.piskelController.getFrameAt(this.currentIndex);this.renderer.render(c),this.renderFlag=!1,this.popupPreviewController.render(c)}},a.PreviewController.prototype.getNextIndex_=function(){if(0===this.fps)return this.piskelController.getCurrentFrameIndex();var a=Math.floor(this.elapsedTime/(1e3/this.fps));return this.piskelController.hasFrameAt(a)||(this.elapsedTime=0,a=0),a},a.PreviewController.prototype.calculateZoom_=function(){var a=this.piskelController.getCurrentFrame(),c=b/a.getHeight(),d=b/a.getWidth();return Math.min(c,d)},a.PreviewController.prototype.onFrameSizeChange_=function(){this.updateZoom_(),this.updateContainerDimensions_()},a.PreviewController.prototype.updateContainerDimensions_=function(){var a,c,d=this.container.get(0),e=pskl.UserSettings.get(pskl.UserSettings.TILED_PREVIEW);if(e)a=b,c=b;else{var f=this.getZoom(),g=this.piskelController.getCurrentFrame();a=g.getHeight()*f,c=g.getWidth()*f}d.style.height=a+"px",d.style.width=c+"px";var h=(b-a)/2;d.style.marginTop=h+"px",d.style.marginBottom=h+"px";var i=(b-c)/2;d.style.marginLeft=i+"px",d.style.marginRight=i+"px"},a.PreviewController.prototype.setRenderFlag_=function(a){this.renderFlag=a},a.PreviewController.prototype.shoudlRender_=function(){return this.renderFlag||this.popupPreviewController.renderFlag},a.PreviewController.prototype.toggleOnionSkin_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.ONION_SKIN);pskl.UserSettings.set(pskl.UserSettings.ONION_SKIN,!a)}}(),function(){var a=$.namespace("pskl.controller");a.MinimapController=function(a,b,c,d){this.piskelController=a,this.previewController=b,this.drawingController=c,this.container=d,this.isClicked=!1,this.isVisible=!1},a.MinimapController.prototype.init=function(){this.minimapEl=document.createElement("DIV"),this.minimapEl.className="minimap-crop-frame",this.minimapEl.style.display="none",$(this.container).append(this.minimapEl),$(this.container).mousedown(this.onMinimapMousedown_.bind(this)),$("body").mousemove(this.onMinimapMousemove_.bind(this)),$("body").mouseup(this.onMinimapMouseup_.bind(this)),$.subscribe(Events.ZOOM_CHANGED,$.proxy(this.renderMinimap_,this))},a.MinimapController.prototype.renderMinimap_=function(){var a=this.getVerticalRatio_(),b=this.getHorizontalRatio_();a>1||b>1?this.displayMinimap_():this.hideMinimap_()},a.MinimapController.prototype.displayMinimap_=function(){var a=this.getMinimapSize_(),b=this.getPreviewSize_(),c=this.container.height(),d=this.container.width(),e=this.drawingController.getRenderer().getOffset(),f=(d-Math.max(a.width,b.width))/2,g=e.x*this.previewController.getZoom(),h=f+g,i=(c-Math.max(a.height,b.height))/2,j=e.y*this.previewController.getZoom(),k=i+j;this.minimapEl.style.display="block",this.minimapEl.style.width=Math.min(a.width,d)+"px",this.minimapEl.style.height=Math.min(a.height,c)+"px",this.minimapEl.style.left=Math.max(0,h)+"px",this.minimapEl.style.top=Math.max(0,k)+"px",this.isVisible=!0},a.MinimapController.prototype.getMinimapSize_=function(){var a=this.drawingController.getRenderer().getZoom(),b=this.previewController.getZoom(),c=a/b,d=this.drawingController.getRenderer().getDisplaySize(),e=d.width/c,f=d.height/c;return{width:e,height:f}},a.MinimapController.prototype.getPreviewSize_=function(){var a=this.piskelController.getCurrentFrame(),b=a.getWidth()*this.previewController.getZoom(),c=a.getHeight()*this.previewController.getZoom();return{width:b,height:c}},a.MinimapController.prototype.hideMinimap_=function(){this.minimapEl.style.display="none",this.isVisible=!1},a.MinimapController.prototype.onMinimapMousemove_=function(a){if(this.isVisible&&this.isClicked){var b=this.getCoordinatesCenteredAround_(a.clientX,a.clientY);this.drawingController.setOffset(b.x,b.y)}},a.MinimapController.prototype.onMinimapMousedown_=function(){this.isClicked=!0},a.MinimapController.prototype.onMinimapMouseup_=function(){this.isClicked=!1},a.MinimapController.prototype.getCoordinatesCenteredAround_=function(a,b){var c=this.previewController.getCoordinates(a,b),d=this.piskelController.getCurrentFrame().getWidth(),e=this.piskelController.getCurrentFrame().getHeight(),f=d/this.getHorizontalRatio_(),g=e/this.getVerticalRatio_();return{x:c.x-f/2,y:c.y-g/2}},a.MinimapController.prototype.getVerticalRatio_=function(){var a=this.drawingController.getRenderer().getZoom(),b=this.piskelController.getCurrentFrame(),c=b.getHeight()*a,d=this.drawingController.getRenderer().getDisplaySize().height;return c/d},a.MinimapController.prototype.getHorizontalRatio_=function(){var a=this.drawingController.getRenderer().getZoom(),b=this.piskelController.getCurrentFrame(),c=b.getWidth()*a,d=this.drawingController.getRenderer().getDisplaySize().width;return c/d}}(),function(){var a=$.namespace("pskl.controller");a.ToolController=function(){var a=function(a,b,c){return{id:a,shortcut:b,instance:c}};this.tools=[a("simplePen","P",new pskl.tools.drawing.SimplePen),a("verticalMirrorPen","V",new pskl.tools.drawing.VerticalMirrorPen),a("paintBucket","B",new pskl.tools.drawing.PaintBucket),a("colorSwap","A",new pskl.tools.drawing.ColorSwap),a("eraser","E",new pskl.tools.drawing.Eraser),a("stroke","L",new pskl.tools.drawing.Stroke),a("rectangle","R",new pskl.tools.drawing.Rectangle),a("circle","C",new pskl.tools.drawing.Circle),a("move","M",new pskl.tools.drawing.Move),a("rectangleSelect","S",new pskl.tools.drawing.RectangleSelect),a("shapeSelect","Z",new pskl.tools.drawing.ShapeSelect),a("lighten","U",new pskl.tools.drawing.Lighten),a("colorPicker","O",new pskl.tools.drawing.ColorPicker)],this.toolIconRenderer=new pskl.tools.IconMarkupRenderer},a.ToolController.prototype.init=function(){this.createToolsDom_(),this.addKeyboardShortcuts_(),this.selectTool_(this.tools[0]),$("#tool-section").mousedown($.proxy(this.onToolIconClicked_,this)),$.subscribe(Events.SELECT_TOOL,this.onSelectToolEvent_.bind(this))},a.ToolController.prototype.activateToolOnStage_=function(a){var b=$("body"),c=b.data("selected-tool-class");c&&(b.removeClass(c),b.removeClass(pskl.tools.drawing.Move.TOOL_ID)),b.addClass(a.instance.toolId),b.data("selected-tool-class",a.instance.toolId)},a.ToolController.prototype.onSelectToolEvent_=function(a,b){var c=this.getToolById_(b);c&&this.selectTool_(c)},a.ToolController.prototype.selectTool_=function(a){this.currentSelectedTool=a,this.activateToolOnStage_(this.currentSelectedTool);var b=$("#tool-section .tool-icon.selected"),c=$("[data-tool-id="+a.instance.toolId+"]");b.removeClass("selected"),c.addClass("selected"),$.publish(Events.TOOL_SELECTED,[a.instance])},a.ToolController.prototype.onToolIconClicked_=function(a){var b=$(a.target),c=b.closest(".tool-icon");if(c.length){var d=c.data().toolId,e=this.getToolById_(d);e&&this.selectTool_(e)}},a.ToolController.prototype.onKeyboardShortcut_=function(a){for(var b=0;b","shift+>"],this.selectNextColor_.bind(this)),pskl.app.shortcutService.addShortcut("<",this.selectPreviousColor_.bind(this)),this.fillPaletteList(),this.updateFromUserSettings(),this.fillColorListContainer()},a.PalettesListController.prototype.fillPaletteList=function(){var a=this.paletteService.getPalettes(),b=a.map(function(a){return pskl.utils.Template.replace('{{name}} ',a)}).join("");this.colorPaletteSelect_.innerHTML=b},a.PalettesListController.prototype.fillColorListContainer=function(){var a=this.getSelectedPaletteColors_();if(a.length>0){var b=a.map(function(a,b){return pskl.utils.Template.replace(this.paletteColorTemplate_,{color:a,index:b})}.bind(this)).join("");this.colorListContainer_.innerHTML=b,this.highlightSelectedColors();var c=a.length>e;c&&!pskl.utils.UserAgent.isChrome?this.colorListContainer_.classList.add(d):this.colorListContainer_.classList.remove(d)}else this.colorListContainer_.innerHTML=pskl.utils.Template.get("palettes-list-no-colors-partial")},a.PalettesListController.prototype.selectPalette=function(a){pskl.UserSettings.set(pskl.UserSettings.SELECTED_PALETTE,a)},a.PalettesListController.prototype.getSelectedPaletteColors_=function(){var a=[],b=this.getSelectedPalette_();return b&&(a=b.getColors()),a.length>Constants.MAX_CURRENT_COLORS_DISPLAYED&&(a=a.slice(0,Constants.MAX_CURRENT_COLORS_DISPLAYED)),a},a.PalettesListController.prototype.getSelectedPalette_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.SELECTED_PALETTE);return this.paletteService.getPaletteById(a)},a.PalettesListController.prototype.selectNextColor_=function(){this.selectColor_(this.getCurrentColorIndex_()+1)},a.PalettesListController.prototype.selectPreviousColor_=function(){this.selectColor_(this.getCurrentColorIndex_()-1)},a.PalettesListController.prototype.getCurrentColorIndex_=function(){var a=0,c=document.querySelector("."+b);return c&&(a=parseInt(c.dataset.colorIndex,10)),a},a.PalettesListController.prototype.selectColor_=function(a){var b=this.getSelectedPaletteColors_(),c=b[a];c&&$.publish(Events.SELECT_PRIMARY_COLOR,[c])},a.PalettesListController.prototype.onUserSettingsChange_=function(a,b){b==pskl.UserSettings.SELECTED_PALETTE&&this.updateFromUserSettings()},a.PalettesListController.prototype.updateFromUserSettings=function(){var a=pskl.UserSettings.get(pskl.UserSettings.SELECTED_PALETTE);this.fillColorListContainer(),this.colorPaletteSelect_.value=a},a.PalettesListController.prototype.onPaletteSelected_=function(){var a=this.colorPaletteSelect_.value;this.selectPalette(a),this.colorPaletteSelect_.blur()},a.PalettesListController.prototype.onCreatePaletteClick_=function(){$.publish(Events.DIALOG_DISPLAY,"create-palette")
+},a.PalettesListController.prototype.onEditPaletteClick_=function(){var a=this.colorPaletteSelect_.value;$.publish(Events.DIALOG_DISPLAY,{dialogId:"create-palette",initArgs:a})},a.PalettesListController.prototype.onColorContainerContextMenu=function(a){a.preventDefault()},a.PalettesListController.prototype.onColorContainerMouseup=function(a){var b=a.target,c=b.dataset.color;c&&(a.button==Constants.LEFT_BUTTON?$.publish(Events.SELECT_PRIMARY_COLOR,[c]):a.button==Constants.RIGHT_BUTTON&&$.publish(Events.SELECT_SECONDARY_COLOR,[c]))},a.PalettesListController.prototype.highlightSelectedColors=function(){this.removeClass_(b),this.removeClass_(c);var a=this.getColorContainer_(this.paletteController.getSecondaryColor());a&&(a.classList.remove(b),a.classList.add(c)),a=this.getColorContainer_(this.paletteController.getPrimaryColor()),a&&(a.classList.remove(c),a.classList.add(b))},a.PalettesListController.prototype.getColorContainer_=function(a){return this.colorListContainer_.querySelector('.palettes-list-color[data-color="'+a+'"]')},a.PalettesListController.prototype.removeClass_=function(a){var b=document.querySelector("."+a);b&&b.classList.remove(a)},a.PalettesListController.prototype.onPaletteListUpdated=function(){this.fillPaletteList(),this.updateFromUserSettings()}}(),function(){var a=$.namespace("pskl.controller");a.ProgressBarController=function(){this.template=pskl.utils.Template.get("progress-bar-template"),this.progressBar=null,this.progressBarStatus=null,this.showProgressTimer_=0},a.ProgressBarController.prototype.init=function(){$.subscribe(Events.SHOW_PROGRESS,$.proxy(this.showProgress_,this)),$.subscribe(Events.UPDATE_PROGRESS,$.proxy(this.updateProgress_,this)),$.subscribe(Events.HIDE_PROGRESS,$.proxy(this.hideProgress_,this))},a.ProgressBarController.prototype.showProgress_=function(a,b){this.removeProgressBar_(),this.showProgressTimer_=window.setTimeout(this.onTimerExpired_.bind(this,b),300)},a.ProgressBarController.prototype.onTimerExpired_=function(a){var b=pskl.utils.Template.replace(this.template,{name:a.name,status:0}),c=pskl.utils.Template.createFromHTML(b);document.body.appendChild(c),this.progressBar=document.querySelector(".progress-bar"),this.progressBarStatus=document.querySelector(".progress-bar-status")},a.ProgressBarController.prototype.updateProgress_=function(a,b){if(this.progressBar&&this.progressBarStatus){var c=b.progress,d=this.progressBar.offsetWidth,e=d-c*d/100;this.progressBar.style.backgroundPosition=-e+"px 0",this.progressBarStatus.innerHTML=c+"%"}},a.ProgressBarController.prototype.hideProgress_=function(){this.showProgressTimer_&&window.clearTimeout(this.showProgressTimer_),this.removeProgressBar_()},a.ProgressBarController.prototype.removeProgressBar_=function(){var a=document.querySelector(".progress-bar-container");a&&(a.parentNode.removeChild(a),this.progressBar=null,this.progressBarStatus=null)}}(),function(){var a=$.namespace("pskl.controller");a.NotificationController=function(){},a.NotificationController.prototype.init=function(){$.subscribe(Events.SHOW_NOTIFICATION,$.proxy(this.displayMessage_,this)),$.subscribe(Events.HIDE_NOTIFICATION,$.proxy(this.removeMessage_,this))},a.NotificationController.prototype.displayMessage_=function(a,b){this.removeMessage_();var c=document.createElement("div");c.id="user-message",c.className="user-message",c.innerHTML=b.content,c.innerHTML=c.innerHTML+"x
",document.body.appendChild(c),c.querySelector(".close").addEventListener("click",this.removeMessage_.bind(this)),b.behavior&&b.behavior(c),b.hideDelay&&window.setTimeout(this.removeMessage_.bind(this),b.hideDelay)},a.NotificationController.prototype.removeMessage_=function(){var a=$("#user-message");a.length&&a.remove()}}(),function(){var a=$.namespace("pskl.controller");a.TransformationsController=function(){var a=function(a,b,c){return{id:a,shortcut:b,instance:c}};this.tools=[a("flip","",new pskl.tools.transform.Flip),a("rotate","",new pskl.tools.transform.Rotate),a("clone","",new pskl.tools.transform.Clone)],this.toolIconRenderer=new pskl.tools.IconMarkupRenderer},a.TransformationsController.prototype.init=function(){var a=document.querySelector(".transformations-container");this.toolsContainer=a.querySelector(".tools-wrapper"),a.addEventListener("click",this.onTransformationClick.bind(this)),this.createToolsDom_()},a.TransformationsController.prototype.onTransformationClick=function(a){var b=a.target.dataset.toolId;this.tools.forEach(function(c){c.instance.toolId===b&&c.instance.apply(a)}.bind(this))},a.TransformationsController.prototype.createToolsDom_=function(){var a=this.tools.reduce(function(a,b){return a+this.toolIconRenderer.render(b.instance,b.shortcut,"left")}.bind(this),"");this.toolsContainer.innerHTML=a}}(),function(){var a=$.namespace("pskl.controller");a.CanvasBackgroundController=function(){this.body=document.body},a.CanvasBackgroundController.prototype.init=function(){$.subscribe(Events.USER_SETTINGS_CHANGED,this.onUserSettingsChange_.bind(this)),this.updateBackgroundClass_(pskl.UserSettings.get(pskl.UserSettings.CANVAS_BACKGROUND))},a.CanvasBackgroundController.prototype.onUserSettingsChange_=function(a,b,c){b==pskl.UserSettings.CANVAS_BACKGROUND&&this.updateBackgroundClass_(c)},a.CanvasBackgroundController.prototype.updateBackgroundClass_=function(a){var b=this.body.dataset.currentBackgroundClass;b&&this.body.classList.remove(b),this.body.classList.add(a),this.body.dataset.currentBackgroundClass=a}}(),function(){var a=$.namespace("pskl.controller.settings");a.AbstractSettingController=function(){},a.AbstractSettingController.prototype.addEventListener=function(a,b,c){pskl.utils.Event.addEventListener(a,b,c,this)},a.AbstractSettingController.prototype.destroy=function(){pskl.utils.Event.removeAllEventListeners(this),this.nullifyDomReferences_()},a.AbstractSettingController.prototype.nullifyDomReferences_=function(){for(var a in this)if(this.hasOwnProperty(a)){var b=this[a]&&this[a].nodeName;b&&(this[a]=null)}}}(),function(){var a=$.namespace("pskl.controller.settings");a.ApplicationSettingsController=function(){},pskl.utils.inherit(a.ApplicationSettingsController,pskl.controller.settings.AbstractSettingController),a.ApplicationSettingsController.prototype.init=function(){this.backgroundContainer=document.querySelector(".background-picker-wrapper"),this.addEventListener(this.backgroundContainer,"click",this.onBackgroundClick_);var a=pskl.UserSettings.get(pskl.UserSettings.CANVAS_BACKGROUND),b=this.backgroundContainer.querySelector("[data-background="+a+"]");b&&b.classList.add("selected");var c=pskl.UserSettings.get(pskl.UserSettings.GRID_WIDTH),d=document.querySelector(".grid-width-select"),e=d.querySelector('option[value="'+c+'"]');e&&e.setAttribute("selected","selected"),this.addEventListener(d,"change",this.onGridWidthChange_);var f=pskl.UserSettings.get(pskl.UserSettings.TILED_PREVIEW),g=document.querySelector(".tiled-preview-checkbox");f&&g.setAttribute("checked",f),this.addEventListener(g,"change",this.onTiledPreviewChange_);var h=document.querySelector(".max-fps-input");h.value=pskl.UserSettings.get(pskl.UserSettings.MAX_FPS),this.addEventListener(h,"change",this.onMaxFpsChange_),this.applicationSettingsForm=document.querySelector('[name="application-settings-form"]'),this.addEventListener(this.applicationSettingsForm,"submit",this.onFormSubmit_)},a.ApplicationSettingsController.prototype.onGridWidthChange_=function(a){var b=parseInt(a.target.value,10);pskl.UserSettings.set(pskl.UserSettings.GRID_WIDTH,b)},a.ApplicationSettingsController.prototype.onTiledPreviewChange_=function(a){pskl.UserSettings.set(pskl.UserSettings.TILED_PREVIEW,a.currentTarget.checked)},a.ApplicationSettingsController.prototype.onBackgroundClick_=function(a){var b=a.target,c=b.dataset.background;if(c){pskl.UserSettings.set(pskl.UserSettings.CANVAS_BACKGROUND,c);var d=this.backgroundContainer.querySelector(".selected");d&&d.classList.remove("selected"),b.classList.add("selected")}},a.ApplicationSettingsController.prototype.onMaxFpsChange_=function(a){var b=a.target,c=parseInt(b.value,10);c&&!isNaN(c)?pskl.UserSettings.set(pskl.UserSettings.MAX_FPS,c):b.value=pskl.UserSettings.get(pskl.UserSettings.MAX_FPS)},a.ApplicationSettingsController.prototype.onFormSubmit_=function(a){a.preventDefault(),$.publish(Events.CLOSE_SETTINGS_DRAWER)}}(),function(){var a=$.namespace("pskl.controller.settings.exportimage");a.ImageExportController=function(b){this.piskelController=b,this.pngExportController=new a.PngExportController(b),this.gifExportController=new a.GifExportController(b)},a.ImageExportController.prototype.init=function(){this.pngExportController.init(),this.gifExportController.init()}}(),function(){var a=$.namespace("pskl.controller.settings.exportimage"),b=30,c=256,d=20,e=10;a.GifExportController=function(a){this.piskelController=a},pskl.utils.inherit(a.GifExportController,pskl.controller.settings.AbstractSettingController),a.GifExportController.RESOLUTIONS=[];for(var f=1;d>=f;f++)a.GifExportController.RESOLUTIONS.push({zoom:f});a.GifExportController.prototype.init=function(){this.optionTemplate_=pskl.utils.Template.get("gif-export-option-template"),this.uploadStatusContainerEl=document.querySelector(".gif-upload-status"),this.previewContainerEl=document.querySelector(".gif-export-preview"),this.selectResolutionEl=document.querySelector(".gif-export-select-resolution"),this.uploadButton=document.querySelector(".gif-upload-button"),this.addEventListener(this.uploadButton,"click",this.onUploadButtonClick_),this.downloadButton=document.querySelector(".gif-download-button"),this.addEventListener(this.downloadButton,"click",this.onDownloadButtonClick_),this.createOptionElements_()},a.GifExportController.prototype.onUploadButtonClick_=function(a){a.preventDefault();var b=this.getSelectedZoom_(),c=this.piskelController.getFPS();this.renderAsImageDataAnimatedGIF(b,c,this.uploadImageData_.bind(this))},a.GifExportController.prototype.onDownloadButtonClick_=function(){var a=this.getSelectedZoom_(),b=this.piskelController.getFPS();this.renderAsImageDataAnimatedGIF(a,b,this.downloadImageData_.bind(this))},a.GifExportController.prototype.downloadImageData_=function(a){var b=this.piskelController.getPiskel().getDescriptor().name+".gif";pskl.utils.BlobUtils.dataToBlob(a,"image/gif",function(a){pskl.utils.FileUtils.downloadAsFile(a,b)})},a.GifExportController.prototype.uploadImageData_=function(a){this.updatePreview_(a),this.previewContainerEl.classList.add("preview-upload-ongoing"),pskl.app.imageUploadService.upload(a,this.onImageUploadCompleted_.bind(this),this.onImageUploadFailed_.bind(this))},a.GifExportController.prototype.onImageUploadCompleted_=function(a){this.updatePreview_(a),this.updateStatus_(a),this.previewContainerEl.classList.remove("preview-upload-ongoing")},a.GifExportController.prototype.onImageUploadFailed_=function(a,b){500===b.status&&$.publish(Events.SHOW_NOTIFICATION,[{content:"Upload failed : "+b.responseText,hideDelay:5e3}])},a.GifExportController.prototype.updatePreview_=function(a){this.previewContainerEl.innerHTML="e,g=new window.GIF({workers:5,quality:1,width:this.piskelController.getWidth()*a,height:this.piskelController.getHeight()*a,preserveColors:f}),h=0;hb){var d=Math.round((b-c.length)/2),e=a.substring(0,d),f=a.substring(a.length-d,a.length);a=e+c+f}return a}}(),function(){var a=$.namespace("pskl.controller.settings.exportimage"),b=60;a.PngExportController=function(a){this.piskelController=a},pskl.utils.inherit(a.PngExportController,pskl.controller.settings.AbstractSettingController),a.PngExportController.prototype.init=function(){this.previewContainerEl=document.querySelector(".png-export-preview"),this.pngFilePrefixInput=document.getElementById("zip-prefix-name"),this.pngFilePrefixInput.value="sprite_";var a=document.querySelector(".png-download-button");this.addEventListener(a,"click",this.onPngDownloadButtonClick_);var b=document.querySelector(".zip-generate-button");this.addEventListener(b,"click",this.onZipButtonClick_),this.updatePreview_(this.getFramesheetAsCanvas().toDataURL("image/png"))},a.PngExportController.prototype.onPngDownloadButtonClick_=function(){var a=this.getPiskelName_()+".png";pskl.utils.BlobUtils.canvasToBlob(this.getFramesheetAsCanvas(),function(b){pskl.utils.FileUtils.downloadAsFile(b,a)})},a.PngExportController.prototype.onZipButtonClick_=function(){for(var a=new window.JSZip,b=0;bb.date?-1:0}),b.forEach(function(b){var c=pskl.utils.DateUtils.format(b.date,"{{Y}}/{{M}}/{{D}} {{H}}:{{m}}");a+=pskl.utils.Template.replace(this.localStorageItemTemplate_,{name:b.name,date:c})}.bind(this));var c=this.piskelList.get(0).tBodies[0];c.innerHTML=a}}(),function(){var a=$.namespace("pskl.controller.dialogs"),b={"create-palette":{template:"templates/dialogs/create-palette.html",controller:a.CreatePaletteController},"browse-local":{template:"templates/dialogs/browse-local.html",controller:a.BrowseLocalController},"import-image":{template:"templates/dialogs/import-image.html",controller:a.ImportImageController}};a.DialogsController=function(a){this.piskelController=a,this.currentDialog_=null},a.DialogsController.prototype.init=function(){this.dialogContainer_=document.getElementById("dialog-container"),this.dialogWrapper_=document.getElementById("dialog-container-wrapper"),$.subscribe(Events.DIALOG_DISPLAY,this.onDialogDisplayEvent_.bind(this)),$.subscribe(Events.DIALOG_HIDE,this.onDialogHideEvent_.bind(this)),pskl.app.shortcutService.addShortcut("alt+P",this.onDialogDisplayEvent_.bind(this,null,"create-palette")),this.dialogWrapper_.classList.add("animated")},a.DialogsController.prototype.onDialogDisplayEvent_=function(a,c){var d,e;if("string"==typeof c?d=c:(d=c.dialogId,e=c.initArgs),!this.isDisplayed()){var f=b[d];if(f){this.dialogContainer_.classList.add(d),this.dialogContainer_.innerHTML=pskl.utils.Template.get(f.template);var g=new f.controller(this.piskelController);g.init(e),this.showDialogWrapper_(),this.currentDialog_={id:d,controller:g}}else console.error("Could not find dialog configuration for dialogId : "+d)}},a.DialogsController.prototype.onDialogHideEvent_=function(){this.hideDialog()},a.DialogsController.prototype.showDialogWrapper_=function(){pskl.app.shortcutService.addShortcut("ESC",this.hideDialog.bind(this)),this.dialogWrapper_.classList.add("show")},a.DialogsController.prototype.hideDialog=function(){var a=this.currentDialog_;if(a){a.controller.destroy();var b=this.currentDialog_.id;window.setTimeout(function(){this.dialogContainer_.classList.remove(b)}.bind(this),800)}this.hideDialogWrapper_(),this.currentDialog_=null},a.DialogsController.prototype.hideDialogWrapper_=function(){pskl.app.shortcutService.removeShortcut("ESC"),this.dialogWrapper_.classList.remove("show")},a.DialogsController.prototype.isDisplayed=function(){return null!==this.currentDialog_}}(),function(){var a=$.namespace("pskl.widgets"),b="#000000";a.ColorsList=function(a){this.selectedIndex=-1,this.palette=new pskl.model.Palette("tmp","tmp",[]),this.container=a,this.colorsList=this.container.querySelector(".colors-list"),this.colorPreviewEl=this.container.querySelector(".color-preview"),$(a).sortable({placeholder:"colors-list-drop-proxy",update:this.onColorDrop_.bind(this),items:".create-palette-color"}),this.colorsList.addEventListener("click",this.onColorContainerClick_.bind(this));var b=a.querySelector(".color-picker-container");this.hslRgbColorPicker=new pskl.widgets.HslRgbColorPicker(b,this.onColorUpdated_.bind(this)),this.hslRgbColorPicker.init()},a.ColorsList.prototype.setColors=function(a){0===a.length&&a.push(b),this.palette.setColors(a),this.selectColor_(0),this.refresh_()},a.ColorsList.prototype.getColors=function(){return this.palette.getColors()},a.ColorsList.prototype.destroy=function(){this.hslRgbColorPicker.destroy(),this.container=null,this.colorsList=null,this.colorPreviewEl=null},a.ColorsList.prototype.refreshColorElement_=function(a){var b=this.palette.get(this.selectedIndex),c=document.querySelector('[data-palette-index="'+a+'"]');c&&(c.style.background=b,c.classList.toggle("light-color",this.isLight_(b)))},a.ColorsList.prototype.onColorContainerClick_=function(a){var b=a.target;b.classList.contains("create-palette-color")?this.onPaletteColorClick_(a,b):b.classList.contains("create-palette-new-color")?this.onNewColorClick_(a,b):b.classList.contains("create-palette-remove-color")&&this.onRemoveColorClick_(a,b),this.refresh_()},a.ColorsList.prototype.onColorUpdated_=function(a){var b=a.toRgbString();this.colorPreviewEl.style.background=b,this.palette&&(this.palette.set(this.selectedIndex,b),this.refreshColorElement_(this.selectedIndex))},a.ColorsList.prototype.onPaletteColorClick_=function(a,b){var c=parseInt(b.dataset.paletteIndex,10);this.selectColor_(c)},a.ColorsList.prototype.onRemoveColorClick_=function(a,b){var c=b.parentNode,d=parseInt(c.dataset.paletteIndex,10);this.removeColor_(d)},a.ColorsList.prototype.onNewColorClick_=function(){var a=this.palette.get(this.selectedIndex)||"#000000";this.palette.add(a),this.selectColor_(this.palette.size()-1)},a.ColorsList.prototype.refresh_=function(){var a="",b=pskl.utils.Template.get("create-palette-color-template"),c=this.palette.getColors();c.forEach(function(c,d){var e=d===this.selectedIndex;a+=pskl.utils.Template.replace(b,{color:c,index:d,":selected":e,":light-color":this.isLight_(c)})}.bind(this)),a+='+ ',this.colorsList.innerHTML=a},a.ColorsList.prototype.selectColor_=function(a){this.selectedIndex=a,this.hslRgbColorPicker.setColor(this.palette.get(a))},a.ColorsList.prototype.removeColor_=function(a){this.palette.removeAt(a),this.refresh_()},a.ColorsList.prototype.isLight_=function(a){var b=window.tinycolor(a).toRgb();return b.r+b.b+b.g>384},a.ColorsList.prototype.onColorDrop_=function(a,b){var c=b.item.get(0),d=parseInt(c.dataset.paletteIndex,10),e=$(".create-palette-color").index(b.item);this.palette.move(d,e),this.selectedIndex=e,this.refresh_()}}(),function(){var a=$.namespace("pskl.widgets");a.HslRgbColorPicker=function(a,b){this.container=a,this.colorUpdatedCallback=b,this.tinyColor=null,this.hsvColor=null,this.rgbColor=null,this.lastInputTimestamp_=0},a.HslRgbColorPicker.prototype.init=function(){var a=pskl.utils.UserAgent.isChrome||pskl.utils.UserAgent.isFirefox,b=a?"input":"change";this.container.addEventListener(b,this.onPickerChange_.bind(this)),this.container.addEventListener("keydown",this.onKeydown_.bind(this)),this.container.addEventListener("focusout",this.onBlur_.bind(this)),this.spectrumEl=this.container.querySelector(".color-picker-spectrum"),$(this.spectrumEl).spectrum({flat:!0,showButtons:!1,move:this.setColor.bind(this),change:this.setColor.bind(this)}),this.setColor("#000000")},a.HslRgbColorPicker.prototype.destroy=function(){this.container=null,this.spectrumEl=null},a.HslRgbColorPicker.prototype.onPickerChange_=function(a){var b=a.target;if(b.dataset.dimension){var c=b.dataset.model,d=b.dataset.dimension,e=b.value;this.updateColor_(e,c,d)}},a.HslRgbColorPicker.prototype.onKeydown_=function(a){var b=a.target,c="text"===b.getAttribute("type").toLowerCase();if(c&&b.dataset.dimension){var d=b.dataset.model;if("rgb"===d||"hsv"===d){var e=this.getIncrement_(a);if(e){var f=b.dataset.dimension,g=parseInt(b.value,10);this.updateColor_(g+e,d,f)}}}},a.HslRgbColorPicker.prototype.getIncrement_=function(a){var b=0,c=pskl.service.keyboard.KeycodeTranslator.toChar(a.keyCode);return"up"===c?b=1:"down"===c&&(b=-1),a.shiftKey&&(b=5*b),b},a.HslRgbColorPicker.prototype.updateColor_=function(a,b,c){var d=this.toModelValue_(a,b,c);if("hsv"===b||"rgb"===b){if(!isNaN(d)){var e=this.getColor_(b);e[c]=this.normalizeDimension_(d,c),this.setColor(e)}}else"hex"===b&&/^#([a-f0-9]{3}){1,2}$/i.test(d)&&this.setColor(d)},a.HslRgbColorPicker.prototype.onBlur_=function(a){var b=a.target,c="text"===b.getAttribute("type").toLowerCase();if(c&&b.dataset.dimension){var d=b.dataset.model,e=b.dataset.dimension;b.value=this.toInputValue_(d,e)}},a.HslRgbColorPicker.prototype.setColor=function(a){this.unplugged||(this.unplugged=!0,this.hsvColor=this.toHsvColor_(a),this.tinyColor=this.toTinyColor_(a),this.rgbColor=this.tinyColor.toRgb(),this.updateInputs(),$(".color-picker-spectrum").spectrum("set",this.tinyColor),this.colorUpdatedCallback(this.tinyColor),this.unplugged=!1)},a.HslRgbColorPicker.prototype.updateInputs=function(){for(var a=this.container.querySelectorAll("input"),b=0;b";this.piskelController=a},a.LocalStorageService.prototype.init=function(){},a.LocalStorageService.prototype.save=function(a,b,c){this.removeFromKeys_(a),this.addToKeys_(a,b,Date.now()),window.localStorage.setItem("piskel."+a,c)},a.LocalStorageService.prototype.load=function(a){var b=this.getPiskel(a),c=(this.getKey_(a),JSON.parse(b)),d=c.piskel.fps,e=c.piskel.description;pskl.utils.serialization.Deserializer.deserialize(c,function(b){b.setDescriptor(new pskl.model.piskel.Descriptor(a,e,!0)),pskl.app.piskelController.setPiskel(b),pskl.app.previewController.setFPS(d)})},a.LocalStorageService.prototype.remove=function(a){this.removeFromKeys_(a),window.localStorage.removeItem("piskel."+a)},a.LocalStorageService.prototype.saveKeys_=function(a){window.localStorage.setItem("piskel.keys",JSON.stringify(a))},a.LocalStorageService.prototype.removeFromKeys_=function(a){var b=this.getKeys(),c=b.filter(function(b){return b.name!==a});this.saveKeys_(c)},a.LocalStorageService.prototype.getKey_=function(a){var b=this.getKeys().filter(function(b){return b.name===a});return b.length>0?b[0]:null},a.LocalStorageService.prototype.addToKeys_=function(a,b,c){var d=this.getKeys();d.push({name:a,description:b,date:c}),this.saveKeys_(d)},a.LocalStorageService.prototype.getPiskel=function(a){return window.localStorage.getItem("piskel."+a)},a.LocalStorageService.prototype.getKeys=function(){var a=window.localStorage.getItem("piskel.keys");return JSON.parse(a)||[]}}(),function(){var a=$.namespace("pskl.service");a.GithubStorageService=function(a){this.piskelController=a},a.GithubStorageService.prototype.init=function(){},a.GithubStorageService.prototype.store=function(){throw"Github save is no longer available. Use local save instead"}}(),function(){var a=$.namespace("pskl.service");a.AppEngineStorageService=function(a){this.piskelController=a},a.AppEngineStorageService.prototype.init=function(){},a.AppEngineStorageService.prototype.store=function(a){var b=this.piskelController.getPiskel(),c=b.getDescriptor(),d={framesheet:this.piskelController.serialize(),fps:this.piskelController.getFPS(),name:c.name,description:c.description,frames:this.piskelController.getFrameCount(),first_frame_as_png:pskl.app.getFirstFrameAsPng(),framesheet_as_png:pskl.app.getFramesheetAsPng()};c.isPublic&&(d["public"]=!0);var e=function(){a.success(),a.after()},f=function(b){a.error(b.status),a.after()};pskl.utils.Xhr.post(Constants.APPENGINE_SAVE_URL,d,e,f)}}(),function(){var a=$.namespace("pskl.service"),b=6e4;a.BackupService=function(a){this.piskelController=a,this.lastHash=null},a.BackupService.prototype.init=function(){var a=window.localStorage.getItem("bkp.next.piskel"),c=window.localStorage.getItem("bkp.next.info");a&&c&&this.savePiskel_("prev",a,c),window.setInterval(this.backup.bind(this),b)},a.BackupService.prototype.backup=function(){var a=this.piskelController.getPiskel(),b=a.getDescriptor(),c=a.getHash(),d={name:b.name,description:b.info,fps:this.piskelController.getFPS(),date:Date.now(),hash:c};c!==this.lastHash&&(this.lastHash=c,this.savePiskel_("next",this.piskelController.serialize(),JSON.stringify(d)))},a.BackupService.prototype.getPreviousPiskelInfo=function(){var a=window.localStorage.getItem("bkp.prev.info");return a?JSON.parse(a):void 0},a.BackupService.prototype.load=function(){var a=window.localStorage.getItem("bkp.prev.piskel"),b=window.localStorage.getItem("bkp.prev.info");a=JSON.parse(a),b=JSON.parse(b),pskl.utils.serialization.Deserializer.deserialize(a,function(a){a.setDescriptor(new pskl.model.piskel.Descriptor(b.name,b.description,!0)),pskl.app.piskelController.setPiskel(a),pskl.app.previewController.setFPS(b.fps)})},a.BackupService.prototype.savePiskel_=function(a,b,c){try{window.localStorage.setItem("bkp."+a+".piskel",b),window.localStorage.setItem("bkp."+a+".info",c)}catch(d){console.error("Could not save piskel backup in localStorage.",d)}}}(),function(){var a=$.namespace("pskl.service");a.BeforeUnloadService=function(a){this.piskelController=a},a.BeforeUnloadService.prototype.init=function(){window.addEventListener("beforeunload",this.onBeforeUnload.bind(this))},a.BeforeUnloadService.prototype.onBeforeUnload=function(a){if(pskl.app.backupService.backup(),pskl.app.savedStatusService.isDirty()){var b="Your Piskel seems to have unsaved changes";return(a||window.event).returnValue=b,b}}}(),function(){var a=$.namespace("pskl.service");a.HistoryService=function(a,b,c){this.piskelController=a||pskl.app.piskelController,this.shortcutService=b||pskl.app.shortcutService,this.deserializer=c||pskl.utils.serialization.Deserializer,this.stateQueue=[],this.currentIndex=-1,this.lastLoadState=-1},a.HistoryService.SNAPSHOT="SNAPSHOT",a.HistoryService.REPLAY="REPLAY",a.HistoryService.SNAPSHOT_PERIOD=50,a.HistoryService.LOAD_STATE_INTERVAL=50,a.HistoryService.prototype.init=function(){$.subscribe(Events.PISKEL_SAVE_STATE,this.onSaveStateEvent.bind(this)),this.shortcutService.addShortcut("ctrl+Z",this.undo.bind(this)),this.shortcutService.addShortcut("ctrl+Y",this.redo.bind(this)),this.saveState({type:a.HistoryService.SNAPSHOT})},a.HistoryService.prototype.onSaveStateEvent=function(a,b){this.saveState(b)},a.HistoryService.prototype.saveState=function(b){this.stateQueue=this.stateQueue.slice(0,this.currentIndex+1),this.currentIndex=this.currentIndex+1;var c={action:b,frameIndex:b.state?b.state.frameIndex:this.piskelController.currentFrameIndex,layerIndex:b.state?b.state.layerIndex:this.piskelController.currentLayerIndex},d=b.type===a.HistoryService.SNAPSHOT,e=this.currentIndex%a.HistoryService.SNAPSHOT_PERIOD===0;(d||e)&&(c.piskel=this.piskelController.serialize(!0)),this.stateQueue.push(c),$.publish(Events.HISTORY_STATE_SAVED)},a.HistoryService.prototype.undo=function(){this.loadState(this.currentIndex-1)},a.HistoryService.prototype.redo=function(){this.loadState(this.currentIndex+1)},a.HistoryService.prototype.isLoadStateAllowed_=function(b){var c=Date.now()-this.lastLoadState>a.HistoryService.LOAD_STATE_INTERVAL,d=b>=0&&bb)throw"Could not find previous SNAPSHOT saved in history stateQueue";var c=this.getSnapshotFromState_(b),d=this.onPiskelLoaded_.bind(this,a,b);this.deserializer.deserialize(c,d)}}catch(e){window.console.error("[CRITICAL ERROR] : Unable to load a history state."),"string"==typeof e?window.console.error(e):(window.console.error(e.message),window.console.error(e.stack)),this.stateQueue=[],this.currentIndex=-1}},a.HistoryService.prototype.getSnapshotFromState_=function(a){var b=this.stateQueue[a],c=b.piskel;return"string"==typeof c&&(c=JSON.parse(c),b.piskel=c),c},a.HistoryService.prototype.onPiskelLoaded_=function(a,b,c){var d=this.getPiskelSize_();c.setDescriptor(this.piskelController.piskel.getDescriptor()),this.piskelController.setPiskel(c);for(var e=b+1;a>=e;e++){var f=this.stateQueue[e];this.setupState(f),this.replayState(f)}var g=this.stateQueue[a+1];g&&this.setupState(g),this.currentIndex=a,$.publish(Events.PISKEL_RESET),$.publish(Events.HISTORY_STATE_LOADED),d!==this.getPiskelSize_()&&$.publish(Events.FRAME_SIZE_CHANGED)},a.HistoryService.prototype.getPiskelSize_=function(){return this.piskelController.getWidth()+"x"+this.piskelController.getHeight()},a.HistoryService.prototype.setupState=function(a){this.piskelController.setCurrentFrameIndex(a.frameIndex),this.piskelController.setCurrentLayerIndex(a.layerIndex)},a.HistoryService.prototype.replayState=function(a){var b=a.action,c=(b.type,this.piskelController.getLayerAt(a.layerIndex)),d=c.getFrameAt(a.frameIndex);b.scope.replay(d,b.replay)}}(),function(){for(var a=$.namespace("pskl.service.color"),b=.1,c=.1,d=.9,e=36,f=10,g=[],h=0;f>h;h++)g.push(h*e);a.ColorSorter=function(){this.colorsHslMap_={}},a.ColorSorter.prototype.sort=function(a){this.colorsHslMap_={},a.forEach(function(a){this.colorsHslMap_[a]=window.tinycolor(a).toHsl()}.bind(this));var f=a.filter(function(a){var b=this.colorsHslMap_[a];return b.l<=c}.bind(this)),h=a.filter(function(a){var b=this.colorsHslMap_[a];return b.l>=d}.bind(this)),i=a.filter(function(a){return-1===h.indexOf(a)&&-1===f.indexOf(a)}).filter(function(a){var c=this.colorsHslMap_[a];return c.s<=b}.bind(this));f=this.sortOnHslProperty_(f,"l"),h=this.sortOnHslProperty_(h,"l"),i=this.sortOnHslProperty_(i,"h");var j=f.concat(h,i),k=a.filter(function(a){return-1===j.indexOf(a)}),l=g.map(function(a){var b=k.filter(function(b){var c=this.colorsHslMap_[b];return c.h>=a&&c.he?f>g?this.compareValues_(c.s,d.s):this.compareValues_(c.l,d.l):this.compareValues_(c.h,d.h)}.bind(this));return b},a.ColorSorter.prototype.sortOnHslProperty_=function(a,b){return a.sort(function(a,c){var d=this.colorsHslMap_[a],e=this.colorsHslMap_[c];return this.compareValues_(d[b],e[b])}.bind(this))},a.ColorSorter.prototype.compareValues_=function(a,b){return a>b?1:b>a?-1:0}}(),function(){var a=$.namespace("pskl.service.palette");a.CurrentColorsPalette=function(){this.name="Current colors",this.id=Constants.CURRENT_COLORS_PALETTE_ID},a.CurrentColorsPalette.prototype.getColors=function(){return pskl.app.currentColorsService.getCurrentColors()}}(),function(){var a=$.namespace("pskl.service.palette");a.PaletteService=function(){this.dynamicPalettes=[],this.localStorageService=window.localStorage},a.PaletteService.prototype.getPalettes=function(){var a=this.localStorageService.getItem("piskel.palettes"),b=JSON.parse(a)||[];return b=b.map(function(a){return pskl.model.Palette.fromObject(a)}),this.dynamicPalettes.concat(b)},a.PaletteService.prototype.getPaletteById=function(a){var b=this.getPalettes();return this.findPaletteInArray_(a,b)},a.PaletteService.prototype.savePalette=function(a){var b=this.getPalettes(),c=this.findPaletteInArray_(a.id,b);if(c){var d=b.indexOf(c);b.splice(d,1,a)}else b.push(a);this.savePalettes_(b),$.publish(Events.SHOW_NOTIFICATION,[{content:"Palette "+a.name+" successfully saved !"}]),window.setTimeout($.publish.bind($,Events.HIDE_NOTIFICATION),2e3)},a.PaletteService.prototype.addDynamicPalette=function(a){this.dynamicPalettes.push(a)},a.PaletteService.prototype.deletePaletteById=function(a){var b=this.getPalettes(),c=b.filter(function(b){return b.id!==a});this.savePalettes_(c)},a.PaletteService.prototype.savePalettes_=function(a){a=a.filter(function(a){return-1===this.dynamicPalettes.indexOf(a)}.bind(this)),this.localStorageService.setItem("piskel.palettes",JSON.stringify(a)),$.publish(Events.PALETTE_LIST_UPDATED)},a.PaletteService.prototype.findPaletteInArray_=function(a,b){var c=null;return b.forEach(function(b){b.id===a&&(c=b)}),c}}(),function(){var a=$.namespace("pskl.service.palette");a.PaletteGplWriter=function(a){this.palette=a},a.PaletteGplWriter.prototype.write=function(){var a=[];return a.push("GIMP Palette"),a.push("Name: "+this.palette.name),a.push("Columns: 0"),a.push("#"),this.palette.getColors().forEach(function(b){a.push(this.writeColorLine(b))}.bind(this)),a.push("\r\n"),a.join("\r\n")},a.PaletteGplWriter.prototype.writeColorLine=function(a){var b=window.tinycolor(a),c=b.toRgb(),d=[];return d.push(this.padString(c.r,3)),d.push(this.padString(c.g,3)),d.push(this.padString(c.b,3)),d.push("Untitled"),d.join(" ")},a.PaletteGplWriter.prototype.padString=function(a,b){a=a.toString();var c=new Array(1+b-a.length).join(" ");return c+a}}(),function(){var a=$.namespace("pskl.service.palette.reader");a.AbstractPaletteFileReader=function(a,b,c,d){this.file=a,this.onSuccess=b,this.onError=c,this.colorLineRegexp=d},a.AbstractPaletteFileReader.prototype.extractColorFromLine=Constants.ABSTRACT_FUNCTION,a.AbstractPaletteFileReader.prototype.read=function(){pskl.utils.FileUtils.readFile(this.file,this.onFileLoaded_.bind(this))},a.AbstractPaletteFileReader.prototype.onFileLoaded_=function(a){var b=pskl.utils.Base64.toText(a),c=b.match(/[^\r\n]+/g),d=c.filter(function(a){return this.colorLineRegexp.test(a)}.bind(this)),e=d.map(this.extractColorFromLine.bind(this));if(e.length){var f=pskl.utils.Uuid.generate(),g=new pskl.model.Palette(f,this.file.name,e);this.onSuccess(g)}else this.onError()}}(),function(){var a=$.namespace("pskl.service.palette.reader"),b=/^(\s*\d{1,3})(\s*\d{1,3})(\s*\d{1,3})/;a.PaletteGplReader=function(a,c,d){this.superclass.constructor.call(this,a,c,d,b)},pskl.utils.inherit(a.PaletteGplReader,a.AbstractPaletteFileReader),a.PaletteGplReader.prototype.extractColorFromLine=function(a){var c=a.match(b),d=window.tinycolor({r:parseInt(c[1],10),g:parseInt(c[2],10),b:parseInt(c[3],10)});return d.toRgbString()}}(),function(){var a=$.namespace("pskl.service.palette.reader");a.PaletteImageReader=function(a,b,c){this.file=a,this.onSuccess=b,this.onError=c,this.colorSorter_=new pskl.service.color.ColorSorter},a.PaletteImageReader.prototype.read=function(){pskl.utils.FileUtils.readImageFile(this.file,this.onImageLoaded_.bind(this))},a.PaletteImageReader.prototype.onImageLoaded_=function(a){var b=new pskl.worker.ImageProcessor(a,this.onWorkerSuccess_.bind(this),this.onWorkerStep_.bind(this),this.onWorkerError_.bind(this));$.publish(Events.SHOW_PROGRESS,[{name:"Processing image colors ..."}]),b.process()},a.PaletteImageReader.prototype.onWorkerSuccess_=function(a){var b=a.data,c=b.colorsMap,d=Object.keys(c);if(d.length>200)this.onError("Too many colors : "+d.length);else{var e=pskl.utils.Uuid.generate(),f=this.colorSorter_.sort(d),g=new pskl.model.Palette(e,this.file.name+" palette",f);this.onSuccess(g)}$.publish(Events.HIDE_PROGRESS)},a.PaletteImageReader.prototype.onWorkerStep_=function(a){var b=a.data.progress;$.publish(Events.UPDATE_PROGRESS,[{progress:b}])},a.PaletteImageReader.prototype.onWorkerError_=function(a){$.publish(Events.HIDE_PROGRESS),this.onError("Unable to process the image : "+a.data.message)}}(),function(){var a=$.namespace("pskl.service.palette.reader"),b=/^(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})/;
+a.PalettePalReader=function(a,c,d){this.superclass.constructor.call(this,a,c,d,b)},pskl.utils.inherit(a.PalettePalReader,a.AbstractPaletteFileReader),a.PalettePalReader.prototype.extractColorFromLine=function(a){var c=a.match(b),d="rgb("+c[1]+","+c[2]+","+c[3]+")";return d}}(),function(){var a=$.namespace("pskl.service.palette.reader"),b=/^[A-F0-9]{2}([A-F0-9]{2})([A-F0-9]{2})([A-F0-9]{2})/;a.PaletteTxtReader=function(a,c,d){this.superclass.constructor.call(this,a,c,d,b)},pskl.utils.inherit(a.PaletteTxtReader,a.AbstractPaletteFileReader),a.PaletteTxtReader.prototype.extractColorFromLine=function(a){var c=a.match(b),d="#"+c[1]+c[2]+c[3];return d}}(),function(){var a=$.namespace("pskl.service.palette"),b={gpl:a.reader.PaletteGplReader,pal:a.reader.PalettePalReader,txt:a.reader.PaletteTxtReader,img:a.reader.PaletteImageReader};a.PaletteImportService=function(){},a.PaletteImportService.prototype.read=function(a,b,c){var d=this.getReader_(a,b,c);if(!d)throw"Could not find reader for file : "+a.name;d.read()},a.PaletteImportService.prototype.isImage_=function(a){return 0===a.type.indexOf("image")},a.PaletteImportService.prototype.getReader_=function(a,b,c){var d=this.getReaderClass_(a);return d?new d(a,b,c):null},a.PaletteImportService.prototype.getReaderClass_=function(a){var c;if(this.isImage_(a))c=b.img;else{var d=this.getExtension_(a);c=b[d]}return c},a.PaletteImportService.prototype.getExtension_=function(a){var b=a.name.split("."),c=b[b.length-1];return c.toLowerCase()}}(),function(){var a=$.namespace("pskl.service");a.SavedStatusService=function(a){this.piskelController=a},a.SavedStatusService.prototype.init=function(){$.subscribe(Events.TOOL_RELEASED,this.onToolReleased.bind(this)),$.subscribe(Events.PISKEL_RESET,this.onPiskelReset.bind(this)),$.subscribe(Events.PISKEL_SAVED,this.onPiskelSaved.bind(this))},a.SavedStatusService.prototype.onPiskelReset=function(){var a=this.piskelController.getPiskel();a.firstResetDone_?this.updateDirtyStatus(!0):a.firstResetDone_=!0},a.SavedStatusService.prototype.onToolReleased=function(){this.updateDirtyStatus(!0)},a.SavedStatusService.prototype.onPiskelSaved=function(){this.updateDirtyStatus(!1)},a.SavedStatusService.prototype.updateDirtyStatus=function(a){var b=this.piskelController.getPiskel();b.isDirty_!==a&&(b.isDirty_=a,this.updatePiskelName())},a.SavedStatusService.prototype.updatePiskelName=function(){var a=this.piskelController.getPiskel(),b=a.getDescriptor().name;$(".piskel-name").html(a.isDirty_?b+" *":b)},a.SavedStatusService.prototype.isDirty=function(){var a=this.piskelController.getPiskel();return a.isDirty_}}(),function(){var a=$.namespace("pskl.service.keyboard");a.ShortcutService=function(){this.shortcuts_={}},a.ShortcutService.prototype.init=function(){$(document.body).keydown($.proxy(this.onKeyUp_,this))},a.ShortcutService.prototype.addShortcut=function(a,b){var c=this.parseKey_(a.toLowerCase()),d=c.key,e=c.meta;if(this.shortcuts_[d]=this.shortcuts_[d]||{},this.shortcuts_[d][e]){var f=("normal"!==e?e+" + ":"")+d;console.error("[ShortcutService] >>> Shortcut ["+f+"] already registered")}else this.shortcuts_[d][e]=b},a.ShortcutService.prototype.addShortcuts=function(a,b){a.forEach(function(a){this.addShortcut(a,b)}.bind(this))},a.ShortcutService.prototype.removeShortcut=function(a){var b=this.parseKey_(a.toLowerCase()),c=b.key,d=b.meta;this.shortcuts_[c]=this.shortcuts_[c]||{},this.shortcuts_[c][d]=null},a.ShortcutService.prototype.parseKey_=function(a){var b=this.getMetaKey_({alt:-1!=a.indexOf("alt+"),shift:-1!=a.indexOf("shift+"),ctrl:-1!=a.indexOf("ctrl+")}),c=a.split(/\+(?!$)/);return a=c[c.length-1],{meta:b,key:a}},a.ShortcutService.prototype.getMetaKey_=function(a){var b=[];return["alt","ctrl","shift"].forEach(function(c){a[c]&&b.push(c)}),b.length>0?b.join("+"):"normal"},a.ShortcutService.prototype.onKeyUp_=function(a){if(!this.isInInput_(a)){var b=a.which,c=(a.target.nodeName.toUpperCase(),pskl.service.keyboard.KeycodeTranslator.toChar(b)),d=this.shortcuts_[c];if(d){var e=this.getMetaKey_({alt:this.isAltKeyPressed_(a),shift:this.isShiftKeyPressed_(a),ctrl:this.isCtrlKeyPressed_(a)}),f=d[e];if(f){var g=f(c);g!==!0&&a.preventDefault()}}}},a.ShortcutService.prototype.isInInput_=function(a){var b=a.target.nodeName.toUpperCase();return"INPUT"===b||"TEXTAREA"===b},a.ShortcutService.prototype.isCtrlKeyPressed_=function(a){return pskl.utils.UserAgent.isMac?a.metaKey:a.ctrlKey},a.ShortcutService.prototype.isShiftKeyPressed_=function(a){return a.shiftKey},a.ShortcutService.prototype.isAltKeyPressed_=function(a){return a.altKey}}(),function(){var a={191:"?",8:"back",27:"esc",38:"up",40:"down",46:"del",189:"-",187:"+",188:"<",190:">"},b=$.namespace("pskl.service.keyboard");b.KeycodeTranslator={toChar:function(b){return b>=48&&57>=b?b-48+"":b>=65&&90>=b?(b-65+10).toString(36):a[b]}}}(),function(){var a=$.namespace("pskl.service.keyboard");a.CheatsheetService=function(){this.isDisplayed_=!1},a.CheatsheetService.prototype.init=function(){if(this.cheatsheetEl_=document.getElementById("cheatsheet-wrapper"),!this.cheatsheetEl_)throw"cheatsheetEl_ DOM element could not be retrieved";this.initMarkup_(),pskl.app.shortcutService.addShortcuts(["?","shift+?"],this.toggleCheatsheet_.bind(this));var a=$(".cheatsheet-link");a.click(this.toggleCheatsheet_.bind(this)),$.subscribe(Events.TOGGLE_HELP,this.toggleCheatsheet_.bind(this)),$.subscribe(Events.ESCAPE,this.onEscape_.bind(this))},a.CheatsheetService.prototype.toggleCheatsheet_=function(){this.isDisplayed_?this.hideCheatsheet_():this.showCheatsheet_()},a.CheatsheetService.prototype.onEscape_=function(){this.isDisplayed_&&this.hideCheatsheet_()},a.CheatsheetService.prototype.showCheatsheet_=function(){pskl.app.shortcutService.addShortcut("ESC",this.hideCheatsheet_.bind(this)),this.cheatsheetEl_.style.display="block",this.isDisplayed_=!0},a.CheatsheetService.prototype.hideCheatsheet_=function(){pskl.app.shortcutService.removeShortcut("ESC"),this.cheatsheetEl_.style.display="none",this.isDisplayed_=!1},a.CheatsheetService.prototype.initMarkup_=function(){this.initMarkupForTools_(),this.initMarkupForMisc_(),this.initMarkupForSelection_()},a.CheatsheetService.prototype.toDescriptor_=function(a,b,c){return pskl.utils.UserAgent.isMac&&(a=a.replace("ctrl","cmd")),{shortcut:a,description:b,icon:c}},a.CheatsheetService.prototype.getDomFromDescriptor_=function(a){var b=pskl.utils.Template.get("cheatsheet-shortcut-template"),c=pskl.utils.Template.replace(b,{shortcutIcon:a.icon,shortcutDescription:a.description,shortcutKey:a.shortcut});return pskl.utils.Template.createFromHTML(c)},a.CheatsheetService.prototype.initMarkupAbstract_=function(a,b){for(var c=$(b,this.cheatsheetEl_).get(0),d=0;da?1:-1,i=d>c?1:-1,j=f-g;;){if(e.push({col:a,row:c}),a==b&&c==d)break;var k=2*j;k>-g&&(j-=g,a+=h),f>k&&(j+=f,c+=i)}return e}}(),function(){var a=$.namespace("pskl.tools.drawing");a.ShapeTool=function(){this.startCol=null,this.startRow=null,this.tooltipDescriptors=[{key:"shift",description:"Keep 1 to 1 ratio"}]},pskl.utils.inherit(a.ShapeTool,a.BaseTool),a.ShapeTool.prototype.applyToolAt=function(a,b,c,d,e){$.publish(Events.DRAG_START,[a,b]),this.startCol=a,this.startRow=b,e.setPixel(a,b,c)},a.ShapeTool.prototype.moveToolAt=function(a,b,c,d,e,f){var g=this.getCoordinates_(a,b,f);$.publish(Events.CURSOR_MOVED,[g.col,g.row]),e.clear(),c==Constants.TRANSPARENT_COLOR&&(c=Constants.SELECTION_TRANSPARENT_COLOR),this.draw_(g.col,g.row,c,e)},a.ShapeTool.prototype.releaseToolAt=function(a,b,c,d,e,f){e.clear();var g=this.getCoordinates_(a,b,f);this.draw_(g.col,g.row,c,d),$.publish(Events.DRAG_END,[g.col,g.row]),this.raiseSaveStateEvent({col:g.col,row:g.row,startCol:this.startCol,startRow:this.startRow,color:c})},a.ShapeTool.prototype.replay=function(a,b){this.startCol=b.startCol,this.startRow=b.startRow,this.draw_(b.col,b.row,b.color,a)},a.ShapeTool.prototype.getCoordinates_=function(a,b,c){return c.shiftKey?this.getScaledCoordinates_(a,b):{col:a,row:b}},a.ShapeTool.prototype.getScaledCoordinates_=function(a,b){var c=this.startCol-a,d=Math.abs(c),e=this.startRow-b,f=Math.abs(e),g=Math.min(d,f);return b=this.startRow-e/f*g,a=this.startCol-c/d*g,{col:a,row:b}},a.ShapeTool.prototype.draw_=Constants.ABSTRACT_FUNCTION}(),function(){var a=$.namespace("pskl.tools.drawing");a.SimplePen=function(){this.toolId="tool-pen",this.helpText="Pen tool",this.previousCol=null,this.previousRow=null,this.pixels=[]},pskl.utils.inherit(a.SimplePen,a.BaseTool),a.SimplePen.prototype.applyToolAt=function(a,b,c,d,e){this.previousCol=a,this.previousRow=b,e.setPixel(a,b,c),c===Constants.TRANSPARENT_COLOR&&d.setPixel(a,b,c),this.pixels.push({col:a,row:b,color:c})},a.SimplePen.prototype.moveToolAt=function(a,b,c,d,e,f){if(Math.abs(a-this.previousCol)>1||Math.abs(b-this.previousRow)>1)for(var g=this.getLinePixels_(a,this.previousCol,b,this.previousRow),h=0,i=g.length;i>h;h++){var j=g[h];this.applyToolAt(j.col,j.row,c,d,e,f)}else this.applyToolAt(a,b,c,d,e,f);this.previousCol=a,this.previousRow=b},a.SimplePen.prototype.releaseToolAt=function(a,b,c,d){this.setPixelsToFrame_(d,this.pixels),this.raiseSaveStateEvent({pixels:this.pixels.slice(0),color:c}),this.resetUsedPixels_()},a.SimplePen.prototype.replay=function(a,b){this.setPixelsToFrame_(a,b.pixels,b.color)},a.SimplePen.prototype.setPixelsToFrame_=function(a,b){b.forEach(function(b){a.setPixel(b.col,b.row,b.color)})},a.SimplePen.prototype.resetUsedPixels_=function(){this.pixels=[]}}(),function(){var a=$.namespace("pskl.tools.drawing"),b=3;a.Lighten=function(){this.superclass.constructor.call(this),this.toolId="tool-lighten",this.helpText="Lighten",this.tooltipDescriptors=[{key:"ctrl",description:"Darken"},{key:"shift",description:"Apply only once per pixel"}],this.usedPixels_={darken:{},lighten:{}}},pskl.utils.inherit(a.Lighten,a.SimplePen),a.Lighten.prototype.resetUsedPixels_=function(){this.usedPixels_={darken:{},lighten:{}},this.superclass.resetUsedPixels_.call(this)},a.Lighten.prototype.applyToolAt=function(a,c,d,e,f,g){var h=f.getPixel(a,c),i=e.getPixel(a,c),j=h===Constants.TRANSPARENT_COLOR?i:h,k=pskl.utils.UserAgent.isMac?g.metaKey:g.ctrlKey,l=g.shiftKey,m=j===Constants.TRANSPARENT_COLOR,n=k?this.usedPixels_.darken:this.usedPixels_.lighten,o=a+"-"+c,p=m||l&&n[o];if(p)d=window.tinycolor(j);else{var q=l?2*b:b;d=k?window.tinycolor.darken(j,q):window.tinycolor.lighten(j,q)}d&&(n[o]=!0,this.superclass.applyToolAt.call(this,a,c,d.toRgbString(),e,f,g))}}(),function(){var a=$.namespace("pskl.tools.drawing");a.VerticalMirrorPen=function(){this.superclass.constructor.call(this),this.toolId="tool-vertical-mirror-pen",this.helpText="Vertical Mirror pen",this.tooltipDescriptors=[{key:"ctrl",description:"Use horizontal axis"},{key:"shift",description:"Use horizontal and vertical axis"}]},pskl.utils.inherit(a.VerticalMirrorPen,a.SimplePen),a.VerticalMirrorPen.prototype.backupPreviousPositions_=function(){this.backupPreviousCol=this.previousCol,this.backupPreviousRow=this.previousRow},a.VerticalMirrorPen.prototype.restorePreviousPositions_=function(){this.previousCol=this.backupPreviousCol,this.previousRow=this.backupPreviousRow},a.VerticalMirrorPen.prototype.applyToolAt=function(a,b,c,d,e,f){this.superclass.applyToolAt.call(this,a,b,c,d,e),this.backupPreviousPositions_();var g=this.getSymmetricCol_(a,d),h=this.getSymmetricRow_(b,d),i=pskl.utils.UserAgent.isMac?f.metaKey:f.ctrlKey;i||this.superclass.applyToolAt.call(this,g,b,c,d,e),(f.shiftKey||i)&&this.superclass.applyToolAt.call(this,a,h,c,d,e),f.shiftKey&&this.superclass.applyToolAt.call(this,g,h,c,d,e),this.restorePreviousPositions_()},a.VerticalMirrorPen.prototype.getSymmetricCol_=function(a,b){return b.getWidth()-a-1},a.VerticalMirrorPen.prototype.getSymmetricRow_=function(a,b){return b.getHeight()-a-1}}(),function(){var a=$.namespace("pskl.tools.drawing");a.Eraser=function(){this.superclass.constructor.call(this),this.toolId="tool-eraser",this.helpText="Eraser tool"},pskl.utils.inherit(a.Eraser,a.SimplePen),a.Eraser.prototype.applyToolAt=function(a,b,c,d,e,f){this.superclass.applyToolAt.call(this,a,b,Constants.TRANSPARENT_COLOR,d,e,f)},a.Eraser.prototype.releaseToolAt=function(a,b,c,d,e,f){this.superclass.releaseToolAt.call(this,a,b,Constants.TRANSPARENT_COLOR,d,e,f)}}(),function(){var a=$.namespace("pskl.tools.drawing");a.Stroke=function(){this.toolId="tool-stroke",this.helpText="Stroke tool",this.startCol=null,this.startRow=null},pskl.utils.inherit(a.Stroke,a.BaseTool),a.Stroke.prototype.applyToolAt=function(a,b,c,d,e){this.startCol=a,this.startRow=b,e.setPixel(a,b,c)},a.Stroke.prototype.moveToolAt=function(a,b,c,d,e){e.clear();for(var f=this.getLinePixels_(this.startCol,a,this.startRow,b),g=0;gi;i++)for(var j=0;h>j;j++){var k=i-a,l=j-b;e.shiftKey&&(k=(k+g)%g,l=(l+h)%h),f=d.containsPixel(k,l)?d.getPixel(k,l):Constants.TRANSPARENT_COLOR,c.setPixel(i,j,f)}},a.Move.prototype.releaseToolAt=function(a,b,c,d,e,f){this.moveToolAt(a,b,c,d,e,f),this.raiseSaveStateEvent({colDiff:a-this.startCol,rowDiff:b-this.startRow,shiftKey:f.shiftKey})},a.Move.prototype.replay=function(a,b){var c={shiftKey:b.shiftKey};this.shiftFrame(b.colDiff,b.rowDiff,a,a.clone(),c)}}(),function(){var a=$.namespace("pskl.tools.drawing");a.BaseSelect=function(){this.secondaryToolId=pskl.tools.drawing.Move.TOOL_ID,this.BodyRoot=$("body"),this.startCol=null,this.startRow=null,this.selection=null,this.tooltipDescriptors=[{description:"Drag the selection to move it. You may switch to other layers and frames."},{key:"ctrl+c",description:"Copy the selected area"},{key:"ctrl+v",description:"Paste the copied area"}]},pskl.utils.inherit(a.BaseSelect,a.BaseTool),a.BaseSelect.prototype.applyToolAt=function(a,b,c,d,e){this.startCol=a,this.startRow=b,this.lastCol=a,this.lastRow=b,this.isInSelection(a,b)?(this.mode="moveSelection",this.onSelectionDragStart_(a,b,c,d,e)):(this.mode="select",this.onSelectStart_(a,b,c,d,e))},a.BaseSelect.prototype.moveToolAt=function(a,b,c,d,e){"select"==this.mode?this.onSelect_(a,b,c,d,e):"moveSelection"==this.mode&&this.onSelectionDrag_(a,b,c,d,e)},a.BaseSelect.prototype.releaseToolAt=function(a,b,c,d,e){"select"==this.mode?this.onSelectEnd_(a,b,c,d,e):"moveSelection"==this.mode&&this.onSelectionDragEnd_(a,b,c,d,e)},a.BaseSelect.prototype.moveUnactiveToolAt=function(a,b,c,d,e){e.containsPixel(a,b)&&(this.isInSelection(a,b)?(this.BodyRoot.addClass(this.secondaryToolId),this.BodyRoot.removeClass(this.toolId)):(this.BodyRoot.addClass(this.toolId),this.BodyRoot.removeClass(this.secondaryToolId)))},a.BaseSelect.prototype.isInSelection=function(a,b){return this.selection&&this.selection.pixels.some(function(c){return c.col===a&&c.row===b})},a.BaseSelect.prototype.hideHighlightedPixel=function(){},a.BaseSelect.prototype.drawSelectionOnOverlay_=function(a){for(var b=this.selection.pixels,c=0,d=b.length;d>c;c++){var e=b[c],f=e.color&&e.color!==Constants.TRANSPARENT_COLOR,g=f?this.getTransparentVariant(e.color):Constants.SELECTION_TRANSPARENT_COLOR;a.setPixel(b[c].col,b[c].row,g)}},a.BaseSelect.prototype.getTransparentVariant=function(a){var b=window.tinycolor(a);return b=window.tinycolor.lighten(b,10),b.setAlpha(.5),b.toRgbString()},a.BaseSelect.prototype.onSelectStart_=function(){},a.BaseSelect.prototype.onSelect_=function(){},a.BaseSelect.prototype.onSelectEnd_=function(){},a.BaseSelect.prototype.onSelectionDragStart_=function(){},a.BaseSelect.prototype.onSelectionDrag_=function(a,b,c,d,e){{var f=a-this.lastCol,g=b-this.lastRow;a-this.startCol,b-this.startRow}this.selection.move(f,g),e.clear(),this.drawSelectionOnOverlay_(e),this.lastCol=a,this.lastRow=b},a.BaseSelect.prototype.onSelectionDragEnd_=function(a,b,c,d,e){this.onSelectionDrag_(a,b,c,d,e)}}(),function(){var a=$.namespace("pskl.tools.drawing");a.RectangleSelect=function(){this.toolId="tool-rectangle-select",this.helpText="Rectangle selection",a.BaseSelect.call(this),this.hasSelection=!1},pskl.utils.inherit(a.RectangleSelect,a.BaseSelect),a.RectangleSelect.prototype.onSelectStart_=function(a,b,c,d,e){this.hasSelection?(this.hasSelection=!1,e.clear(),$.publish(Events.SELECTION_DISMISSED)):(this.hasSelection=!0,$.publish(Events.DRAG_START,[a,b]),e.setPixel(a,b,c))},a.RectangleSelect.prototype.onSelect_=function(a,b,c,d,e){this.hasSelection&&(e.clear(),this.selection=new pskl.selection.RectangularSelection(this.startCol,this.startRow,a,b),$.publish(Events.SELECTION_CREATED,[this.selection]),this.drawSelectionOnOverlay_(e))},a.RectangleSelect.prototype.onSelectEnd_=function(a,b,c,d,e){this.hasSelection&&(this.onSelect_(a,b,c,d,e),$.publish(Events.DRAG_END,[a,b]))}}(),function(){var a=$.namespace("pskl.tools.drawing");a.ShapeSelect=function(){this.toolId="tool-shape-select",this.helpText="Shape selection",a.BaseSelect.call(this)},pskl.utils.inherit(a.ShapeSelect,a.BaseSelect),a.ShapeSelect.prototype.onSelectStart_=function(a,b,c,d,e){$.publish(Events.SELECTION_DISMISSED),e.clear();var f=pskl.PixelUtils.getSimilarConnectedPixelsFromFrame(d,a,b);this.selection=new pskl.selection.ShapeSelection(f),$.publish(Events.SELECTION_CREATED,[this.selection]),this.drawSelectionOnOverlay_(e)}}(),function(){var a=$.namespace("pskl.tools.drawing");a.ColorPicker=function(){this.toolId="tool-colorpicker",this.helpText="Color picker"},pskl.utils.inherit(a.ColorPicker,a.BaseTool),a.ColorPicker.prototype.applyToolAt=function(a,b,c,d,e,f){if(d.containsPixel(a,b)){var g=d.getPixel(a,b);f.button==Constants.LEFT_BUTTON?$.publish(Events.SELECT_PRIMARY_COLOR,[g]):f.button==Constants.RIGHT_BUTTON&&$.publish(Events.SELECT_SECONDARY_COLOR,[g])}}}(),function(){var a=$.namespace("pskl.tools.drawing");a.ColorSwap=function(){this.toolId="tool-colorswap",this.helpText="Paint all pixels of the same color",this.tooltipDescriptors=[{key:"ctrl",description:"Apply to all layers"},{key:"shift",description:"Apply to all frames"}]},pskl.utils.inherit(a.ColorSwap,a.BaseTool),a.ColorSwap.prototype.applyToolAt=function(a,b,c,d,e,f){if(d.containsPixel(a,b)){var g=d.getPixel(a,b),h=pskl.utils.UserAgent.isMac?f.metaKey:f.ctrlKey,i=f.shiftKey;this.swapColors(g,c,h,i),$.publish(Events.PISKEL_SAVE_STATE,{type:pskl.service.HistoryService.SNAPSHOT})}},a.ColorSwap.prototype.swapColors=function(a,b,c,d){var e=function(c,d,e,f){c==a&&(f.pixels[d][e]=b)},f=pskl.app.piskelController.getCurrentLayer(),g=pskl.app.piskelController.getCurrentFrameIndex();pskl.app.piskelController.getPiskel().getLayers().forEach(function(a){(c||a===f)&&a.getFrames().forEach(function(a,b){(d||b===g)&&(a.forEachPixel(e),a.version++)})})}}(),function(){var a=$.namespace("pskl.tools.transform");a.Transform=function(){this.toolId="tool-transform",this.helpText="Transform tool",this.tooltipDescriptors=[]},pskl.utils.inherit(a.Transform,pskl.tools.Tool),a.Transform.prototype.apply=function(a){var b=a.shiftKey,c=a.ctrlKey;this.applyTool_(a.altKey,b,c)},a.Transform.prototype.applyTool_=function(a,b,c){var d=pskl.app.piskelController.getCurrentFrameIndex(),e=c?pskl.app.piskelController.getLayers():[pskl.app.piskelController.getCurrentLayer()];e.forEach(function(c){var e=b?c.getFrames():[c.getFrameAt(d)];e.forEach(function(b){this.applyToolOnFrame_(b,a)}.bind(this))}.bind(this)),$.publish(Events.PISKEL_RESET),$.publish(Events.PISKEL_SAVE_STATE,{type:pskl.service.HistoryService.SNAPSHOT})}}(),function(){var a=$.namespace("pskl.tools.transform");a.Clone=function(){this.toolId="tool-clone",this.helpText="Clone current layer to all frames",this.tooltipDescriptors=[]},pskl.utils.inherit(a.Clone,a.Transform),a.Clone.prototype.apply=function(){var a=pskl.app.piskelController.getCurrentFrame(),b=pskl.app.piskelController.getCurrentLayer();b.getFrames().forEach(function(b){b!==a&&b.setPixels(a.getPixels())}),$.publish(Events.PISKEL_RESET),$.publish(Events.PISKEL_SAVE_STATE,{type:pskl.service.HistoryService.SNAPSHOT})}}(),function(){var a=$.namespace("pskl.tools.transform");a.Flip=function(){this.toolId="tool-flip",this.helpText="Flip vertically",this.tooltipDescriptors=[{key:"alt",description:"Flip horizontally"},{key:"ctrl",description:"Apply to all layers"},{key:"shift",description:"Apply to all frames"}]
+},pskl.utils.inherit(a.Flip,a.Transform),a.Flip.prototype.applyToolOnFrame_=function(a,b){var c;c=b?pskl.utils.FrameTransform.HORIZONTAL:pskl.utils.FrameTransform.VERTICAL,pskl.utils.FrameTransform.flip(a,c)}}(),function(){var a=$.namespace("pskl.tools.transform");a.Rotate=function(){this.toolId="tool-rotate",this.helpText="Counter-clockwise rotation",this.tooltipDescriptors=[{key:"alt",description:"Clockwise rotation"},{key:"ctrl",description:"Apply to all layers"},{key:"shift",description:"Apply to all frames"}]},pskl.utils.inherit(a.Rotate,a.Transform),a.Rotate.prototype.applyToolOnFrame_=function(a,b){var c;c=b?pskl.utils.FrameTransform.CLOCKWISE:pskl.utils.FrameTransform.COUNTERCLOCKWISE,pskl.utils.FrameTransform.rotate(a,c)}}(),function(){var a=$.namespace("pskl.worker"),b=function(){var a,b,c,d=function(d){a=0,b=0,c=d},e=function(){a+=1;var d=(a/c*100).toFixed(1);d!=b&&(b=d,this.postMessage({type:"STEP",progress:b,currentStep:a,total:c}))},f=function(a,b,c){return"#"+g(a)+g(b)+g(c)},g=function(a){var b=a.toString(16);return 1==b.length?"0"+b:b},h=function(a,b,c,d){for(var g=[],h=0;b>h;h++){g[h]=[],e();for(var i=0;c>i;i++){var j=4*(i*b+h),k=a[j],l=a[j+1],m=a[j+2],n=a[j+3];g[h][i]=125>n?d:f(k,l,m)}}return g},i=function(a,b,c){for(var d=h(a,b,c,"transparent"),f={},g=0;g0)for(var c=this,d=0;di;i++)h=c?a[i]:a.charCodeAt(i),g=255&(b^h),e=d[g],b=b>>>8^e;return-1^b},utf8encode:function(a){if(c){var b=c.encode(a);return f.transformTo("string",b)}if(e.nodebuffer)return f.transformTo("string",l(a,"utf-8"));for(var d=[],g=0,h=0;hi?d[g++]=String.fromCharCode(i):i>127&&2048>i?(d[g++]=String.fromCharCode(i>>6|192),d[g++]=String.fromCharCode(63&i|128)):(d[g++]=String.fromCharCode(i>>12|224),d[g++]=String.fromCharCode(i>>6&63|128),d[g++]=String.fromCharCode(63&i|128))}return d.join("")},utf8decode:function(a){var b=[],c=0,g=f.getTypeOf(a),h="string"!==g,i=0,j=0,k=0,l=0;if(d)return d.decode(f.transformTo("uint8array",a));if(e.nodebuffer)return f.transformTo("nodebuffer",a).toString("utf-8");for(;ij?(b[c++]=String.fromCharCode(j),i++):j>191&&224>j?(k=h?a[i+1]:a.charCodeAt(i+1),b[c++]=String.fromCharCode((31&j)<<6|63&k),i+=2):(k=h?a[i+1]:a.charCodeAt(i+1),l=h?a[i+2]:a.charCodeAt(i+2),b[c++]=String.fromCharCode((15&j)<<12|(63&k)<<6|63&l),i+=3);return b.join("")}};b.exports=A},{"./base64":1,"./compressedObject":2,"./compressions":3,"./defaults":5,"./nodeBuffer":17,"./signature":10,"./support":12,"./utils":14}],10:[function(a,b,c){"use strict";c.LOCAL_FILE_HEADER="PK",c.CENTRAL_FILE_HEADER="PK",c.CENTRAL_DIRECTORY_END="PK",c.ZIP64_CENTRAL_DIRECTORY_LOCATOR="PK",c.ZIP64_CENTRAL_DIRECTORY_END="PK",c.DATA_DESCRIPTOR="PK\b"},{}],11:[function(a,b){"use strict";function c(a,b){this.data=a,b||(this.data=e.string2binary(this.data)),this.length=this.data.length,this.index=0}var d=a("./dataReader"),e=a("./utils");c.prototype=new d,c.prototype.byteAt=function(a){return this.data.charCodeAt(a)},c.prototype.lastIndexOfSignature=function(a){return this.data.lastIndexOf(a)},c.prototype.readData=function(a){this.checkOffset(a);var b=this.data.slice(this.index,this.index+a);return this.index+=a,b},b.exports=c},{"./dataReader":4,"./utils":14}],12:[function(a,b,c){var d=a("__browserify_process");if(c.base64=!0,c.array=!0,c.string=!0,c.arraybuffer="undefined"!=typeof ArrayBuffer&&"undefined"!=typeof Uint8Array,c.nodebuffer=!d.browser,c.uint8array="undefined"!=typeof Uint8Array,"undefined"==typeof ArrayBuffer)c.blob=!1;else{var e=new ArrayBuffer(0);try{c.blob=0===new Blob([e],{type:"application/zip"}).size}catch(f){try{var g=window.BlobBuilder||window.WebKitBlobBuilder||window.MozBlobBuilder||window.MSBlobBuilder,h=new g;h.append(e),c.blob=0===h.getBlob("application/zip").size}catch(f){c.blob=!1}}}},{__browserify_process:18}],13:[function(a,b){"use strict";function c(a){a&&(this.data=a,this.length=this.data.length,this.index=0)}var d=a("./dataReader");c.prototype=new d,c.prototype.byteAt=function(a){return this.data[a]},c.prototype.lastIndexOfSignature=function(a){for(var b=a.charCodeAt(0),c=a.charCodeAt(1),d=a.charCodeAt(2),e=a.charCodeAt(3),f=this.length-4;f>=0;--f)if(this.data[f]===b&&this.data[f+1]===c&&this.data[f+2]===d&&this.data[f+3]===e)return f;return-1},c.prototype.readData=function(a){this.checkOffset(a);var b=this.data.subarray(this.index,this.index+a);return this.index+=a,b},b.exports=c},{"./dataReader":4}],14:[function(a,b,c){"use strict";function d(a){return a}function e(a,b){for(var c=0;cg&&b>1;)try{d.push("array"===f||"nodebuffer"===f?String.fromCharCode.apply(null,a.slice(g,Math.min(g+b,e))):String.fromCharCode.apply(null,a.subarray(g,Math.min(g+b,e)))),g+=b}catch(i){b=Math.floor(b/2)}return d.join("")}function g(a,b){for(var c=0;cb?"0":"")+b.toString(16).toUpperCase();return d},c.findCompression=function(a){for(var b in i)if(i.hasOwnProperty(b)&&i[b].magic===a)return i[b];return null},c.isRegExp=function(a){return"[object RegExp]"===Object.prototype.toString.call(a)}},{"./compressions":3,"./nodeBuffer":17,"./support":12}],15:[function(a,b){"use strict";function c(a,b){this.files=[],this.loadOptions=b,a&&this.load(a)}var d=a("./stringReader"),e=a("./nodeBufferReader"),f=a("./uint8ArrayReader"),g=a("./utils"),h=a("./signature"),i=a("./zipEntry"),j=a("./support");c.prototype={checkSignature:function(a){var b=this.reader.readString(4);if(b!==a)throw new Error("Corrupted zip or bug : unexpected signature ("+g.pretty(b)+", expected "+g.pretty(a)+")")},readBlockEndOfCentral:function(){this.diskNumber=this.reader.readInt(2),this.diskWithCentralDirStart=this.reader.readInt(2),this.centralDirRecordsOnThisDisk=this.reader.readInt(2),this.centralDirRecords=this.reader.readInt(2),this.centralDirSize=this.reader.readInt(4),this.centralDirOffset=this.reader.readInt(4),this.zipCommentLength=this.reader.readInt(2),this.zipComment=this.reader.readString(this.zipCommentLength)},readBlockZip64EndOfCentral:function(){this.zip64EndOfCentralSize=this.reader.readInt(8),this.versionMadeBy=this.reader.readString(2),this.versionNeeded=this.reader.readInt(2),this.diskNumber=this.reader.readInt(4),this.diskWithCentralDirStart=this.reader.readInt(4),this.centralDirRecordsOnThisDisk=this.reader.readInt(8),this.centralDirRecords=this.reader.readInt(8),this.centralDirSize=this.reader.readInt(8),this.centralDirOffset=this.reader.readInt(8),this.zip64ExtensibleData={};for(var a,b,c,d=this.zip64EndOfCentralSize-44,e=0;d>e;)a=this.reader.readInt(2),b=this.reader.readInt(4),c=this.reader.readString(b),this.zip64ExtensibleData[a]={id:a,length:b,value:c}},readBlockZip64EndOfCentralLocator:function(){if(this.diskWithZip64CentralDirStart=this.reader.readInt(4),this.relativeOffsetEndOfZip64CentralDir=this.reader.readInt(8),this.disksCount=this.reader.readInt(4),this.disksCount>1)throw new Error("Multi-volumes zip are not supported")},readLocalFiles:function(){var a,b;for(a=0;a0)){var d=c.shift();d()}},!0),function(a){c.push(a),window.postMessage("process-tick","*")}}return function(a){setTimeout(a,0)}}(),c.title="browser",c.browser=!0,c.env={},c.argv=[],c.binding=function(){throw new Error("process.binding is not supported")},c.cwd=function(){return"/"},c.chdir=function(){throw new Error("process.chdir is not supported")}},{}],19:[function(){(function(){"use strict";function a(a,b){var c=a.split("."),d=n;!(c[0]in d)&&d.execScript&&d.execScript("var "+c[0]);for(var e;c.length&&(e=c.shift());)c.length||b===l?d=d[e]?d[e]:d[e]={}:d[e]=b}function b(a,b){if(this.index="number"==typeof b?b:0,this.d=0,this.buffer=a instanceof(o?Uint8Array:Array)?a:new(o?Uint8Array:Array)(32768),2*this.buffer.length<=this.index)throw Error("invalid index");this.buffer.length<=this.index&&c(this)}function c(a){var b,c=a.buffer,d=c.length,e=new(o?Uint8Array:Array)(d<<1);if(o)e.set(c);else for(b=0;d>b;++b)e[b]=c[b];return a.buffer=e}function d(a){this.buffer=new(o?Uint16Array:Array)(2*a),this.length=0}function e(a,b){this.e=w,this.f=0,this.input=o&&a instanceof Array?new Uint8Array(a):a,this.c=0,b&&(b.lazy&&(this.f=b.lazy),"number"==typeof b.compressionType&&(this.e=b.compressionType),b.outputBuffer&&(this.b=o&&b.outputBuffer instanceof Array?new Uint8Array(b.outputBuffer):b.outputBuffer),"number"==typeof b.outputIndex&&(this.c=b.outputIndex)),this.b||(this.b=new(o?Uint8Array:Array)(32768))}function f(a,b){this.length=a,this.g=b}function g(a,b){function c(a,b){var c,d=a.g,e=[],f=0;c=z[a.length],e[f++]=65535&c,e[f++]=c>>16&255,e[f++]=c>>24;var g;switch(m){case 1===d:g=[0,d-1,0];break;case 2===d:g=[1,d-2,0];break;case 3===d:g=[2,d-3,0];break;case 4===d:g=[3,d-4,0];break;case 6>=d:g=[4,d-5,1];break;case 8>=d:g=[5,d-7,1];break;case 12>=d:g=[6,d-9,2];break;case 16>=d:g=[7,d-13,2];break;case 24>=d:g=[8,d-17,3];break;case 32>=d:g=[9,d-25,3];break;case 48>=d:g=[10,d-33,4];break;case 64>=d:g=[11,d-49,4];break;case 96>=d:g=[12,d-65,5];break;case 128>=d:g=[13,d-97,5];break;case 192>=d:g=[14,d-129,6];break;case 256>=d:g=[15,d-193,6];break;case 384>=d:g=[16,d-257,7];break;case 512>=d:g=[17,d-385,7];break;case 768>=d:g=[18,d-513,8];break;case 1024>=d:g=[19,d-769,8];break;case 1536>=d:g=[20,d-1025,9];break;case 2048>=d:g=[21,d-1537,9];break;case 3072>=d:g=[22,d-2049,10];break;case 4096>=d:g=[23,d-3073,10];break;case 6144>=d:g=[24,d-4097,11];break;case 8192>=d:g=[25,d-6145,11];break;case 12288>=d:g=[26,d-8193,12];break;case 16384>=d:g=[27,d-12289,12];break;case 24576>=d:g=[28,d-16385,13];break;case 32768>=d:g=[29,d-24577,13];break;default:throw"invalid distance"}c=g,e[f++]=c[0],e[f++]=c[1],e[f++]=c[2];var h,i;for(h=0,i=e.length;i>h;++h)r[s++]=e[h];u[e[0]]++,v[e[3]]++,t=a.length+b-1,n=null}var d,e,f,g,i,j,k,n,p,q={},r=o?new Uint16Array(2*b.length):[],s=0,t=0,u=new(o?Uint32Array:Array)(286),v=new(o?Uint32Array:Array)(30),w=a.f;if(!o){for(f=0;285>=f;)u[f++]=0;for(f=0;29>=f;)v[f++]=0}for(u[256]=1,d=0,e=b.length;e>d;++d){for(f=i=0,g=3;g>f&&d+f!==e;++f)i=i<<8|b[d+f];if(q[i]===l&&(q[i]=[]),j=q[i],!(0=e){for(n&&c(n,-1),f=0,g=e-d;g>f;++f)p=b[d+f],r[s++]=p,++u[p];break}0h;h++){if(d=c[j-h-1],g=3,k>3){for(i=k;i>3;i--)if(a[d+i-1]!==a[b+i-1])continue a;g=k}for(;258>g&&l>b+g&&a[d+g]===a[b+g];)++g;if(g>k&&(e=d,k=g),258===g)break}return new f(k,b-e)}function i(a,b){var c,e,f,g,h,i=a.length,k=new d(572),l=new(o?Uint8Array:Array)(i);if(!o)for(g=0;i>g;g++)l[g]=0;for(g=0;i>g;++g)0g;++g)c[g]=k.pop(),e[g]=c[g].value;for(f=j(e,e.length,b),g=0,h=c.length;h>g;++g)l[c[g].index]=f[g];return l}function j(a,b,c){function d(a){var c=n[a][p[a]];c===b?(d(a+1),d(a+1)):--l[c],++p[a]}var e,f,g,h,i,j=new(o?Uint16Array:Array)(c),k=new(o?Uint8Array:Array)(c),l=new(o?Uint8Array:Array)(b),m=Array(c),n=Array(c),p=Array(c),q=(1<f;++f)r>q?k[f]=0:(k[f]=1,q-=r),q<<=1,j[c-2-f]=(j[c-1-f]/2|0)+b;for(j[0]=k[0],m[0]=Array(j[0]),n[0]=Array(j[0]),f=1;c>f;++f)j[f]>2*j[f-1]+k[f]&&(j[f]=2*j[f-1]+k[f]),m[f]=Array(j[f]),n[f]=Array(j[f]);for(e=0;b>e;++e)l[e]=c;for(g=0;ge;++e)p[e]=0;for(1===k[c-1]&&(--l[0],++p[c-1]),f=c-2;f>=0;--f){for(h=e=0,i=p[f+1],g=0;ga[e]?(m[f][g]=h,n[f][g]=b,i+=2):(m[f][g]=a[e],n[f][g]=e,++e);p[f]=0,1===k[f]&&d(f)}return l}function k(a){var b,c,d,e,f=new(o?Uint16Array:Array)(a.length),g=[],h=[],i=0;for(b=0,c=a.length;c>b;b++)g[a[b]]=(0|g[a[b]])+1;for(b=1,c=16;c>=b;b++)h[b]=i,i+=0|g[b],i<<=1;for(b=0,c=a.length;c>b;b++)for(i=h[a[b]],h[a[b]]+=1,d=f[b]=0,e=a[b];e>d;d++)f[b]=f[b]<<1|1&i,i>>>=1;return f}var l=void 0,m=!0,n=this,o="undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint16Array&&"undefined"!=typeof Uint32Array&&"undefined"!=typeof DataView;b.prototype.a=function(a,b,d){var e,f=this.buffer,g=this.index,h=this.d,i=f[g];if(d&&b>1&&(a=b>8?(u[255&a]<<24|u[a>>>8&255]<<16|u[a>>>16&255]<<8|u[a>>>24&255])>>32-b:u[a]>>8-b),8>b+h)i=i<e;++e)i=i<<1|a>>b-e-1&1,8===++h&&(h=0,f[g++]=u[i],i=0,g===f.length&&(f=c(this)));f[g]=i,this.buffer=f,this.d=h,this.index=g},b.prototype.finish=function(){var a,b=this.buffer,c=this.index;return 0p;++p){for(var r=p,s=r,t=7,r=r>>>1;r;r>>>=1)s<<=1,s|=1&r,--t;q[p]=(s<>>0}var u=q;d.prototype.getParent=function(a){return 2*((a-2)/4|0)},d.prototype.push=function(a,b){var c,d,e,f=this.buffer;for(c=this.length,f[this.length++]=b,f[this.length++]=a;c>0&&(d=this.getParent(c),f[c]>f[d]);)e=f[c],f[c]=f[d],f[d]=e,e=f[c+1],f[c+1]=f[d+1],f[d+1]=e,c=d;return this.length},d.prototype.pop=function(){var a,b,c,d,e,f=this.buffer;for(b=f[0],a=f[1],this.length-=2,f[0]=f[this.length],f[1]=f[this.length+1],e=0;d=2*e+2,!(d>=this.length)&&(d+2f[d]&&(d+=2),f[d]>f[e]);)c=f[e],f[e]=f[d],f[d]=c,c=f[e+1],f[e+1]=f[d+1],f[d+1]=c,e=d;return{index:a,value:b,length:this.length}};var v,w=2,x=[];for(v=0;288>v;v++)switch(m){case 143>=v:x.push([v+48,8]);break;case 255>=v:x.push([v-144+400,9]);break;case 279>=v:x.push([v-256+0,7]);break;case 287>=v:x.push([v-280+192,8]);break;default:throw"invalid literal: "+v}e.prototype.h=function(){var a,c,d,e,f=this.input;switch(this.e){case 0:for(d=0,e=f.length;e>d;){c=o?f.subarray(d,d+65535):f.slice(d,d+65535),d+=c.length;var h=c,j=d===e,n=l,p=l,q=l,r=l,s=l,t=this.b,u=this.c;if(o){for(t=new Uint8Array(this.b.buffer);t.length<=u+h.length+5;)t=new Uint8Array(t.length<<1);t.set(this.b)}if(n=j?1:0,t[u++]=0|n,p=h.length,q=~p+65536&65535,t[u++]=255&p,t[u++]=p>>>8&255,t[u++]=255&q,t[u++]=q>>>8&255,o)t.set(h,u),u+=h.length,t=t.subarray(0,u);else{for(r=0,s=h.length;s>r;++r)t[u++]=h[r];t.length=u}this.c=u,this.b=t}break;case 1:var v=new b(o?new Uint8Array(this.b.buffer):this.b,this.c);v.a(1,1,m),v.a(1,2,m);var y,z,A,B=g(this,f);for(y=0,z=B.length;z>y;y++)if(A=B[y],b.prototype.a.apply(v,x[A]),A>256)v.a(B[++y],B[++y],m),v.a(B[++y],5),v.a(B[++y],B[++y],m);else if(256===A)break;this.b=v.finish(),this.c=this.b.length;break;case w:var C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R=new b(o?new Uint8Array(this.b.buffer):this.b,this.c),S=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],T=Array(19);for(C=w,R.a(1,1,m),R.a(C,2,m),D=g(this,f),H=i(this.j,15),I=k(H),J=i(this.i,7),K=k(J),E=286;E>257&&0===H[E-1];E--);for(F=30;F>1&&0===J[F-1];F--);var U,V,W,X,Y,Z,$=E,_=F,ab=new(o?Uint32Array:Array)($+_),bb=new(o?Uint32Array:Array)(316),cb=new(o?Uint8Array:Array)(19);for(U=V=0;$>U;U++)ab[V++]=H[U];for(U=0;_>U;U++)ab[V++]=J[U];if(!o)for(U=0,X=cb.length;X>U;++U)cb[U]=0;for(U=Y=0,X=ab.length;X>U;U+=V){for(V=1;X>U+V&&ab[U+V]===ab[U];++V);if(W=V,0===ab[U])if(3>W)for(;00;)Z=138>W?W:138,Z>W-3&&W>Z&&(Z=W-3),10>=Z?(bb[Y++]=17,bb[Y++]=Z-3,cb[17]++):(bb[Y++]=18,bb[Y++]=Z-11,cb[18]++),W-=Z;else if(bb[Y++]=ab[U],cb[ab[U]]++,W--,3>W)for(;00;)Z=6>W?W:6,Z>W-3&&W>Z&&(Z=W-3),bb[Y++]=16,bb[Y++]=Z-3,cb[16]++,W-=Z}for(a=o?bb.subarray(0,Y):bb.slice(0,Y),L=i(cb,7),P=0;19>P;P++)T[P]=L[S[P]];for(G=19;G>4&&0===T[G-1];G--);for(M=k(L),R.a(E-257,5,m),R.a(F-1,5,m),R.a(G-4,4,m),P=0;G>P;P++)R.a(T[P],3,m);for(P=0,Q=a.length;Q>P;P++)if(N=a[P],R.a(M[N],L[N],m),N>=16){switch(P++,N){case 16:O=2;break;case 17:O=3;break;case 18:O=7;break;default:throw"invalid code: "+N}R.a(a[P],O,m)}var db,eb,fb,gb,hb,ib,jb,kb,lb=[I,H],mb=[K,J];for(hb=lb[0],ib=lb[1],jb=mb[0],kb=mb[1],db=0,eb=D.length;eb>db;++db)if(fb=D[db],R.a(hb[fb],ib[fb],m),fb>256)R.a(D[++db],D[++db],m),gb=D[++db],R.a(jb[gb],kb[gb],m),R.a(D[++db],D[++db],m);else if(256===fb)break;this.b=R.finish(),this.c=this.b.length;break;default:throw"invalid compression type"}return this.b};var y=function(){function a(a){switch(m){case 3===a:return[257,a-3,0];case 4===a:return[258,a-4,0];case 5===a:return[259,a-5,0];case 6===a:return[260,a-6,0];case 7===a:return[261,a-7,0];case 8===a:return[262,a-8,0];case 9===a:return[263,a-9,0];case 10===a:return[264,a-10,0];case 12>=a:return[265,a-11,1];case 14>=a:return[266,a-13,1];case 16>=a:return[267,a-15,1];case 18>=a:return[268,a-17,1];case 22>=a:return[269,a-19,2];case 26>=a:return[270,a-23,2];case 30>=a:return[271,a-27,2];case 34>=a:return[272,a-31,2];case 42>=a:return[273,a-35,3];case 50>=a:return[274,a-43,3];case 58>=a:return[275,a-51,3];case 66>=a:return[276,a-59,3];case 82>=a:return[277,a-67,4];case 98>=a:return[278,a-83,4];case 114>=a:return[279,a-99,4];case 130>=a:return[280,a-115,4];case 162>=a:return[281,a-131,5];case 194>=a:return[282,a-163,5];case 226>=a:return[283,a-195,5];case 257>=a:return[284,a-227,5];case 258===a:return[285,a-258,0];default:throw"invalid length: "+a}}var b,c,d=[];for(b=3;258>=b;b++)c=a(b),d[b]=c[2]<<24|c[1]<<16|c[0];return d}(),z=o?new Uint32Array(y):y;a("Zlib.RawDeflate",e),a("Zlib.RawDeflate.prototype.compress",e.prototype.h);var A,B,C,D,E={NONE:0,FIXED:1,DYNAMIC:w};if(Object.keys)A=Object.keys(E);else for(B in A=[],C=0,E)A[C++]=B;for(C=0,D=A.length;D>C;++C)B=A[C],a("Zlib.RawDeflate.CompressionType."+B,E[B])}).call(this)},{}],20:[function(){(function(){"use strict";function a(a,b){var c=a.split("."),d=g;!(c[0]in d)&&d.execScript&&d.execScript("var "+c[0]);for(var e;c.length&&(e=c.shift());)c.length||void 0===b?d=d[e]?d[e]:d[e]={}:d[e]=b}function b(a){var b,c,d,e,f,g,i,j,k,l,m=a.length,n=0,o=Number.POSITIVE_INFINITY;for(j=0;m>j;++j)a[j]>n&&(n=a[j]),a[j]=d;){for(j=0;m>j;++j)if(a[j]===d){for(g=0,i=e,k=0;d>k;++k)g=g<<1|1&i,i>>=1;for(l=d<<16|j,k=g;b>k;k+=f)c[k]=l;++e}++d,e<<=1,f<<=1}return[c,n,o]}function c(a,b){switch(this.g=[],this.h=32768,this.c=this.f=this.d=this.k=0,this.input=h?new Uint8Array(a):a,this.l=!1,this.i=j,this.q=!1,(b||!(b={}))&&(b.index&&(this.d=b.index),b.bufferSize&&(this.h=b.bufferSize),b.bufferType&&(this.i=b.bufferType),b.resize&&(this.q=b.resize)),this.i){case i:this.a=32768,this.b=new(h?Uint8Array:Array)(32768+this.h+258);break;case j:this.a=0,this.b=new(h?Uint8Array:Array)(this.h),this.e=this.v,this.m=this.s,this.j=this.t;break;default:throw Error("invalid inflate mode")}}function d(a,b){for(var c,d=a.f,e=a.c,f=a.input,g=a.d,h=f.length;b>e;){if(g>=h)throw Error("input buffer is broken");d|=f[g++]<>>b,a.c=e-b,a.d=g,c}function e(a,b){for(var c,d,e=a.f,f=a.c,g=a.input,h=a.d,i=g.length,j=b[0],k=b[1];k>f&&!(h>=i);)e|=g[h++]<>>16,a.f=e>>d,a.c=f-d,a.d=h,65535&c}function f(a){function c(a,b,c){var f,g,h,i=this.p;for(h=0;a>h;)switch(f=e(this,b)){case 16:for(g=3+d(this,2);g--;)c[h++]=i;break;case 17:for(g=3+d(this,3);g--;)c[h++]=0;i=0;break;case 18:for(g=11+d(this,7);g--;)c[h++]=0;i=0;break;default:i=c[h++]=f}return this.p=i,c}var f,g,i,j,k=d(a,5)+257,l=d(a,5)+1,m=d(a,4)+4,o=new(h?Uint8Array:Array)(n.length);for(j=0;m>j;++j)o[n[j]]=d(a,3);if(!h)for(j=m,m=o.length;m>j;++j)o[n[j]]=0;f=b(o),g=new(h?Uint8Array:Array)(k),i=new(h?Uint8Array:Array)(l),a.p=0,a.j(b(c.call(a,k,f,g)),b(c.call(a,l,f,i)))}var g=this,h="undefined"!=typeof Uint8Array&&"undefined"!=typeof Uint16Array&&"undefined"!=typeof Uint32Array&&"undefined"!=typeof DataView,i=0,j=1;c.prototype.u=function(){for(;!this.l;){var a=d(this,3);switch(1&a&&(this.l=!0),a>>>=1){case 0:var b=this.input,c=this.d,e=this.b,g=this.a,k=b.length,l=void 0,m=void 0,n=e.length,o=void 0;if(this.c=this.f=0,c+1>=k)throw Error("invalid uncompressed block header: LEN");if(l=b[c++]|b[c++]<<8,c+1>=k)throw Error("invalid uncompressed block header: NLEN");if(m=b[c++]|b[c++]<<8,l===~m)throw Error("invalid uncompressed block header: length verify");if(c+l>b.length)throw Error("input buffer is broken");switch(this.i){case i:for(;g+l>e.length;){if(o=n-g,l-=o,h)e.set(b.subarray(c,c+o),g),g+=o,c+=o;else for(;o--;)e[g++]=b[c++];this.a=g,e=this.e(),g=this.a}break;case j:for(;g+l>e.length;)e=this.e({o:2});break;default:throw Error("invalid inflate mode")}if(h)e.set(b.subarray(c,c+l),g),g+=l,c+=l;else for(;l--;)e[g++]=b[c++];this.d=c,this.a=g,this.b=e;break;case 1:this.j(z,B);break;case 2:f(this);break;default:throw Error("unknown BTYPE: "+a)}}return this.m()};var k,l,m=[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],n=h?new Uint16Array(m):m,o=[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,258,258],p=h?new Uint16Array(o):o,q=[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0],r=h?new Uint8Array(q):q,s=[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577],t=h?new Uint16Array(s):s,u=[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13],v=h?new Uint8Array(u):u,w=new(h?Uint8Array:Array)(288);for(k=0,l=w.length;l>k;++k)w[k]=143>=k?8:255>=k?9:279>=k?7:8;var x,y,z=b(w),A=new(h?Uint8Array:Array)(30);for(x=0,y=A.length;y>x;++x)A[x]=5;var B=b(A);c.prototype.j=function(a,b){var c=this.b,f=this.a;this.n=a;for(var g,h,i,j,k=c.length-258;256!==(g=e(this,a));)if(256>g)f>=k&&(this.a=f,c=this.e(),f=this.a),c[f++]=g;else for(h=g-257,j=p[h],0=k&&(this.a=f,c=this.e(),f=this.a);j--;)c[f]=c[f++-i];for(;8<=this.c;)this.c-=8,this.d--;this.a=f},c.prototype.t=function(a,b){var c=this.b,f=this.a;this.n=a;for(var g,h,i,j,k=c.length;256!==(g=e(this,a));)if(256>g)f>=k&&(c=this.e(),k=c.length),c[f++]=g;else for(h=g-257,j=p[h],0k&&(c=this.e(),k=c.length);j--;)c[f]=c[f++-i];for(;8<=this.c;)this.c-=8,this.d--;this.a=f},c.prototype.e=function(){var a,b,c=new(h?Uint8Array:Array)(this.a-32768),d=this.a-32768,e=this.b;if(h)c.set(e.subarray(32768,c.length));else for(a=0,b=c.length;b>a;++a)c[a]=e[a+32768];if(this.g.push(c),this.k+=c.length,h)e.set(e.subarray(d,d+32768));else for(a=0;32768>a;++a)e[a]=e[d+a];return this.a=32768,e},c.prototype.v=function(a){var b,c,d,e,f=this.input.length/this.d+1|0,g=this.input,i=this.b;return a&&("number"==typeof a.o&&(f=a.o),"number"==typeof a.r&&(f+=a.r)),2>f?(c=(g.length-this.d)/this.n[2],e=258*(c/2)|0,d=eb;++b)for(a=i[b],d=0,e=a.length;e>d;++d)j[f++]=a[d];for(b=32768,c=this.a;c>b;++b)j[f++]=g[b];return this.g=[],this.buffer=j},c.prototype.s=function(){var a,b=this.a;return h?this.q?(a=new Uint8Array(b),a.set(this.b.subarray(0,b))):a=this.b.subarray(0,b):(this.b.length>b&&(this.b.length=b),a=this.b),this.buffer=a},a("Zlib.RawInflate",c),a("Zlib.RawInflate.prototype.decompress",c.prototype.u);var C,D,E,F,G={ADAPTIVE:j,BLOCK:i};if(Object.keys)C=Object.keys(G);else for(D in C=[],E=0,G)C[E++]=D;for(E=0,F=C.length;F>E;++E)D=C[E],a("Zlib.RawInflate.BufferType."+D,G[D])}).call(this)},{}]},{},[7])(7)}),function(a,b,c){function d(a,b,c){for(var d=[],e=0;e"+d.join("")+"
"}function e(){for(var a=0;a1&&(delete a.localStorage[W],b.each(e,function(a,b){t(b)}))}catch(f){}try{nb=a.localStorage[W].split(";")}catch(f){}}Kb.bind("click.spectrum touchstart.spectrum",function(a){tb||B(),a.stopPropagation(),b(a.target).is("input")||a.preventDefault()}),(sb.is(":disabled")||T.disabled===!0)&&S(),ub.click(j),Cb.change(A),Cb.bind("paste",function(){setTimeout(A,1)}),Cb.keydown(function(a){13==a.keyCode&&A()}),Fb.text(T.cancelText),Fb.bind("click.spectrum",function(a){a.stopPropagation(),a.preventDefault(),F("cancel")}),Gb.text(T.chooseText),Gb.bind("click.spectrum",function(a){a.stopPropagation(),a.preventDefault(),J()&&(N(!0),F())}),l(Ab,function(a,b,c){kb=a/eb,c.shiftKey&&(kb=Math.round(10*kb)/10),K()}),l(xb,function(a,b){hb=parseFloat(b/cb),K()},y,z),l(vb,function(a,b,c){if(c.shiftKey){if(!qb){var d=ib*_,e=ab-jb*ab,f=Math.abs(a-d)>Math.abs(b-e);qb=f?"x":"y"}}else qb=null;var g=!qb||"x"===qb,h=!qb||"y"===qb;g&&(ib=parseFloat(a/_)),h&&(jb=parseFloat((ab-b)/ab)),K()},y,z),Mb?(H(Mb),L(),Pb=Ob||u(Mb).format,t(Mb)):L(),U&&C();var g=p?"mousedown.spectrum":"click.spectrum touchstart.spectrum";Db.delegate(".sp-thumb-el",g,c),Eb.delegate(".sp-thumb-el:nth-child(1)",g,{ignore:!0},c)}function t(c){if(V){var d=u(c).toRgbString();if(-1===b.inArray(d,nb))for(nb.push(d);nb.length>ob;)nb.shift();if(W&&a.localStorage)try{a.localStorage[W]=nb.join(";")}catch(e){}}}function v(){var a,b=[],c=nb,d={};if(T.showPalette){for(var e=0;e=ab||0>=_||0>=cb)&&O(),ub.addClass(pb),qb=null}function z(){ub.removeClass(pb)}function A(){var a=u(Cb.val());a.ok?H(a):Cb.addClass("sp-validation-error")}function B(){$?F():C()}function C(){var c=b.Event("beforeShow.spectrum");return $?void O():(Nb=I(),sb.trigger(c,[Nb]),void(Y.beforeShow(Nb)===!1||c.isDefaultPrevented()||(H(Nb),e(),$=!0,b(rb).bind("mousedown.spectrum",D),U||b(rb).bind("mouseup.spectrum",E),b(a).bind("resize.spectrum",Z),Jb.addClass("sp-active"),ub.removeClass("sp-hidden"),T.showPalette&&w(),O(),L(),x(),Y.show(Nb),sb.trigger("show.spectrum",[Nb]))))}function D(a){var c=b(a.target),d=c.parents(),e=!d.is(ub)&&!c.is(ub);e&&F(a)}function E(a){var b=!u.equals(I(),Nb);b&&(Qb&&"cancel"!==a?N(!0):G())}function F(c){c&&"click"==c.type&&2==c.button||$&&!U&&($=!1,b(rb).unbind("mousedown.spectrum",D),b(rb).unbind("mouseup.spectrum",E),b(a).unbind("resize.spectrum",Z),Jb.removeClass("sp-active"),ub.addClass("sp-hidden"),E(c),t(I()),Y.hide(I()),sb.trigger("hide.spectrum",[I()]))}function G(){H(Nb,!0)}function H(a,b){if(!u.equals(a,I())){var c=u(a),d=c.toHsv();hb=d.h%360/360,ib=d.s,jb=d.v,kb=d.a,L(),c.ok&&!b&&(Pb=Ob||c.format)}}function I(a){return a=a||{},u.fromRatio({h:hb,s:ib,v:jb,a:Math.round(100*kb)/100},{format:a.format||Pb})}function J(){return!Cb.hasClass("sp-validation-error")}function K(){L(),Y.move(I()),sb.trigger("move.spectrum",[I()])}function L(){Cb.removeClass("sp-validation-error"),M();var a=u.fromRatio({h:hb,s:1,v:1});vb.css("background-color",a.toHexString());var b=Pb;1>kb&&("hex"===b||"hex3"===b||"hex6"===b||"name"===b)&&(b="rgb");var c=I({format:b}),d=c.toHexString(),e=c.toRgbString();if(q||1===c.alpha?Lb.css("background-color",e):(Lb.css("background-color","transparent"),Lb.css("filter",c.toFilter())),T.showAlpha){var f=c.toRgb();f.a=0;var g=u(f).toRgbString(),h="linear-gradient(left, "+g+", "+d+")";p?zb.css("filter",u(g).toFilter({gradientType:1},d)):(zb.css("background","-webkit-"+h),zb.css("background","-moz-"+h),zb.css("background","-ms-"+h),zb.css("background",h))}T.showInput&&Cb.val(c.toString(b)),T.showPalette&&w(),x()}function M(){var a=ib,b=jb,c=a*_,d=ab-b*ab;c=Math.max(-bb/2,Math.min(_-bb/2,c-bb/2)),d=Math.max(-bb/2,Math.min(ab-bb/2,d-bb/2)),wb.css({top:d,left:c});var e=kb*eb;Bb.css({left:e-fb/2});var f=hb*cb;yb.css({top:f-gb/2})}function N(a){var b=I();Hb&&sb.val(b.toString(Pb));var c=!u.equals(b,Nb);Nb=b,a&&c&&(Y.change(b),sb.trigger("change",[b]))}function O(){_=vb.width(),ab=vb.height(),bb=wb.height()+4,db=xb.width(),cb=xb.height(),gb=yb.height()+4,eb=Ab.width(),fb=Bb.width(),U||(ub.css("position","absolute"),ub.offset(h(ub,Kb))),M()}function P(){sb.show(),Kb.unbind("click.spectrum touchstart.spectrum"),ub.remove(),Jb.remove(),o[Rb.id]=null}function Q(a,d){return a===c?b.extend({},T):d===c?T[a]:(T[a]=d,void k())}function R(){tb=!1,sb.attr("disabled",!1),Kb.removeClass("sp-disabled")}function S(){F(),tb=!0,sb.attr("disabled",!0),Kb.addClass("sp-disabled")}var T=f(i,g),U=T.flat,V=T.showSelectionPalette,W=T.localStorageKey,X=T.theme,Y=T.callbacks,Z=m(O,10),$=!1,_=0,ab=0,bb=0,cb=0,db=0,eb=0,fb=0,gb=0,hb=0,ib=0,jb=0,kb=1,lb=T.palette.slice(0),mb=b.isArray(lb[0])?lb:[lb],nb=T.selectionPalette.slice(0),ob=T.maxSelectionSize,pb="sp-dragging",qb=null,rb=g.ownerDocument,sb=(rb.body,b(g)),tb=!1,ub=b(s,rb).addClass(X),vb=ub.find(".sp-color"),wb=ub.find(".sp-dragger"),xb=ub.find(".sp-hue"),yb=ub.find(".sp-slider"),zb=ub.find(".sp-alpha-inner"),Ab=ub.find(".sp-alpha"),Bb=ub.find(".sp-alpha-handle"),Cb=ub.find(".sp-input"),Db=ub.find(".sp-palette"),Eb=ub.find(".sp-initial"),Fb=ub.find(".sp-cancel"),Gb=ub.find(".sp-choose"),Hb=sb.is("input"),Ib=Hb&&!U,Jb=Ib?b(r).addClass(X).addClass(T.className):b([]),Kb=Ib?Jb:sb,Lb=Jb.find(".sp-preview-inner"),Mb=T.color||Hb&&sb.val(),Nb=!1,Ob=T.preferredFormat,Pb=Ob,Qb=!T.showButtons||T.clickoutFiresChange;n();var Rb={show:C,hide:F,toggle:B,reflow:O,option:Q,enable:R,disable:S,set:function(a){H(a),N()},get:I,destroy:P,container:ub};return Rb.id=o.push(Rb)-1,Rb}function h(a,c){var d=0,e=a.outerWidth(),f=a.outerHeight(),g=c.outerHeight(),h=a[0].ownerDocument,i=h.documentElement,j=i.clientWidth+b(h).scrollLeft(),k=i.clientHeight+b(h).scrollTop(),l=c.offset();return l.top+=g,Math.min(l.left,l.left+e>j&&j>e)?(l.left-=Math.abs(l.left+e-j),a.attr("data-x-position","right")):(l.left-=0,a.attr("data-x-position","left")),Math.min(l.top,l.top+f>k&&k>f)?(l.top-=Math.abs(f+g-d),a.attr("data-y-position","top")):(l.top-=d,a.attr("data-y-position","bottom")),l}function i(){}function j(a){a.stopPropagation()}function k(a,b){var c=Array.prototype.slice,d=c.call(arguments,2);return function(){return a.apply(b,d.concat(c.call(arguments)))}}function l(c,d,e,f){function g(a){a.stopPropagation&&a.stopPropagation(),a.preventDefault&&a.preventDefault(),a.returnValue=!1}function h(a){if(l){if(p&&document.documentMode<9&&!a.button)return j();var b=a.originalEvent.touches,e=b?b[0].pageX:a.pageX,f=b?b[0].pageY:a.pageY,h=Math.max(0,Math.min(e-m.left,o)),i=Math.max(0,Math.min(f-m.top,n));q&&g(a),d.apply(c,[h,i,a])}}function i(a){{var d=a.which?3==a.which:2==a.button;a.originalEvent.touches}d||l||e.apply(c,arguments)!==!1&&(l=!0,n=b(c).height(),o=b(c).width(),m=b(c).offset(),b(k).bind(r),b(k.body).addClass("sp-dragging"),q||h(a),g(a))}function j(){l&&(b(k).unbind(r),b(k.body).removeClass("sp-dragging"),f.apply(c,arguments)),l=!1}d=d||function(){},e=e||function(){},f=f||function(){};var k=c.ownerDocument||document,l=!1,m={},n=0,o=0,q="ontouchstart"in a,r={};r.selectstart=g,r.dragstart=g,r["touchmove mousemove"]=h,r["touchend mouseup"]=j,b(c).bind("touchstart mousedown",i)}function m(a,b,c){var d;return function(){var e=this,f=arguments,g=function(){d=null,a.apply(e,f)};c&&clearTimeout(d),(c||!d)&&(d=setTimeout(g,b))}}var n={beforeShow:i,move:i,change:i,show:i,hide:i,color:!1,flat:!1,showInput:!1,showButtons:!0,clickoutFiresChange:!1,showInitial:!1,showPalette:!1,showPaletteOnly:!1,showSelectionPalette:!0,localStorageKey:!1,appendTo:"body",maxSelectionSize:7,cancelText:"cancel",chooseText:"choose",preferredFormat:!1,className:"",showAlpha:!1,theme:"sp-light",palette:["fff","000"],selectionPalette:[],disabled:!1},o=[],p=!!/msie/i.exec(a.navigator.userAgent),q=function(){function a(a,b){return!!~(""+a).indexOf(b)}var b=document.createElement("div"),c=b.style;return c.cssText="background-color:rgba(0,0,0,.5)",a(c.backgroundColor,"rgba")||a(c.backgroundColor,"hsla")}(),r=[""].join(""),s=function(){var a="";if(p)for(var b=1;6>=b;b++)a+="
";return[""].join("")}(),t="spectrum.id";b.fn.spectrum=function(a){if("string"==typeof a){var c=this,d=Array.prototype.slice.call(arguments,1);return this.each(function(){var e=o[b(this).data(t)];if(e){var f=e[a];if(!f)throw new Error("Spectrum: no such method: '"+a+"'");"get"==a?c=e.get():"container"==a?c=e.container:"option"==a?c=e.option.apply(e,d):"destroy"==a?(e.destroy(),b(this).removeData(t)):f.apply(e,d)}}),c}return this.spectrum("destroy").each(function(){var c=g(this,a);b(this).data(t,c.id)})},b.fn.spectrum.load=!0,b.fn.spectrum.loadOpts={},b.fn.spectrum.draggable=l,b.fn.spectrum.defaults=n,b.spectrum={},b.spectrum.localization={},b.spectrum.palettes={},b.fn.spectrum.processNativeColorInputs=function(){var a=b("125&&h.color>500,j=3*(h.brightness/125)+h.color/500;(i&&!f||i&&f&&j>e||!i&&!f&&j>e)&&(f=i,e=j,d=b(c[g]))}return d};var B=b.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},C=b.hexNames=j(B),D=function(){var a="[-\\+]?\\d+%?",b="[-\\+]?\\d*\\.\\d+%?",c="(?:"+b+")|(?:"+a+")",d="[\\s|\\(]+("+c+")[,|\\s]+("+c+")[,|\\s]+("+c+")\\s*\\)?",e="[\\s|\\(]+("+c+")[,|\\s]+("+c+")[,|\\s]+("+c+")[,|\\s]+("+c+")\\s*\\)?";return{rgb:new RegExp("rgb"+d),rgba:new RegExp("rgba"+e),hsl:new RegExp("hsl"+d),hsla:new RegExp("hsla"+e),hsv:new RegExp("hsv"+d),hex3:/^([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/}}();a.tinycolor=b}();var u=a.tinycolor;b(function(){b.fn.spectrum.load&&b.fn.spectrum.processNativeColorInputs()})}(window,jQuery),function(){var a=$.namespace("pskl.rendering");a.DrawingLoop=function(){this.requestAnimationFrame=this.getRequestAnimationFrameShim_(),this.isRunning=!1,this.previousTime=0,this.callbacks=[]},a.DrawingLoop.prototype.addCallback=function(a,b,c){var d={fn:a,scope:b,args:c};return this.callbacks.push(d),d},a.DrawingLoop.prototype.removeCallback=function(a){var b=this.callbacks.indexOf(a);-1!=b&&this.callbacks.splice(b,1)},a.DrawingLoop.prototype.start=function(){this.isRunning=!0,this.loop_()},a.DrawingLoop.prototype.loop_=function(){var a=Date.now(),b=a-this.previousTime;this.executeCallbacks_(b),this.previousTime=a,this.requestAnimationFrame.call(window,this.loop_.bind(this))},a.DrawingLoop.prototype.executeCallbacks_=function(a){for(var b=0;bd;d++){for(var e=[],f=0;b>f;f++)e.push(Constants.TRANSPARENT_COLOR);c[d]=e}return c},a.Frame.createEmptyFromFrame=function(b){return new a.Frame(b.getWidth(),b.getHeight())},a.Frame.prototype.clone=function(){var b=new a.Frame(this.width,this.height);return b.setPixels(this.getPixels()),b},a.Frame.prototype.getPixels=function(){return this.clonePixels_(this.pixels)},a.Frame.prototype.setPixels=function(a){this.pixels=this.clonePixels_(a),this.version++},a.Frame.prototype.clear=function(){var b=a.Frame.createEmptyPixelGrid_(this.getWidth(),this.getHeight());this.setPixels(b)},a.Frame.prototype.clonePixels_=function(a){for(var b=[],c=0;cd;d++)for(var e=0;c>e;e++)a(this.pixels[d][e],d,e,this)},a.Frame.prototype.getWidth=function(){return this.width},a.Frame.prototype.getHeight=function(){return this.height},a.Frame.prototype.containsPixel=function(a,b){return a>=0&&b>=0&&a0&&a[0].size()>0))throw"Piskel.fromLayers expects array of non empty pskl.model.Layer as first argument";var d=a[0].getFrameAt(0);return c=new pskl.model.Piskel(d.getWidth(),d.getHeight(),b),a.forEach(c.addLayer.bind(c)),c},a.Piskel.prototype.getLayers=function(){return this.layers},a.Piskel.prototype.getHeight=function(){return this.height},a.Piskel.prototype.getWidth=function(){return this.width},a.Piskel.prototype.getLayers=function(){return this.layers},a.Piskel.prototype.getLayerAt=function(a){return this.layers[a]},a.Piskel.prototype.getLayersByName=function(a){return this.layers.filter(function(b){return b.getName()==a})},a.Piskel.prototype.addLayer=function(a){this.layers.push(a)},a.Piskel.prototype.addLayerAt=function(a,b){this.layers.splice(b,0,a)},a.Piskel.prototype.moveLayerUp=function(a){var b=this.layers.indexOf(a);b>-1&&b0&&(this.layers[b]=this.layers[b-1],this.layers[b-1]=a)},a.Piskel.prototype.removeLayer=function(a){var b=this.layers.indexOf(a);-1!=b&&this.layers.splice(b,1)},a.Piskel.prototype.removeLayerAt=function(a){this.layers.splice(a,1)},a.Piskel.prototype.getDescriptor=function(){return this.descriptor},a.Piskel.prototype.setDescriptor=function(a){this.descriptor=a;$(".piskel-name").html(this.descriptor.name)},a.Piskel.prototype.getHash=function(){return this.layers.map(function(a){return a.getHash()}).join("-")}}(),function(){var a=$.namespace("pskl.selection"),b={PASTE:"REPLAY_PASTE",ERASE:"REPLAY_ERASE"};a.SelectionManager=function(a){this.piskelController=a,this.currentSelection=null},a.SelectionManager.prototype.init=function(){$.subscribe(Events.SELECTION_CREATED,$.proxy(this.onSelectionCreated_,this)),$.subscribe(Events.SELECTION_DISMISSED,$.proxy(this.onSelectionDismissed_,this)),$.subscribe(Events.SELECTION_MOVE_REQUEST,$.proxy(this.onSelectionMoved_,this)),pskl.app.shortcutService.addShortcut("ctrl+V",this.paste.bind(this)),pskl.app.shortcutService.addShortcut("ctrl+X",this.cut.bind(this)),pskl.app.shortcutService.addShortcut("ctrl+C",this.copy.bind(this)),pskl.app.shortcutService.addShortcut("del",this.erase.bind(this)),pskl.app.shortcutService.addShortcut("back",this.onBackPressed_.bind(this)),$.subscribe(Events.TOOL_SELECTED,$.proxy(this.onToolSelected_,this))},a.SelectionManager.prototype.cleanSelection_=function(){this.currentSelection&&(this.currentSelection.reset(),this.currentSelection=null)},a.SelectionManager.prototype.onToolSelected_=function(a,b){var c=b instanceof pskl.tools.drawing.BaseSelect;c||this.cleanSelection_()},a.SelectionManager.prototype.onSelectionDismissed_=function(){this.cleanSelection_()},a.SelectionManager.prototype.onBackPressed_=function(){return this.currentSelection?void this.erase():!0},a.SelectionManager.prototype.erase=function(){for(var a=this.currentSelection.pixels,c=this.piskelController.getCurrentFrame(),d=0,e=a.length;e>d;d++)c.setPixel(a[d].col,a[d].row,Constants.TRANSPARENT_COLOR);$.publish(Events.PISKEL_SAVE_STATE,{type:pskl.service.HistoryService.REPLAY,scope:this,replay:{type:b.ERASE,pixels:JSON.parse(JSON.stringify(a.slice(0)))}})},a.SelectionManager.prototype.cut=function(){if(!this.currentSelection)throw"Bad state for CUT callback in SelectionManager";this.currentSelection.fillSelectionFromFrame(this.piskelController.getCurrentFrame()),this.erase()},a.SelectionManager.prototype.paste=function(){if(this.currentSelection&&this.currentSelection.hasPastedContent){var a=this.currentSelection.pixels,b=a.filter(function(a){return a.color!==Constants.TRANSPARENT_COLOR});this.pastePixels(b)
}},a.SelectionManager.prototype.pastePixels=function(a){var c=this.piskelController.getCurrentFrame();a.forEach(function(a){c.setPixel(a.col,a.row,a.color)}),$.publish(Events.PISKEL_SAVE_STATE,{type:pskl.service.HistoryService.REPLAY,scope:this,replay:{type:b.PASTE,pixels:JSON.parse(JSON.stringify(a.slice(0)))}})},a.SelectionManager.prototype.replay=function(a,c){var d=c.pixels;d.forEach(function(d){var e=c.type===b.PASTE?d.color:Constants.TRANSPARENT_COLOR;a.setPixel(d.col,d.row,e)})},a.SelectionManager.prototype.copy=function(){if(!this.currentSelection||!this.piskelController.getCurrentFrame())throw"Bad state for CUT callback in SelectionManager";this.currentSelection.fillSelectionFromFrame(this.piskelController.getCurrentFrame())},a.SelectionManager.prototype.onSelectionCreated_=function(a,b){if(!b)throw"No selection set in SelectionManager";this.currentSelection=b},a.SelectionManager.prototype.onSelectionMoved_=function(a,b,c){if(!this.currentSelection)throw"Bad state: No currentSelection set when trying to move it in SelectionManager";this.currentSelection.move(b,c)}}(),function(){var a=$.namespace("pskl.selection");a.BaseSelection=function(){this.reset()},a.BaseSelection.prototype.reset=function(){this.pixels=[],this.hasPastedContent=!1},a.BaseSelection.prototype.move=function(a,b){for(var c,d=[],e=0,f=this.pixels.length;f>e;e++)c=this.pixels[e],c.col+=a,c.row+=b,d.push(c);this.pixels=d},a.BaseSelection.prototype.fillSelectionFromFrame=function(a){this.pixels.forEach(function(b){b.color=a.getPixel(b.col,b.row)}),this.hasPastedContent=!0}}(),function(){var a=$.namespace("pskl.selection");a.RectangularSelection=function(a,b,c,d){this.pixels=pskl.PixelUtils.getRectanglePixels(a,b,c,d)},pskl.utils.inherit(a.RectangularSelection,a.BaseSelection)}(),function(){var a=$.namespace("pskl.selection");a.ShapeSelection=function(a){this.pixels=a},pskl.utils.inherit(a.ShapeSelection,a.BaseSelection)}(),function(){var a=$.namespace("pskl.rendering");a.AbstractRenderer=function(){},a.AbstractRenderer.prototype.clear=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.render=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.getCoordinates=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.setGridWidth=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.getGridWidth=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.setZoom=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.getZoom=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.setOffset=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.getOffset=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.setDisplaySize=Constants.ABSTRACT_FUNCTION,a.AbstractRenderer.prototype.getDisplaySize=Constants.ABSTRACT_FUNCTION}(),function(){var a=$.namespace("pskl.rendering");a.CompositeRenderer=function(){this.renderers=[]},pskl.utils.inherit(pskl.rendering.CompositeRenderer,pskl.rendering.AbstractRenderer),a.CompositeRenderer.prototype.add=function(a){return this.renderers.push(a),this},a.CompositeRenderer.prototype.clear=function(){this.renderers.forEach(function(a){a.clear()})},a.CompositeRenderer.prototype.setZoom=function(a){this.renderers.forEach(function(b){b.setZoom(a)})},a.CompositeRenderer.prototype.getZoom=function(){return this.getSampleRenderer_().getZoom()},a.CompositeRenderer.prototype.setDisplaySize=function(a,b){this.renderers.forEach(function(c){c.setDisplaySize(a,b)})},a.CompositeRenderer.prototype.getDisplaySize=function(){return this.getSampleRenderer_().getDisplaySize()},a.CompositeRenderer.prototype.setOffset=function(a,b){this.renderers.forEach(function(c){c.setOffset(a,b)})},a.CompositeRenderer.prototype.getOffset=function(){return this.getSampleRenderer_().getOffset()},a.CompositeRenderer.prototype.setGridWidth=function(a){this.renderers.forEach(function(b){b.setGridWidth(a)})},a.CompositeRenderer.prototype.getGridWidth=function(){return this.getSampleRenderer_().getGridWidth()},a.CompositeRenderer.prototype.getSampleRenderer_=function(){if(this.renderers.length>0)return this.renderers[0];throw"Renderer manager is empty"}}(),function(){var a=$.namespace("pskl.rendering.layer");a.LayersRenderer=function(a,b,c){pskl.rendering.CompositeRenderer.call(this),this.piskelController=c,this.belowRenderer=new pskl.rendering.frame.FrameRenderer(a,b,["layers-canvas","layers-below-canvas"]),this.aboveRenderer=new pskl.rendering.frame.FrameRenderer(a,b,["layers-canvas","layers-above-canvas"]),this.add(this.belowRenderer),this.add(this.aboveRenderer),this.serializedRendering="",$.subscribe(Events.PISKEL_RESET,this.flush.bind(this))},pskl.utils.inherit(pskl.rendering.layer.LayersRenderer,pskl.rendering.CompositeRenderer),a.LayersRenderer.prototype.render=function(){var a=this.getOffset(),b=this.getDisplaySize(),c=this.piskelController.getLayers(),d=this.piskelController.getCurrentFrameIndex(),e=this.piskelController.getCurrentLayerIndex(),f=c.slice(0,e),g=c.slice(e+1,c.length),h=[this.getZoom(),this.getGridWidth(),a.x,a.y,b.width,b.height,this.getHashForLayersAt_(d,f),this.getHashForLayersAt_(d,g),c.length].join("-");if(this.serializedRendering!=h){if(this.serializedRendering=h,this.clear(),f.length>0){var i=this.getFrameForLayersAt_(d,f);this.belowRenderer.render(i)}if(g.length>0){var j=this.getFrameForLayersAt_(d,g);this.aboveRenderer.render(j)}}},a.LayersRenderer.prototype.setDisplaySize=function(a,b){var c=this.getDisplaySize();(c.width!==a||c.height!==b)&&this.superclass.setDisplaySize.call(this,a,b)},a.LayersRenderer.prototype.getFrameForLayersAt_=function(a,b){var c=b.map(function(b){return b.getFrameAt(a)});return pskl.utils.FrameUtils.merge(c)},a.LayersRenderer.prototype.getHashForLayersAt_=function(a,b){var c=b.map(function(b){return b.getFrameAt(a).getHash()});return c.join("-")},a.LayersRenderer.prototype.flush=function(){this.serializedRendering=""}}(),function(){var a=$.namespace("pskl.rendering.frame");a.FrameRenderer=function(a,b,c){if(this.defaultRenderingOptions={supportGridRendering:!1,zoom:1},b=$.extend(!0,{},this.defaultRenderingOptions,b),void 0===a)throw"Bad FrameRenderer initialization. undefined.";if(isNaN(b.zoom))throw"Bad FrameRenderer initialization. not well defined.";this.container=a,this.zoom=b.zoom,this.offset={x:0,y:0},this.margin={x:0,y:0},this.supportGridRendering=b.supportGridRendering,this.classList=c||[],this.classList.push("canvas"),this.canvas=null,this.displayCanvas=null,this.setDisplaySize(b.width,b.height),this.setGridWidth(pskl.UserSettings.get(pskl.UserSettings.GRID_WIDTH)),$.subscribe(Events.USER_SETTINGS_CHANGED,this.onUserSettingsChange_.bind(this))},pskl.utils.inherit(pskl.rendering.frame.FrameRenderer,pskl.rendering.AbstractRenderer),a.FrameRenderer.prototype.render=function(a){a&&(this.clear(),this.renderFrame_(a))},a.FrameRenderer.prototype.clear=function(){pskl.utils.CanvasUtils.clear(this.canvas),pskl.utils.CanvasUtils.clear(this.displayCanvas)},a.FrameRenderer.prototype.setZoom=function(a){if(a>Constants.MINIMUM_ZOOM){var b=this.offset.x+this.displayWidth/(2*this.zoom),c=this.offset.y+this.displayHeight/(2*this.zoom);this.zoom=a,this.setOffset(b-this.displayWidth/(2*this.zoom),c-this.displayHeight/(2*this.zoom))}},a.FrameRenderer.prototype.getZoom=function(){return this.zoom},a.FrameRenderer.prototype.setDisplaySize=function(a,b){this.displayWidth=a,this.displayHeight=b,this.displayCanvas&&($(this.displayCanvas).remove(),this.displayCanvas=null),this.createDisplayCanvas_()},a.FrameRenderer.prototype.getDisplaySize=function(){return{height:this.displayHeight,width:this.displayWidth}},a.FrameRenderer.prototype.getOffset=function(){return{x:this.offset.x,y:this.offset.y}},a.FrameRenderer.prototype.setOffset=function(a,b){var c=pskl.app.piskelController.getWidth(),d=pskl.app.piskelController.getHeight(),e=c-this.displayWidth/this.zoom;a=pskl.utils.Math.minmax(a,0,e);var f=d-this.displayHeight/this.zoom;b=pskl.utils.Math.minmax(b,0,f),this.offset.x=a,this.offset.y=b},a.FrameRenderer.prototype.setGridWidth=function(a){this.gridWidth_=a},a.FrameRenderer.prototype.getGridWidth=function(){return this.supportGridRendering?this.gridWidth_:0},a.FrameRenderer.prototype.updateMargins_=function(a){var b=this.displayWidth-this.zoom*a.getWidth();this.margin.x=Math.max(0,b)/2;var c=this.displayHeight-this.zoom*a.getHeight();this.margin.y=Math.max(0,c)/2},a.FrameRenderer.prototype.createDisplayCanvas_=function(){var a=this.displayHeight,b=this.displayWidth;this.displayCanvas=pskl.utils.CanvasUtils.createCanvas(b,a,this.classList),pskl.utils.CanvasUtils.disableImageSmoothing(this.displayCanvas),this.container.append(this.displayCanvas)},a.FrameRenderer.prototype.onUserSettingsChange_=function(a,b,c){b==pskl.UserSettings.GRID_WIDTH&&this.setGridWidth(c)},a.FrameRenderer.prototype.getCoordinates=function(a,b){var c=this.container.offset();a-=c.left,b-=c.top,a-=this.margin.x,b-=this.margin.y;var d=this.zoom;return a+=this.offset.x*d,b+=this.offset.y*d,{x:Math.floor(a/d),y:Math.floor(b/d)}},a.FrameRenderer.prototype.reverseCoordinates=function(a,b){var c=this.zoom;a*=c,b*=c,a-=this.offset.x*c,b-=this.offset.y*c,a+=this.margin.x,b+=this.margin.y;var d=this.container.offset();return a+=d.left,b+=d.top,{x:a+c/2,y:b+c/2}},a.FrameRenderer.prototype.renderFrame_=function(a){this.canvas&&a.getWidth()==this.canvas.width&&a.getHeight()==this.canvas.height||(this.canvas=pskl.utils.CanvasUtils.createCanvas(a.getWidth(),a.getHeight()));for(var b=this.canvas.getContext("2d"),c=0,d=a.getWidth();d>c;c++)for(var e=0,f=a.getHeight();f>e;e++){for(var g=a.getPixel(c,e),h=1;g===a.getPixel(c,e+h);)h++;this.renderLine_(g,c,e,h,b),e=e+h-1}this.updateMargins_(a);var i=this.displayCanvas.getContext("2d");i.save(),(this.canvas.width*this.zoom0;if(l||j){var m=pskl.utils.ImageResizer.resizeNearestNeighbour(this.canvas,this.zoom,k);i.drawImage(m,0,0)}else i.scale(this.zoom,this.zoom),i.drawImage(this.canvas,0,0);i.restore()},a.FrameRenderer.prototype.renderPixel_=function(a,b,c,d){a!=Constants.TRANSPARENT_COLOR&&(d.fillStyle=a,d.fillRect(b,c,1,1))},a.FrameRenderer.prototype.renderLine_=function(a,b,c,d,e){a!=Constants.TRANSPARENT_COLOR&&(e.fillStyle=a,e.fillRect(b,c,1,d))}}(),function(){var a=$.namespace("pskl.rendering");a.OnionSkinRenderer=function(a,b){pskl.rendering.CompositeRenderer.call(this),this.piskelController=b,this.renderer=a,this.add(this.renderer),this.hash=""},a.OnionSkinRenderer.createInContainer=function(b,c,d){var e=new pskl.rendering.frame.FrameRenderer(b,c,["onion-skin-canvas"]);return new a.OnionSkinRenderer(e,d)},pskl.utils.inherit(pskl.rendering.OnionSkinRenderer,pskl.rendering.CompositeRenderer),a.OnionSkinRenderer.prototype.render=function(){var a=this.getOnionFrames_(),b=this.computeHash_(a);if(this.hash!=b&&(this.hash=b,this.clear(),a.length>0)){var c=pskl.utils.FrameUtils.merge(a);this.renderer.render(c)}},a.OnionSkinRenderer.prototype.getOnionFrames_=function(){var a=[],b=this.piskelController.getCurrentFrameIndex(),c=this.piskelController.getCurrentLayer(),d=b-1,e=c.getFrameAt(d);e&&a.push(e);var f=b+1,g=c.getFrameAt(f);return g&&a.push(g),a},a.OnionSkinRenderer.prototype.computeHash_=function(a){var b=this.getOffset(),c=this.getDisplaySize(),d=this.piskelController.getLayers();return[this.getZoom(),this.getGridWidth(),b.x,b.y,c.width,c.height,a.map(function(a){return a.getHash()}).join("-"),d.length].join("-")},a.OnionSkinRenderer.prototype.setDisplaySize=function(a,b){var c=this.getDisplaySize();(c.width!==a||c.height!==b)&&this.superclass.setDisplaySize.call(this,a,b)},a.OnionSkinRenderer.prototype.flush=function(){this.hash=""}}(),function(){var a=$.namespace("pskl.rendering.frame");a.TiledFrameRenderer=function(a,b){this.container=a,this.setZoom(b);var c=a.get(0),d=c.ownerDocument;this.displayContainer=d.createElement("div"),this.displayContainer.classList.add("tiled-frame-container"),a.get(0).appendChild(this.displayContainer),this.cachedFrameProcessor=new pskl.model.frame.CachedFrameProcessor,this.cachedFrameProcessor.setFrameProcessor(this.frameToDataUrl_.bind(this))},a.TiledFrameRenderer.prototype.frameToDataUrl_=function(a){var b=new pskl.utils.FrameUtils.toImage(a,this.zoom);return b.toDataURL("image/png")},a.TiledFrameRenderer.prototype.render=function(a){var b=this.cachedFrameProcessor.get(a,this.zoom);this.displayContainer.style.backgroundImage="url("+b+")"},a.TiledFrameRenderer.prototype.show=function(){this.displayContainer&&(this.displayContainer.style.display="block")},a.TiledFrameRenderer.prototype.setZoom=function(a){this.zoom=a},a.TiledFrameRenderer.prototype.getZoom=function(){return this.zoom}}(),function(){var a=$.namespace("pskl.rendering.frame");a.CachedFrameRenderer=function(a,b,c){pskl.rendering.frame.FrameRenderer.call(this,a,b,c),this.serializedFrame=""},pskl.utils.inherit(pskl.rendering.frame.CachedFrameRenderer,pskl.rendering.frame.FrameRenderer),a.CachedFrameRenderer.prototype.setDisplaySize=function(a,b){(this.displayWidth!==a||this.displayHeight!==b)&&this.superclass.setDisplaySize.call(this,a,b)},a.CachedFrameRenderer.prototype.render=function(a){var b=this.getOffset(),c=this.getDisplaySize(),d=[this.getZoom(),this.getGridWidth(),b.x,b.y,c.width,c.height,a.getHash()].join("-");this.serializedFrame!=d&&(this.serializedFrame=d,this.superclass.render.call(this,a))}}(),function(){var a=$.namespace("pskl.rendering");a.CanvasRenderer=function(a,b){this.frame=a,this.zoom=b,this.transparentColor_="white"},a.CanvasRenderer.prototype.drawTransparentAs=function(a){this.transparentColor_=a},a.CanvasRenderer.prototype.render=function(){for(var a=this.createCanvas_(),b=a.getContext("2d"),c=0,d=this.frame.getWidth();d>c;c++)for(var e=0,f=this.frame.getHeight();f>e;e++){for(var g=this.frame.getPixel(c,e),h=1;g===this.frame.getPixel(c,e+h);)h++;this.renderLine_(g,c,e,h,b),e=e+h-1}var i=this.createCanvas_(this.zoom),j=i.getContext("2d");return pskl.utils.CanvasUtils.disableImageSmoothing(i),j.scale(this.zoom,this.zoom),j.drawImage(a,0,0),i},a.CanvasRenderer.prototype.renderPixel_=function(a,b,c,d){a==Constants.TRANSPARENT_COLOR&&(a=this.transparentColor_),d.fillStyle=a,d.fillRect(b,c,1,1)},a.CanvasRenderer.prototype.renderLine_=function(a,b,c,d,e){a==Constants.TRANSPARENT_COLOR&&(a=this.transparentColor_),e.fillStyle=a,e.fillRect(b,c,1,d)},a.CanvasRenderer.prototype.createCanvas_=function(a){a=a||1;var b=this.frame.getWidth()*a,c=this.frame.getHeight()*a;return pskl.utils.CanvasUtils.createCanvas(b,c)}}(),function(){var a=$.namespace("pskl.rendering");a.FramesheetRenderer=function(a){if(!(a.length>0))throw"FramesheetRenderer : Invalid argument : frames is empty";this.frames=a},a.FramesheetRenderer.prototype.renderAsCanvas=function(){for(var a=this.createCanvas_(),b=0;b=a&&this.currentFrameIndex>0&&this.setCurrentFrameIndex(this.currentFrameIndex-1)},a.PiskelController.prototype.duplicateCurrentFrame=function(){this.duplicateFrameAt(this.currentFrameIndex)},a.PiskelController.prototype.duplicateFrameAt=function(a){this.getLayers().forEach(function(b){b.duplicateFrameAt(a)}),this.setCurrentFrameIndex(a+1)},a.PiskelController.prototype.moveFrame=function(a,b){this.getLayers().forEach(function(c){c.moveFrame(a,b)})},a.PiskelController.prototype.getFrameCount=function(){var a=this.piskel.getLayerAt(0);return a.size()},a.PiskelController.prototype.setCurrentFrameIndex=function(a){this.hasFrameAt(a)?this.currentFrameIndex=a:window.console.error("Could not set current frame index to "+a)},a.PiskelController.prototype.selectNextFrame=function(){var a=this.currentFrameIndex+1;a=0&&this.setCurrentFrameIndex(a)},a.PiskelController.prototype.setCurrentLayerIndex=function(a){this.hasLayerAt(a)?this.currentLayerIndex=a:window.console.error("Could not set current layer index to "+a)},a.PiskelController.prototype.selectLayer=function(a){var b=this.getLayers().indexOf(a);-1!=b&&this.setCurrentLayerIndex(b)},a.PiskelController.prototype.renameLayerAt=function(a,b){var c=this.getLayerByIndex(a);c&&c.setName(b)},a.PiskelController.prototype.mergeDownLayerAt=function(a){var b=this.getLayerByIndex(a),c=this.getLayerByIndex(a-1);if(b&&c){var d=pskl.utils.LayerUtils.mergeLayers(b,c);this.removeLayerAt(a),this.piskel.addLayerAt(d,a),this.removeLayerAt(a-1),this.selectLayer(d)}},a.PiskelController.prototype.generateLayerName_=function(){for(var a="Layer "+this.layerIdCounter;this.hasLayerForName_(a);)this.layerIdCounter++,a="Layer "+this.layerIdCounter;return a},a.PiskelController.prototype.createLayer=function(a){if(a||(a=this.generateLayerName_()),this.hasLayerForName_(a))throw"Layer name should be unique";for(var b=new pskl.model.Layer(a),c=0;c0},a.PiskelController.prototype.moveLayerUp=function(){var a=this.getCurrentLayer();this.piskel.moveLayerUp(a),this.selectLayer(a)},a.PiskelController.prototype.moveLayerDown=function(){var a=this.getCurrentLayer();this.piskel.moveLayerDown(a),this.selectLayer(a)},a.PiskelController.prototype.removeCurrentLayer=function(){var a=this.getCurrentLayerIndex();this.removeLayerAt(a)},a.PiskelController.prototype.removeLayerAt=function(a){if(this.getLayers().length>1){var b=this.getLayerAt(a);b&&(this.piskel.removeLayer(b),this.setCurrentLayerIndex(0))}},a.PiskelController.prototype.serialize=function(a){return pskl.utils.Serializer.serializePiskel(this.piskel,a)}}(),function(){var a=$.namespace("pskl.controller.piskel");a.PublicPiskelController=function(a){this.piskelController=a,pskl.utils.wrap(this,this.piskelController)},a.PublicPiskelController.prototype.init=function(){this.resetWrap_("setCurrentFrameIndex"),this.resetWrap_("selectNextFrame"),this.resetWrap_("selectPreviousFrame"),this.resetWrap_("setCurrentLayerIndex"),this.resetWrap_("selectLayer"),this.saveWrap_("renameLayerAt",!1),this.saveWrap_("removeCurrentLayer",!0),this.saveWrap_("addFrame",!0),this.saveWrap_("addFrameAtCurrentIndex",!0),this.saveWrap_("addFrameAt",!0),this.saveWrap_("removeFrameAt",!0),this.saveWrap_("duplicateCurrentFrame",!0),this.saveWrap_("duplicateFrameAt",!0),this.saveWrap_("moveFrame",!0),this.saveWrap_("createLayer",!0),this.saveWrap_("mergeDownLayerAt",!0),this.saveWrap_("moveLayerUp",!0),this.saveWrap_("moveLayerDown",!0),this.saveWrap_("removeCurrentLayer",!0),pskl.app.shortcutService.addShortcut("up",this.selectPreviousFrame.bind(this)),pskl.app.shortcutService.addShortcut("down",this.selectNextFrame.bind(this)),pskl.app.shortcutService.addShortcut("n",this.addFrameAtCurrentIndex.bind(this)),pskl.app.shortcutService.addShortcut("shift+n",this.duplicateCurrentFrame.bind(this))},a.PublicPiskelController.prototype.setPiskel=function(a,b){this.piskelController.setPiskel(a,b),$.publish(Events.FRAME_SIZE_CHANGED),$.publish(Events.PISKEL_RESET),$.publish(Events.PISKEL_SAVE_STATE,{type:pskl.service.HistoryService.SNAPSHOT})},a.PublicPiskelController.prototype.resetWrap_=function(a){this[a]=function(){this.piskelController[a].apply(this.piskelController,arguments),$.publish(Events.PISKEL_RESET)}},a.PublicPiskelController.prototype.saveWrap_=function(a,b){this[a]=b?function(){var b=this.getStateInfo_();this.piskelController[a].apply(this.piskelController,arguments),this.raiseSaveStateEvent_(this.piskelController[a],arguments,b),$.publish(Events.PISKEL_RESET)}:function(){var b=this.getStateInfo_();this.piskelController[a].apply(this.piskelController,arguments),this.raiseSaveStateEvent_(this.piskelController[a],arguments,b)}},a.PublicPiskelController.prototype.getStateInfo_=function(){var a={frameIndex:this.piskelController.currentFrameIndex,layerIndex:this.piskelController.currentLayerIndex};return a},a.PublicPiskelController.prototype.raiseSaveStateEvent_=function(a,b,c){$.publish(Events.PISKEL_SAVE_STATE,{type:pskl.service.HistoryService.REPLAY,scope:this,replay:{fn:a,args:b},state:c})},a.PublicPiskelController.prototype.replay=function(a,b){b.fn.apply(this.piskelController,b.args)}}(),function(){var a=$.namespace("pskl.controller");a.CursorCoordinatesController=function(a){this.piskelController=a,this.origin=null,this.coordinates={x:-1,y:-1}},a.CursorCoordinatesController.prototype.init=function(){this.coordinatesContainer=document.querySelector(".cursor-coordinates"),$.subscribe(Events.CURSOR_MOVED,this.onCursorMoved_.bind(this)),$.subscribe(Events.DRAG_START,this.onDragStart_.bind(this)),$.subscribe(Events.DRAG_END,this.onDragEnd_.bind(this)),$.subscribe(Events.FRAME_SIZE_CHANGED,this.redraw.bind(this)),this.redraw()},a.CursorCoordinatesController.prototype.redraw=function(){var a="";this.origin&&(a+=this.origin.x+":"+this.origin.y+" to ");var b=this.coordinates.x,c=this.coordinates.y,d=this.piskelController.getCurrentFrame();if(d.containsPixel(b,c)&&(a+=b+":"+c,this.origin)){var e=Math.abs(b-this.origin.x)+1,f=Math.abs(c-this.origin.y)+1;a+=" ("+e+"x"+f+")"}this.coordinatesContainer.innerHTML=this.getFrameSizeHTML_()+a},a.CursorCoordinatesController.prototype.getFrameSizeHTML_=function(){var a=this.piskelController.getWidth(),b=this.piskelController.getHeight();return"["+a+"x"+b+"] "},a.CursorCoordinatesController.prototype.onCursorMoved_=function(a,b,c){this.coordinates={x:b,y:c},this.redraw()},a.CursorCoordinatesController.prototype.onDragStart_=function(a,b,c){this.origin={x:b,y:c},this.redraw()},a.CursorCoordinatesController.prototype.onDragEnd_=function(){this.origin=null,this.redraw()}}(),function(){var a=$.namespace("pskl.controller");a.DrawingController=function(b,c,d){this.piskelController=b,this.paletteController=c,this.dragHandler=new a.drawing.DragHandler(this),this.overlayFrame=pskl.model.Frame.createEmptyFromFrame(b.getCurrentFrame()),this.container=d;var e={zoom:this.calculateZoom_(),supportGridRendering:!0,height:this.getContainerHeight_(),width:this.getContainerWidth_(),xOffset:0,yOffset:0};this.overlayRenderer=new pskl.rendering.frame.CachedFrameRenderer(this.container,e,["canvas-overlay"]),this.renderer=new pskl.rendering.frame.CachedFrameRenderer(this.container,e,["drawing-canvas"]),this.onionSkinRenderer=pskl.rendering.OnionSkinRenderer.createInContainer(this.container,e,b),this.layersRenderer=new pskl.rendering.layer.LayersRenderer(this.container,e,b),this.compositeRenderer=new pskl.rendering.CompositeRenderer,this.compositeRenderer.add(this.overlayRenderer).add(this.renderer).add(this.layersRenderer).add(this.onionSkinRenderer),this.isClicked=!1,this.previousMousemoveTime=0,this.currentToolBehavior=null,this.currentMouseButton_=Constants.LEFT_BUTTON},a.DrawingController.prototype.init=function(){this.initMouseBehavior(),$.subscribe(Events.TOOL_SELECTED,$.proxy(function(a,b){this.currentToolBehavior=b,this.overlayFrame.clear()},this)),$(window).resize($.proxy(this.startResizeTimer_,this)),$.subscribe(Events.USER_SETTINGS_CHANGED,$.proxy(this.onUserSettingsChange_,this)),$.subscribe(Events.FRAME_SIZE_CHANGED,$.proxy(this.onFrameSizeChange_,this)),pskl.app.shortcutService.addShortcut("0",this.resetZoom_.bind(this)),pskl.app.shortcutService.addShortcut("+",this.increaseZoom_.bind(this,1)),pskl.app.shortcutService.addShortcut("-",this.decreaseZoom_.bind(this,1)),window.setTimeout(function(){this.afterWindowResize_(),this.resetZoom_()}.bind(this),100)},a.DrawingController.prototype.initMouseBehavior=function(){var a=$("body");this.container.mousedown($.proxy(this.onMousedown_,this)),pskl.utils.UserAgent.isChrome||pskl.utils.UserAgent.isIE11?this.container.on("mousewheel",$.proxy(this.onMousewheel_,this)):this.container.on("wheel",$.proxy(this.onMousewheel_,this)),window.addEventListener("mouseup",this.onMouseup_.bind(this)),window.addEventListener("mousemove",this.onMousemove_.bind(this)),window.addEventListener("keyup",this.onKeyup_.bind(this)),a.contextmenu(this.onCanvasContextMenu_)},a.DrawingController.prototype.startResizeTimer_=function(){this.resizeTimer&&window.clearInterval(this.resizeTimer),this.resizeTimer=window.setTimeout($.proxy(this.afterWindowResize_,this),200)},a.DrawingController.prototype.afterWindowResize_=function(){var a=this.compositeRenderer.getDisplaySize().width;this.compositeRenderer.setDisplaySize(this.getContainerWidth_(),this.getContainerHeight_()),this.centerColumnWrapperHorizontally_();var b=this.compositeRenderer.getDisplaySize().width/a,c=b*this.compositeRenderer.getZoom();this.compositeRenderer.setZoom(c),$.publish(Events.ZOOM_CHANGED)},a.DrawingController.prototype.onUserSettingsChange_=function(a,b){b==pskl.UserSettings.SHOW_GRID?console.warn("DrawingController:onUserSettingsChange_ not implemented !"):(b==pskl.UserSettings.ONION_SKIN||b==pskl.UserSettings.LAYER_PREVIEW)&&(this.onionSkinRenderer.clear(),this.onionSkinRenderer.flush(),this.layersRenderer.clear(),this.layersRenderer.flush(),this.render())},a.DrawingController.prototype.onFrameSizeChange_=function(){this.compositeRenderer.setDisplaySize(this.getContainerWidth_(),this.getContainerHeight_()),this.centerColumnWrapperHorizontally_(),this.compositeRenderer.setZoom(this.calculateZoom_()),this.compositeRenderer.setOffset(0,0),$.publish(Events.ZOOM_CHANGED)},a.DrawingController.prototype.onMousedown_=function(a){$.publish(Events.MOUSE_EVENT,[a,this]);var b=this.piskelController.getCurrentFrame(),c=this.getSpriteCoordinates(a.clientX,a.clientY);this.isClicked=!0,this.setCurrentButton(a),a.button===Constants.MIDDLE_BUTTON?this.dragHandler.startDrag(a.clientX,a.clientY):(this.currentToolBehavior.hideHighlightedPixel(this.overlayFrame),$.publish(Events.TOOL_PRESSED),this.currentToolBehavior.applyToolAt(c.x,c.y,this.getCurrentColor_(),b,this.overlayFrame,a))},a.DrawingController.prototype.onMousemove_=function(a){this._clientX=a.clientX,this._clientY=a.clientY;var b=(new Date).getTime();b-this.previousMousemoveTime>Constants.MOUSEMOVE_THROTTLING&&(this.moveTool_(this._clientX,this._clientY,a),this.previousMousemoveTime=b)},a.DrawingController.prototype.onKeyup_=function(a){this.moveTool_(this._clientX,this._clientY,a)},a.DrawingController.prototype.moveTool_=function(a,b,c){var d=this.getSpriteCoordinates(a,b),e=this.piskelController.getCurrentFrame();this.isClicked?this.currentMouseButton_==Constants.MIDDLE_BUTTON?this.dragHandler.updateDrag(a,b):($.publish(Events.MOUSE_EVENT,[c,this]),this.currentToolBehavior.moveToolAt(0|d.x,0|d.y,this.getCurrentColor_(),e,this.overlayFrame,c)):this.currentToolBehavior.moveUnactiveToolAt(d.x,d.y,this.getCurrentColor_(),e,this.overlayFrame,c),$.publish(Events.CURSOR_MOVED,[d.x,d.y])},a.DrawingController.prototype.onMousewheel_=function(a){var b,c=a.originalEvent;pskl.utils.UserAgent.isChrome?b=c.wheelDeltaY:pskl.utils.UserAgent.isIE11?b=c.wheelDelta:pskl.utils.UserAgent.isFirefox&&(b=-40*c.deltaY);var d=Math.abs(b/120);b>0?this.increaseZoom_(d):0>b&&this.decreaseZoom_(d)},a.DrawingController.prototype.increaseZoom_=function(a){var b=(a||1)*this.getZoomStep_();this.setZoom_(this.renderer.getZoom()+b)},a.DrawingController.prototype.decreaseZoom_=function(a){var b=(a||1)*this.getZoomStep_();this.setZoom_(this.renderer.getZoom()-b)},a.DrawingController.prototype.onMouseup_=function(a){var b=this.piskelController.getCurrentFrame(),c=this.getSpriteCoordinates(a.clientX,a.clientY);this.isClicked&&($.publish(Events.MOUSE_EVENT,[a,this]),this.isClicked=!1,this.setCurrentButton(a),a.button===Constants.MIDDLE_BUTTON?this.dragHandler.isDragging()?this.dragHandler.stopDrag():b.containsPixel(c.x,c.y)&&$.publish(Events.SELECT_PRIMARY_COLOR,[b.getPixel(c.x,c.y)]):(this.currentToolBehavior.releaseToolAt(c.x,c.y,this.getCurrentColor_(),this.piskelController.getCurrentFrame(),this.overlayFrame,a),$.publish(Events.TOOL_RELEASED)))},a.DrawingController.prototype.getSpriteCoordinates=function(a,b){return this.renderer.getCoordinates(a,b)},a.DrawingController.prototype.getScreenCoordinates=function(a,b){return this.renderer.reverseCoordinates(a,b)},a.DrawingController.prototype.setCurrentButton=function(a){this.currentMouseButton_=a.button},a.DrawingController.prototype.getCurrentColor_=function(){return this.currentMouseButton_==Constants.RIGHT_BUTTON?this.paletteController.getSecondaryColor():this.currentMouseButton_==Constants.LEFT_BUTTON?this.paletteController.getPrimaryColor():Constants.DEFAULT_PEN_COLOR
-},a.DrawingController.prototype.onCanvasContextMenu_=function(a){return $(a.target).closest("#drawing-canvas-container").length?(a.preventDefault(),a.stopPropagation(),a.cancelBubble=!0,!1):void 0},a.DrawingController.prototype.render=function(){var a=this.piskelController.getCurrentFrame();a.isSameSize(this.overlayFrame)||(this.overlayFrame=pskl.model.Frame.createEmptyFromFrame(a)),pskl.UserSettings.get(pskl.UserSettings.ONION_SKIN)&&this.onionSkinRenderer.render(),pskl.UserSettings.get(pskl.UserSettings.LAYER_PREVIEW)&&this.layersRenderer.render(),this.renderer.render(a),this.overlayRenderer.render(this.overlayFrame)},a.DrawingController.prototype.calculateZoom_=function(){var a=this.piskelController.getCurrentFrame().getHeight(),b=this.piskelController.getCurrentFrame().getWidth();return Math.min(this.getAvailableWidth_()/b,this.getAvailableHeight_()/a)},a.DrawingController.prototype.getAvailableHeight_=function(){return $("#main-wrapper").height()},a.DrawingController.prototype.getAvailableWidth_=function(){var a=$(".left-column").outerWidth(!0),b=$(".right-column").outerWidth(!0),c=$("#tool-section").outerWidth(!0),d=$("#application-action-section").outerWidth(!0),e=$("#main-wrapper").width()-a-b-c-d,f=10;return e-f},a.DrawingController.prototype.getContainerHeight_=function(){return this.getAvailableHeight_()},a.DrawingController.prototype.getContainerWidth_=function(){return this.getAvailableWidth_()},a.DrawingController.prototype.centerColumnWrapperHorizontally_=function(){var a=this.getContainerHeight_(),b=Math.floor(($("#main-wrapper").height()-a)/2);$("#column-wrapper").css({top:b+"px"})},a.DrawingController.prototype.getRenderer=function(){return this.compositeRenderer},a.DrawingController.prototype.getOffset=function(){return this.compositeRenderer.getOffset()},a.DrawingController.prototype.setOffset=function(a,b){this.compositeRenderer.setOffset(a,b),$.publish(Events.ZOOM_CHANGED)},a.DrawingController.prototype.resetZoom_=function(){this.setZoom_(this.calculateZoom_())},a.DrawingController.prototype.getZoomStep_=function(){return this.calculateZoom_()/10},a.DrawingController.prototype.setZoom_=function(a){this.compositeRenderer.setZoom(a),$.publish(Events.ZOOM_CHANGED)}}(),function(){var a=$.namespace("pskl.controller.drawing"),b=2;a.DragHandler=function(a){this.drawingController=a,this.isDragging_=!1,this.updateOrigin_(-1,-1)},a.DragHandler.prototype.startDrag=function(a,b){var c=this.drawingController.getSpriteCoordinates(a,b);this.updateOrigin_(c.x,c.y)},a.DragHandler.prototype.updateDrag=function(a,b){var c=this.drawingController.getOffset(),d=this.calculateOffset_(a,b);if(c.y!==d.y||c.x!==d.x){this.isDragging_=!0,this.drawingController.setOffset(d.x,d.y);var e=this.drawingController.getSpriteCoordinates(a,b);this.updateOrigin_(e.x,e.y)}},a.DragHandler.prototype.stopDrag=function(){this.isDragging_=!1,this.origin=null},a.DragHandler.prototype.isDragging=function(){return this.isDragging_},a.DragHandler.prototype.calculateOffset_=function(a,c){var d=this.drawingController.getSpriteCoordinates(a,c),e=this.drawingController.getOffset(),f={x:e.x-b*(d.x-this.origin.x),y:e.y-b*(d.y-this.origin.y)};return f},a.DragHandler.prototype.updateOrigin_=function(a,b){this.origin=this.origin||{},this.origin.x=a,this.origin.y=b}}(),function(){var a=$.namespace("pskl.controller"),b={SELECT:"select",CLONE:"clone",DELETE:"delete",NEW_FRAME:"newframe"};a.FramesListController=function(a,b){this.piskelController=a,this.container=b,this.refreshZoom_(),this.redrawFlag=!0,this.cachedFrameProcessor=new pskl.model.frame.CachedFrameProcessor,this.cachedFrameProcessor.setFrameProcessor(this.frameToPreviewCanvas_.bind(this)),this.cachedFrameProcessor.setOutputCloner(this.clonePreviewCanvas_.bind(this))},a.FramesListController.prototype.init=function(){$.subscribe(Events.TOOL_RELEASED,this.flagForRedraw_.bind(this)),$.subscribe(Events.PISKEL_RESET,this.flagForRedraw_.bind(this)),$.subscribe(Events.USER_SETTINGS_CHANGED,this.flagForRedraw_.bind(this)),$.subscribe(Events.PISKEL_RESET,this.refreshZoom_.bind(this)),$("#preview-list-scroller").scroll(this.updateScrollerOverflows.bind(this)),this.container.get(0).addEventListener("click",this.onContainerClick_.bind(this)),this.updateScrollerOverflows()},a.FramesListController.prototype.flagForRedraw_=function(){this.redrawFlag=!0},a.FramesListController.prototype.refreshZoom_=function(){this.zoom=this.calculateZoom_()},a.FramesListController.prototype.render=function(){this.redrawFlag&&(this.createPreviews_(),this.redrawFlag=!1)},a.FramesListController.prototype.updateScrollerOverflows=function(){var a=$("#preview-list-scroller"),b=a.height(),c=a.scrollTop(),d=$("#preview-list").height(),e=$(".top-overflow").height(),f=!1,g=!1;if(d>b){c>e&&(f=!0);var h=d-c-b;h>e&&(g=!0)}var i=$("#preview-list-wrapper");i.toggleClass("top-overflow-visible",f),i.toggleClass("bottom-overflow-visible",g)},a.FramesListController.prototype.onContainerClick_=function(a){var c=pskl.utils.Dom.getParentWithData(a.target,"tileAction");if(c){var d=c.dataset.tileAction,e=parseInt(c.dataset.tileNumber,10);d===b.CLONE?(this.piskelController.duplicateFrameAt(e),this.updateScrollerOverflows()):d===b.DELETE?(this.piskelController.removeFrameAt(e),this.updateScrollerOverflows()):d===b.SELECT?this.piskelController.setCurrentFrameIndex(e):d===b.NEW_FRAME&&(this.piskelController.addFrame(),this.updateScrollerOverflows())}},a.FramesListController.prototype.createPreviews_=function(){this.container.html(""),$(".tooltip").remove();for(var a=this.piskelController.getFrameCount(),c=0,d=a;d>c;c++)this.container.append(this.createPreviewTile_(c));var e=document.createElement("div");e.id="add-frame-action",e.className="add-frame-action",e.setAttribute("data-tile-action",b.NEW_FRAME),e.innerHTML="Add new frame
",this.container.append(e);var f=a>1;f&&this.initDragndropBehavior_(),this.updateScrollerOverflows()},a.FramesListController.prototype.initDragndropBehavior_=function(){$("#preview-list").sortable({placeholder:"preview-tile-drop-proxy",update:$.proxy(this.onUpdate_,this),items:".preview-tile"}),$("#preview-list").disableSelection()},a.FramesListController.prototype.onUpdate_=function(a,b){var c=parseInt(b.item.data("tile-number"),10),d=$(".preview-tile").index(b.item);this.piskelController.moveFrame(c,d),this.piskelController.setCurrentFrameIndex(d)},a.FramesListController.prototype.createPreviewTile_=function(a){var c=this.piskelController.getCurrentLayer().getFrameAt(a),d=document.createElement("li");d.setAttribute("data-tile-number",a),d.setAttribute("data-tile-action",b.SELECT),d.classList.add("preview-tile"),this.piskelController.getCurrentFrame()==c&&d.classList.add("selected");var e=document.createElement("div");e.classList.add("canvas-container",pskl.UserSettings.get(pskl.UserSettings.CANVAS_BACKGROUND));var f=this.zoom*this.piskelController.getCurrentFrame().getHeight(),g=(Constants.PREVIEW_FILM_SIZE-f)/2;e.style.marginTop=g+"px";var h=this.zoom*this.piskelController.getCurrentFrame().getWidth(),i=(Constants.PREVIEW_FILM_SIZE-h)/2;e.style.marginLeft=i+"px",e.style.marginRight=i+"px";var j=document.createElement("div");j.className="canvas-background",e.appendChild(j);var k=document.createElement("button");if(k.setAttribute("rel","tooltip"),k.setAttribute("data-placement","right"),k.setAttribute("data-tile-number",a),k.setAttribute("data-tile-action",b.CLONE),k.setAttribute("title","Duplicate this frame"),k.className="tile-overlay duplicate-frame-action",d.appendChild(k),e.appendChild(this.getCanvasForFrame(c)),d.appendChild(e),a>0||this.piskelController.getFrameCount()>1){var l=document.createElement("button");l.setAttribute("rel","tooltip"),l.setAttribute("data-placement","right"),l.setAttribute("title","Delete this frame"),l.setAttribute("data-tile-number",a),l.setAttribute("data-tile-action",b.DELETE),l.className="tile-overlay delete-frame-action",d.appendChild(l);var m=document.createElement("div");m.className="tile-overlay dnd-action",d.appendChild(m)}var n=document.createElement("div");return n.className="tile-overlay tile-count",n.innerHTML=a+1,d.appendChild(n),d},a.FramesListController.prototype.getCanvasForFrame=function(a){var b=this.cachedFrameProcessor.get(a,this.zoom);return b},a.FramesListController.prototype.frameToPreviewCanvas_=function(a){var b=new pskl.rendering.CanvasRenderer(a,this.zoom);b.drawTransparentAs(Constants.TRANSPARENT_COLOR);var c=b.render();return c.classList.add("tile-view","canvas"),c},a.FramesListController.prototype.clonePreviewCanvas_=function(a){var b=pskl.utils.CanvasUtils.clone(a);return b.classList.add("tile-view","canvas"),b},a.FramesListController.prototype.calculateZoom_=function(){var a=this.piskelController.getCurrentFrame(),b=Math.max(a.getHeight(),a.getWidth());return Constants.PREVIEW_FILM_SIZE/b}}(),function(){var a=$.namespace("pskl.controller");a.LayersListController=function(a){this.piskelController=a},a.LayersListController.prototype.init=function(){this.layerItemTemplate_=pskl.utils.Template.get("layer-item-template"),this.rootEl=document.querySelector(".layers-list-container"),this.layersListEl=document.querySelector(".layers-list"),this.toggleLayerPreviewEl=document.querySelector(".layers-toggle-preview"),this.rootEl.addEventListener("click",this.onClick_.bind(this)),this.toggleLayerPreviewEl.addEventListener("click",this.toggleLayerPreview_.bind(this)),$.subscribe(Events.PISKEL_RESET,this.renderLayerList_.bind(this)),pskl.app.shortcutService.addShortcut("alt+L",this.toggleLayerPreview_.bind(this)),this.renderLayerList_(),this.updateToggleLayerPreview_(),$.subscribe(Events.USER_SETTINGS_CHANGED,$.proxy(this.onUserSettingsChange_,this))},a.LayersListController.prototype.renderLayerList_=function(){this.layersListEl.innerHTML="";var a=this.piskelController.getLayers();a.forEach(this.addLayerItem.bind(this)),this.updateButtonStatus_()},a.LayersListController.prototype.updateButtonStatus_=function(){var a=this.piskelController.getLayers(),b=(this.piskelController.getCurrentLayer(),this.piskelController.getCurrentLayerIndex()),c=0===b,d=1===a.length,e=b===a.length-1;this.toggleButtonDisabledState_("up",e),this.toggleButtonDisabledState_("down",c),this.toggleButtonDisabledState_("merge",c),this.toggleButtonDisabledState_("delete",d)},a.LayersListController.prototype.toggleButtonDisabledState_=function(a,b){var c=document.querySelector('.layers-button[data-action="'+a+'"]');b?c.setAttribute("disabled","disabled"):c.removeAttribute("disabled")},a.LayersListController.prototype.updateToggleLayerPreview_=function(){var a="layers-toggle-preview-enabled";pskl.UserSettings.get(pskl.UserSettings.LAYER_PREVIEW)?this.toggleLayerPreviewEl.classList.add(a):this.toggleLayerPreviewEl.classList.remove(a)},a.LayersListController.prototype.onUserSettingsChange_=function(a,b){b==pskl.UserSettings.LAYER_PREVIEW&&this.updateToggleLayerPreview_()},a.LayersListController.prototype.addLayerItem=function(a,b){var c=this.piskelController.getCurrentLayer()===a,d=pskl.utils.Template.replace(this.layerItemTemplate_,{layername:a.getName(),layerindex:b,"isselected:current-layer-item":c}),e=pskl.utils.Template.createFromHTML(d);this.layersListEl.insertBefore(e,this.layersListEl.firstChild)},a.LayersListController.prototype.onClick_=function(a){var b,c=a.target||a.srcElement;c.classList.contains("button")?this.onButtonClick_(c):c.classList.contains("layer-item")&&(b=c.dataset.layerIndex,this.piskelController.setCurrentLayerIndex(parseInt(b,10)))},a.LayersListController.prototype.renameCurrentLayer_=function(){var a=this.piskelController.getCurrentLayer(),b=window.prompt("Please enter the layer name",a.getName());if(b){var c=this.piskelController.getCurrentLayerIndex();this.piskelController.renameLayerAt(c,b),this.renderLayerList_()}},a.LayersListController.prototype.mergeDownCurrentLayer_=function(){var a=this.piskelController.getCurrentLayerIndex();this.piskelController.mergeDownLayerAt(a),this.renderLayerList_()},a.LayersListController.prototype.onButtonClick_=function(a){var b=a.getAttribute("data-action");"up"==b?this.piskelController.moveLayerUp():"down"==b?this.piskelController.moveLayerDown():"add"==b?this.piskelController.createLayer():"delete"==b?this.piskelController.removeCurrentLayer():"merge"==b?this.mergeDownCurrentLayer_():"edit"==b&&this.renameCurrentLayer_()},a.LayersListController.prototype.toggleLayerPreview_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.LAYER_PREVIEW);pskl.UserSettings.set(pskl.UserSettings.LAYER_PREVIEW,!a)}}(),function(){var a=$.namespace("pskl.controller.preview");a.PopupPreviewController=function(a){this.piskelController=a,this.popup=null,this.renderer=null,this.renderFlag=!1},a.PopupPreviewController.prototype.init=function(){pskl.utils.Event.addEventListener(window,"unload",this.onMainWindowUnload_,this)},a.PopupPreviewController.prototype.isOpen=function(){return!!this.popup},a.PopupPreviewController.prototype.open=function(){this.isOpen()||(this.popup=window.open("/popup-preview.html","","width=320,height=320"))},a.PopupPreviewController.prototype.onPopupLoaded=function(){pskl.utils.Event.addEventListener(this.popup,"resize",this.onWindowResize_,this),pskl.utils.Event.addEventListener(this.popup,"unload",this.onPopupClosed_,this);var a=this.popup.document.querySelector(".preview-container");this.renderer=new pskl.rendering.frame.TiledFrameRenderer($(a)),this.updateZoom_(),this.renderFlag=!0},a.PopupPreviewController.prototype.render=function(a){this.isOpen()&&this.renderer&&(this.renderer.render(a),this.renderFlag=!1)},a.PopupPreviewController.prototype.onWindowResize_=function(){this.updateZoom_(),this.renderFlag=!0},a.PopupPreviewController.prototype.updateZoom_=function(){var a=this.popup.document.documentElement,b=a.clientWidth/this.piskelController.getWidth(),c=a.clientHeight/this.piskelController.getHeight(),d=Math.min(b,c);this.renderer.setZoom(d);var e=this.piskelController.getHeight()*d,f=this.piskelController.getWidth()*d,g=this.popup.document.querySelector(".preview-container");g.style.height=e+"px",g.style.width=f+"px";var h=(a.clientHeight-e)/2;g.style.marginTop=h+"px",g.style.marginBottom=h+"px";var i=(a.clientWidth-f)/2;g.style.marginLeft=i+"px",g.style.marginRight=i+"px"},a.PopupPreviewController.prototype.onPopupClosed_=function(){var a=this.popup;console.log(a),this.popup=null},a.PopupPreviewController.prototype.onMainWindowUnload_=function(){this.isOpen()&&this.popup.close()}}(),function(){var a=$.namespace("pskl.controller.preview"),b=200;a.PreviewController=function(b,c){this.piskelController=b,this.container=c,this.elapsedTime=0,this.currentIndex=0,this.renderFlag=!0,this.fpsRangeInput=$("#preview-fps"),this.fpsCounterDisplay=$("#display-fps"),this.setFPS(Constants.DEFAULT.FPS);this.piskelController.getCurrentFrame();this.renderer=new pskl.rendering.frame.TiledFrameRenderer(this.container),this.popupPreviewController=new a.PopupPreviewController(b)},a.PreviewController.prototype.init=function(){this.fpsRangeInput.on("input change",this.onFPSSliderChange.bind(this)),document.querySelector(".right-column").style.width=Constants.ANIMATED_PREVIEW_WIDTH+"px",this.toggleOnionSkinEl=document.querySelector(".preview-toggle-onion-skin"),this.toggleOnionSkinEl.addEventListener("click",this.toggleOnionSkin_.bind(this)),pskl.utils.Event.addEventListener(".open-popup-preview-button","click",this.onOpenPopupPreviewClick_,this),pskl.app.shortcutService.addShortcut("alt+O",this.toggleOnionSkin_.bind(this)),$.subscribe(Events.FRAME_SIZE_CHANGED,this.onFrameSizeChange_.bind(this)),$.subscribe(Events.USER_SETTINGS_CHANGED,$.proxy(this.onUserSettingsChange_,this)),$.subscribe(Events.PISKEL_SAVE_STATE,this.setRenderFlag_.bind(this,!0)),$.subscribe(Events.PISKEL_RESET,this.setRenderFlag_.bind(this,!0)),this.popupPreviewController.init(),this.updateZoom_(),this.updateOnionSkinPreview_(),this.updateMaxFPS_(),this.updateContainerDimensions_()},a.PreviewController.prototype.onOpenPopupPreviewClick_=function(){this.popupPreviewController.open()},a.PreviewController.prototype.onUserSettingsChange_=function(a,b){b==pskl.UserSettings.ONION_SKIN?this.updateOnionSkinPreview_():b==pskl.UserSettings.MAX_FPS?this.updateMaxFPS_():(this.updateZoom_(),this.updateContainerDimensions_())},a.PreviewController.prototype.updateOnionSkinPreview_=function(){var a="preview-toggle-onion-skin-enabled";pskl.UserSettings.get(pskl.UserSettings.ONION_SKIN)?this.toggleOnionSkinEl.classList.add(a):this.toggleOnionSkinEl.classList.remove(a)},a.PreviewController.prototype.updateMaxFPS_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.MAX_FPS);this.fpsRangeInput.get(0).setAttribute("max",a),this.setFPS(Math.min(this.fps,a))},a.PreviewController.prototype.updateZoom_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.TILED_PREVIEW),b=a?1:this.calculateZoom_();this.renderer.setZoom(b)},a.PreviewController.prototype.getZoom=function(){return this.calculateZoom_()},a.PreviewController.prototype.getCoordinates=function(a,b){var c=this.container.offset();a-=c.left,b-=c.top;var d=this.getZoom();return{x:Math.floor(a/d),y:Math.floor(b/d)}},a.PreviewController.prototype.onFPSSliderChange=function(){this.setFPS(parseInt(this.fpsRangeInput[0].value,10))},a.PreviewController.prototype.setFPS=function(a){"number"==typeof a&&(this.fps=a,this.fpsRangeInput.get(0).value=0,this.fpsRangeInput.get(0).value=this.fps,this.fpsRangeInput.blur(),this.fpsCounterDisplay.html(this.fps+" FPS"))},a.PreviewController.prototype.getFPS=function(){return this.fps},a.PreviewController.prototype.render=function(a){this.elapsedTime+=a;var b=this.getNextIndex_(a);if(this.shoudlRender_()||this.currentIndex!=b){this.currentIndex=b;var c=this.piskelController.getFrameAt(this.currentIndex);this.renderer.render(c),this.renderFlag=!1,this.popupPreviewController.render(c)}},a.PreviewController.prototype.getNextIndex_=function(){if(0===this.fps)return this.piskelController.getCurrentFrameIndex();var a=Math.floor(this.elapsedTime/(1e3/this.fps));return this.piskelController.hasFrameAt(a)||(this.elapsedTime=0,a=0),a},a.PreviewController.prototype.calculateZoom_=function(){var a=this.piskelController.getCurrentFrame(),c=b/a.getHeight(),d=b/a.getWidth();return Math.min(c,d)},a.PreviewController.prototype.onFrameSizeChange_=function(){this.updateZoom_(),this.updateContainerDimensions_()},a.PreviewController.prototype.updateContainerDimensions_=function(){var a,c,d=this.container.get(0),e=pskl.UserSettings.get(pskl.UserSettings.TILED_PREVIEW);if(e)a=b,c=b;else{var f=this.getZoom(),g=this.piskelController.getCurrentFrame();a=g.getHeight()*f,c=g.getWidth()*f}d.style.height=a+"px",d.style.width=c+"px";var h=(b-a)/2;d.style.marginTop=h+"px",d.style.marginBottom=h+"px";var i=(b-c)/2;d.style.marginLeft=i+"px",d.style.marginRight=i+"px"},a.PreviewController.prototype.setRenderFlag_=function(a){this.renderFlag=a},a.PreviewController.prototype.shoudlRender_=function(){return this.renderFlag||this.popupPreviewController.renderFlag},a.PreviewController.prototype.toggleOnionSkin_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.ONION_SKIN);pskl.UserSettings.set(pskl.UserSettings.ONION_SKIN,!a)}}(),function(){var a=$.namespace("pskl.controller");a.MinimapController=function(a,b,c,d){this.piskelController=a,this.previewController=b,this.drawingController=c,this.container=d,this.isClicked=!1,this.isVisible=!1},a.MinimapController.prototype.init=function(){this.minimapEl=document.createElement("DIV"),this.minimapEl.className="minimap-crop-frame",this.minimapEl.style.display="none",$(this.container).append(this.minimapEl),$(this.container).mousedown(this.onMinimapMousedown_.bind(this)),$("body").mousemove(this.onMinimapMousemove_.bind(this)),$("body").mouseup(this.onMinimapMouseup_.bind(this)),$.subscribe(Events.ZOOM_CHANGED,$.proxy(this.renderMinimap_,this))},a.MinimapController.prototype.renderMinimap_=function(){var a=this.getVerticalRatio_(),b=this.getHorizontalRatio_();a>1||b>1?this.displayMinimap_():this.hideMinimap_()},a.MinimapController.prototype.displayMinimap_=function(){var a=this.getMinimapSize_(),b=this.getPreviewSize_(),c=this.container.height(),d=this.container.width(),e=this.drawingController.getRenderer().getOffset(),f=(d-Math.max(a.width,b.width))/2,g=e.x*this.previewController.getZoom(),h=f+g,i=(c-Math.max(a.height,b.height))/2,j=e.y*this.previewController.getZoom(),k=i+j;this.minimapEl.style.display="block",this.minimapEl.style.width=Math.min(a.width,d)+"px",this.minimapEl.style.height=Math.min(a.height,c)+"px",this.minimapEl.style.left=Math.max(0,h)+"px",this.minimapEl.style.top=Math.max(0,k)+"px",this.isVisible=!0},a.MinimapController.prototype.getMinimapSize_=function(){var a=this.drawingController.getRenderer().getZoom(),b=this.previewController.getZoom(),c=a/b,d=this.drawingController.getRenderer().getDisplaySize(),e=d.width/c,f=d.height/c;return{width:e,height:f}},a.MinimapController.prototype.getPreviewSize_=function(){var a=this.piskelController.getCurrentFrame(),b=a.getWidth()*this.previewController.getZoom(),c=a.getHeight()*this.previewController.getZoom();return{width:b,height:c}},a.MinimapController.prototype.hideMinimap_=function(){this.minimapEl.style.display="none",this.isVisible=!1},a.MinimapController.prototype.onMinimapMousemove_=function(a){if(this.isVisible&&this.isClicked){var b=this.getCoordinatesCenteredAround_(a.clientX,a.clientY);this.drawingController.setOffset(b.x,b.y)}},a.MinimapController.prototype.onMinimapMousedown_=function(){this.isClicked=!0},a.MinimapController.prototype.onMinimapMouseup_=function(){this.isClicked=!1},a.MinimapController.prototype.getCoordinatesCenteredAround_=function(a,b){var c=this.previewController.getCoordinates(a,b),d=this.piskelController.getCurrentFrame().getWidth(),e=this.piskelController.getCurrentFrame().getHeight(),f=d/this.getHorizontalRatio_(),g=e/this.getVerticalRatio_();return{x:c.x-f/2,y:c.y-g/2}},a.MinimapController.prototype.getVerticalRatio_=function(){var a=this.drawingController.getRenderer().getZoom(),b=this.piskelController.getCurrentFrame(),c=b.getHeight()*a,d=this.drawingController.getRenderer().getDisplaySize().height;return c/d},a.MinimapController.prototype.getHorizontalRatio_=function(){var a=this.drawingController.getRenderer().getZoom(),b=this.piskelController.getCurrentFrame(),c=b.getWidth()*a,d=this.drawingController.getRenderer().getDisplaySize().width;return c/d}}(),function(){var a=$.namespace("pskl.controller");a.ToolController=function(){var a=function(a,b,c){return{id:a,shortcut:b,instance:c}};this.tools=[a("simplePen","P",new pskl.tools.drawing.SimplePen),a("verticalMirrorPen","V",new pskl.tools.drawing.VerticalMirrorPen),a("paintBucket","B",new pskl.tools.drawing.PaintBucket),a("colorSwap","A",new pskl.tools.drawing.ColorSwap),a("eraser","E",new pskl.tools.drawing.Eraser),a("stroke","L",new pskl.tools.drawing.Stroke),a("rectangle","R",new pskl.tools.drawing.Rectangle),a("circle","C",new pskl.tools.drawing.Circle),a("move","M",new pskl.tools.drawing.Move),a("rectangleSelect","S",new pskl.tools.drawing.RectangleSelect),a("shapeSelect","Z",new pskl.tools.drawing.ShapeSelect),a("lighten","U",new pskl.tools.drawing.Lighten),a("colorPicker","O",new pskl.tools.drawing.ColorPicker)],this.toolIconRenderer=new pskl.tools.IconMarkupRenderer},a.ToolController.prototype.init=function(){this.createToolsDom_(),this.addKeyboardShortcuts_(),this.selectTool_(this.tools[0]),$("#tool-section").mousedown($.proxy(this.onToolIconClicked_,this)),$.subscribe(Events.SELECT_TOOL,this.onSelectToolEvent_.bind(this))},a.ToolController.prototype.activateToolOnStage_=function(a){var b=$("body"),c=b.data("selected-tool-class");c&&(b.removeClass(c),b.removeClass(pskl.tools.drawing.Move.TOOL_ID)),b.addClass(a.instance.toolId),b.data("selected-tool-class",a.instance.toolId)},a.ToolController.prototype.onSelectToolEvent_=function(a,b){var c=this.getToolById_(b);c&&this.selectTool_(c)},a.ToolController.prototype.selectTool_=function(a){this.currentSelectedTool=a,this.activateToolOnStage_(this.currentSelectedTool);var b=$("#tool-section .tool-icon.selected"),c=$("[data-tool-id="+a.instance.toolId+"]");b.removeClass("selected"),c.addClass("selected"),$.publish(Events.TOOL_SELECTED,[a.instance])},a.ToolController.prototype.onToolIconClicked_=function(a){var b=$(a.target),c=b.closest(".tool-icon");if(c.length){var d=c.data().toolId,e=this.getToolById_(d);e&&this.selectTool_(e)}},a.ToolController.prototype.onKeyboardShortcut_=function(a){for(var b=0;b","shift+>"],this.selectNextColor_.bind(this)),pskl.app.shortcutService.addShortcut("<",this.selectPreviousColor_.bind(this)),this.fillPaletteList(),this.updateFromUserSettings(),this.fillColorListContainer()},a.PalettesListController.prototype.fillPaletteList=function(){var a=this.paletteService.getPalettes(),b=a.map(function(a){return pskl.utils.Template.replace('{{name}} ',a)}).join("");this.colorPaletteSelect_.innerHTML=b},a.PalettesListController.prototype.fillColorListContainer=function(){var a=this.getSelectedPaletteColors_();if(a.length>0){var b=a.map(function(a,b){return pskl.utils.Template.replace(this.paletteColorTemplate_,{color:a,index:b})}.bind(this)).join("");this.colorListContainer_.innerHTML=b,this.highlightSelectedColors();var c=a.length>e;c&&!pskl.utils.UserAgent.isChrome?this.colorListContainer_.classList.add(d):this.colorListContainer_.classList.remove(d)}else this.colorListContainer_.innerHTML=pskl.utils.Template.get("palettes-list-no-colors-partial")},a.PalettesListController.prototype.selectPalette=function(a){pskl.UserSettings.set(pskl.UserSettings.SELECTED_PALETTE,a)},a.PalettesListController.prototype.getSelectedPaletteColors_=function(){var a=[],b=this.getSelectedPalette_();return b&&(a=b.getColors()),a.length>Constants.MAX_CURRENT_COLORS_DISPLAYED&&(a=a.slice(0,Constants.MAX_CURRENT_COLORS_DISPLAYED)),a},a.PalettesListController.prototype.getSelectedPalette_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.SELECTED_PALETTE);return this.paletteService.getPaletteById(a)},a.PalettesListController.prototype.selectNextColor_=function(){this.selectColor_(this.getCurrentColorIndex_()+1)},a.PalettesListController.prototype.selectPreviousColor_=function(){this.selectColor_(this.getCurrentColorIndex_()-1)},a.PalettesListController.prototype.getCurrentColorIndex_=function(){var a=0,c=document.querySelector("."+b);return c&&(a=parseInt(c.dataset.colorIndex,10)),a},a.PalettesListController.prototype.selectColor_=function(a){var b=this.getSelectedPaletteColors_(),c=b[a];c&&$.publish(Events.SELECT_PRIMARY_COLOR,[c])},a.PalettesListController.prototype.onUserSettingsChange_=function(a,b){b==pskl.UserSettings.SELECTED_PALETTE&&this.updateFromUserSettings()},a.PalettesListController.prototype.updateFromUserSettings=function(){var a=pskl.UserSettings.get(pskl.UserSettings.SELECTED_PALETTE);this.fillColorListContainer(),this.colorPaletteSelect_.value=a},a.PalettesListController.prototype.onPaletteSelected_=function(){var a=this.colorPaletteSelect_.value;this.selectPalette(a),this.colorPaletteSelect_.blur()},a.PalettesListController.prototype.onCreatePaletteClick_=function(){$.publish(Events.DIALOG_DISPLAY,"create-palette")
+},a.DrawingController.prototype.onCanvasContextMenu_=function(a){return $(a.target).closest("#drawing-canvas-container").length?(a.preventDefault(),a.stopPropagation(),a.cancelBubble=!0,!1):void 0},a.DrawingController.prototype.render=function(){var a=this.piskelController.getCurrentFrame();a.isSameSize(this.overlayFrame)||(this.overlayFrame=pskl.model.Frame.createEmptyFromFrame(a)),pskl.UserSettings.get(pskl.UserSettings.ONION_SKIN)&&this.onionSkinRenderer.render(),pskl.UserSettings.get(pskl.UserSettings.LAYER_PREVIEW)&&this.layersRenderer.render(),this.renderer.render(a),this.overlayRenderer.render(this.overlayFrame)},a.DrawingController.prototype.calculateZoom_=function(){var a=this.piskelController.getCurrentFrame().getHeight(),b=this.piskelController.getCurrentFrame().getWidth();return Math.min(this.getAvailableWidth_()/b,this.getAvailableHeight_()/a)},a.DrawingController.prototype.getAvailableHeight_=function(){return $("#main-wrapper").height()},a.DrawingController.prototype.getAvailableWidth_=function(){var a=$(".left-column").outerWidth(!0),b=$(".right-column").outerWidth(!0),c=$("#tool-section").outerWidth(!0),d=$("#application-action-section").outerWidth(!0),e=$("#main-wrapper").width()-a-b-c-d,f=10;return e-f},a.DrawingController.prototype.getContainerHeight_=function(){return this.getAvailableHeight_()},a.DrawingController.prototype.getContainerWidth_=function(){return this.getAvailableWidth_()},a.DrawingController.prototype.centerColumnWrapperHorizontally_=function(){var a=this.getContainerHeight_(),b=Math.floor(($("#main-wrapper").height()-a)/2);$("#column-wrapper").css({top:b+"px"})},a.DrawingController.prototype.getRenderer=function(){return this.compositeRenderer},a.DrawingController.prototype.getOffset=function(){return this.compositeRenderer.getOffset()},a.DrawingController.prototype.setOffset=function(a,b){this.compositeRenderer.setOffset(a,b),$.publish(Events.ZOOM_CHANGED)},a.DrawingController.prototype.resetZoom_=function(){this.setZoom_(this.calculateZoom_())},a.DrawingController.prototype.getZoomStep_=function(){return this.calculateZoom_()/10},a.DrawingController.prototype.setZoom_=function(a){this.compositeRenderer.setZoom(a),$.publish(Events.ZOOM_CHANGED)}}(),function(){var a=$.namespace("pskl.controller.drawing"),b=2;a.DragHandler=function(a){this.drawingController=a,this.isDragging_=!1,this.updateOrigin_(-1,-1)},a.DragHandler.prototype.startDrag=function(a,b){var c=this.drawingController.getSpriteCoordinates(a,b);this.updateOrigin_(c.x,c.y)},a.DragHandler.prototype.updateDrag=function(a,b){var c=this.drawingController.getOffset(),d=this.calculateOffset_(a,b);if(c.y!==d.y||c.x!==d.x){this.isDragging_=!0,this.drawingController.setOffset(d.x,d.y);var e=this.drawingController.getSpriteCoordinates(a,b);this.updateOrigin_(e.x,e.y)}},a.DragHandler.prototype.stopDrag=function(){this.isDragging_=!1,this.origin=null},a.DragHandler.prototype.isDragging=function(){return this.isDragging_},a.DragHandler.prototype.calculateOffset_=function(a,c){var d=this.drawingController.getSpriteCoordinates(a,c),e=this.drawingController.getOffset(),f={x:e.x-b*(d.x-this.origin.x),y:e.y-b*(d.y-this.origin.y)};return f},a.DragHandler.prototype.updateOrigin_=function(a,b){this.origin=this.origin||{},this.origin.x=a,this.origin.y=b}}(),function(){var a=$.namespace("pskl.controller"),b={SELECT:"select",CLONE:"clone",DELETE:"delete",NEW_FRAME:"newframe"};a.FramesListController=function(a,b){this.piskelController=a,this.container=b,this.refreshZoom_(),this.redrawFlag=!0,this.cachedFrameProcessor=new pskl.model.frame.CachedFrameProcessor,this.cachedFrameProcessor.setFrameProcessor(this.frameToPreviewCanvas_.bind(this)),this.cachedFrameProcessor.setOutputCloner(this.clonePreviewCanvas_.bind(this))},a.FramesListController.prototype.init=function(){$.subscribe(Events.TOOL_RELEASED,this.flagForRedraw_.bind(this)),$.subscribe(Events.PISKEL_RESET,this.flagForRedraw_.bind(this)),$.subscribe(Events.USER_SETTINGS_CHANGED,this.flagForRedraw_.bind(this)),$.subscribe(Events.PISKEL_RESET,this.refreshZoom_.bind(this)),$("#preview-list-scroller").scroll(this.updateScrollerOverflows.bind(this)),this.container.get(0).addEventListener("click",this.onContainerClick_.bind(this)),this.updateScrollerOverflows()},a.FramesListController.prototype.flagForRedraw_=function(){this.redrawFlag=!0},a.FramesListController.prototype.refreshZoom_=function(){this.zoom=this.calculateZoom_()},a.FramesListController.prototype.render=function(){this.redrawFlag&&(this.createPreviews_(),this.redrawFlag=!1)},a.FramesListController.prototype.updateScrollerOverflows=function(){var a=$("#preview-list-scroller"),b=a.height(),c=a.scrollTop(),d=$("#preview-list").height(),e=$(".top-overflow").height(),f=!1,g=!1;if(d>b){c>e&&(f=!0);var h=d-c-b;h>e&&(g=!0)}var i=$("#preview-list-wrapper");i.toggleClass("top-overflow-visible",f),i.toggleClass("bottom-overflow-visible",g)},a.FramesListController.prototype.onContainerClick_=function(a){var c=pskl.utils.Dom.getParentWithData(a.target,"tileAction");if(c){var d=c.dataset.tileAction,e=parseInt(c.dataset.tileNumber,10);d===b.CLONE?(this.piskelController.duplicateFrameAt(e),this.updateScrollerOverflows()):d===b.DELETE?(this.piskelController.removeFrameAt(e),this.updateScrollerOverflows()):d===b.SELECT?this.piskelController.setCurrentFrameIndex(e):d===b.NEW_FRAME&&(this.piskelController.addFrame(),this.updateScrollerOverflows())}},a.FramesListController.prototype.createPreviews_=function(){this.container.html(""),$(".tooltip").remove();for(var a=this.piskelController.getFrameCount(),c=0,d=a;d>c;c++)this.container.append(this.createPreviewTile_(c));var e=document.createElement("div");e.id="add-frame-action",e.className="add-frame-action",e.setAttribute("data-tile-action",b.NEW_FRAME),e.innerHTML="Add new frame
",this.container.append(e);var f=a>1;f&&this.initDragndropBehavior_(),this.updateScrollerOverflows()},a.FramesListController.prototype.initDragndropBehavior_=function(){$("#preview-list").sortable({placeholder:"preview-tile-drop-proxy",update:$.proxy(this.onUpdate_,this),items:".preview-tile"}),$("#preview-list").disableSelection()},a.FramesListController.prototype.onUpdate_=function(a,b){var c=parseInt(b.item.data("tile-number"),10),d=$(".preview-tile").index(b.item);this.piskelController.moveFrame(c,d),this.piskelController.setCurrentFrameIndex(d)},a.FramesListController.prototype.createPreviewTile_=function(a){var c=this.piskelController.getCurrentLayer().getFrameAt(a),d=document.createElement("li");d.setAttribute("data-tile-number",a),d.setAttribute("data-tile-action",b.SELECT),d.classList.add("preview-tile"),this.piskelController.getCurrentFrame()==c&&d.classList.add("selected");var e=document.createElement("div");e.classList.add("canvas-container",pskl.UserSettings.get(pskl.UserSettings.CANVAS_BACKGROUND));var f=this.zoom*this.piskelController.getCurrentFrame().getHeight(),g=(Constants.PREVIEW_FILM_SIZE-f)/2;e.style.marginTop=g+"px";var h=this.zoom*this.piskelController.getCurrentFrame().getWidth(),i=(Constants.PREVIEW_FILM_SIZE-h)/2;e.style.marginLeft=i+"px",e.style.marginRight=i+"px";var j=document.createElement("div");j.className="canvas-background",e.appendChild(j);var k=document.createElement("button");if(k.setAttribute("rel","tooltip"),k.setAttribute("data-placement","right"),k.setAttribute("data-tile-number",a),k.setAttribute("data-tile-action",b.CLONE),k.setAttribute("title","Duplicate this frame"),k.className="tile-overlay duplicate-frame-action",d.appendChild(k),e.appendChild(this.getCanvasForFrame(c)),d.appendChild(e),a>0||this.piskelController.getFrameCount()>1){var l=document.createElement("button");l.setAttribute("rel","tooltip"),l.setAttribute("data-placement","right"),l.setAttribute("title","Delete this frame"),l.setAttribute("data-tile-number",a),l.setAttribute("data-tile-action",b.DELETE),l.className="tile-overlay delete-frame-action",d.appendChild(l);var m=document.createElement("div");m.className="tile-overlay dnd-action",d.appendChild(m)}var n=document.createElement("div");return n.className="tile-overlay tile-count",n.innerHTML=a+1,d.appendChild(n),d},a.FramesListController.prototype.getCanvasForFrame=function(a){var b=this.cachedFrameProcessor.get(a,this.zoom);return b},a.FramesListController.prototype.frameToPreviewCanvas_=function(a){var b=new pskl.rendering.CanvasRenderer(a,this.zoom);b.drawTransparentAs(Constants.TRANSPARENT_COLOR);var c=b.render();return c.classList.add("tile-view","canvas"),c},a.FramesListController.prototype.clonePreviewCanvas_=function(a){var b=pskl.utils.CanvasUtils.clone(a);return b.classList.add("tile-view","canvas"),b},a.FramesListController.prototype.calculateZoom_=function(){var a=this.piskelController.getCurrentFrame(),b=Math.max(a.getHeight(),a.getWidth());return Constants.PREVIEW_FILM_SIZE/b}}(),function(){var a=$.namespace("pskl.controller");a.LayersListController=function(a){this.piskelController=a},a.LayersListController.prototype.init=function(){this.layerItemTemplate_=pskl.utils.Template.get("layer-item-template"),this.rootEl=document.querySelector(".layers-list-container"),this.layersListEl=document.querySelector(".layers-list"),this.toggleLayerPreviewEl=document.querySelector(".layers-toggle-preview"),this.rootEl.addEventListener("click",this.onClick_.bind(this)),this.toggleLayerPreviewEl.addEventListener("click",this.toggleLayerPreview_.bind(this)),$.subscribe(Events.PISKEL_RESET,this.renderLayerList_.bind(this)),pskl.app.shortcutService.addShortcut("alt+L",this.toggleLayerPreview_.bind(this)),this.renderLayerList_(),this.updateToggleLayerPreview_(),$.subscribe(Events.USER_SETTINGS_CHANGED,$.proxy(this.onUserSettingsChange_,this))},a.LayersListController.prototype.renderLayerList_=function(){this.layersListEl.innerHTML="";var a=this.piskelController.getLayers();a.forEach(this.addLayerItem.bind(this)),this.updateButtonStatus_()},a.LayersListController.prototype.updateButtonStatus_=function(){var a=this.piskelController.getLayers(),b=(this.piskelController.getCurrentLayer(),this.piskelController.getCurrentLayerIndex()),c=0===b,d=1===a.length,e=b===a.length-1;this.toggleButtonDisabledState_("up",e),this.toggleButtonDisabledState_("down",c),this.toggleButtonDisabledState_("merge",c),this.toggleButtonDisabledState_("delete",d)},a.LayersListController.prototype.toggleButtonDisabledState_=function(a,b){var c=document.querySelector('.layers-button[data-action="'+a+'"]');b?c.setAttribute("disabled","disabled"):c.removeAttribute("disabled")},a.LayersListController.prototype.updateToggleLayerPreview_=function(){var a="layers-toggle-preview-enabled";pskl.UserSettings.get(pskl.UserSettings.LAYER_PREVIEW)?this.toggleLayerPreviewEl.classList.add(a):this.toggleLayerPreviewEl.classList.remove(a)},a.LayersListController.prototype.onUserSettingsChange_=function(a,b){b==pskl.UserSettings.LAYER_PREVIEW&&this.updateToggleLayerPreview_()},a.LayersListController.prototype.addLayerItem=function(a,b){var c=this.piskelController.getCurrentLayer()===a,d=pskl.utils.Template.replace(this.layerItemTemplate_,{layername:a.getName(),layerindex:b,"isselected:current-layer-item":c}),e=pskl.utils.Template.createFromHTML(d);this.layersListEl.insertBefore(e,this.layersListEl.firstChild)},a.LayersListController.prototype.onClick_=function(a){var b,c=a.target||a.srcElement;c.classList.contains("button")?this.onButtonClick_(c):c.classList.contains("layer-item")&&(b=c.dataset.layerIndex,this.piskelController.setCurrentLayerIndex(parseInt(b,10)))},a.LayersListController.prototype.renameCurrentLayer_=function(){var a=this.piskelController.getCurrentLayer(),b=window.prompt("Please enter the layer name",a.getName());if(b){var c=this.piskelController.getCurrentLayerIndex();this.piskelController.renameLayerAt(c,b),this.renderLayerList_()}},a.LayersListController.prototype.mergeDownCurrentLayer_=function(){var a=this.piskelController.getCurrentLayerIndex();this.piskelController.mergeDownLayerAt(a),this.renderLayerList_()},a.LayersListController.prototype.onButtonClick_=function(a){var b=a.getAttribute("data-action");"up"==b?this.piskelController.moveLayerUp():"down"==b?this.piskelController.moveLayerDown():"add"==b?this.piskelController.createLayer():"delete"==b?this.piskelController.removeCurrentLayer():"merge"==b?this.mergeDownCurrentLayer_():"edit"==b&&this.renameCurrentLayer_()},a.LayersListController.prototype.toggleLayerPreview_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.LAYER_PREVIEW);pskl.UserSettings.set(pskl.UserSettings.LAYER_PREVIEW,!a)}}(),function(){var a=$.namespace("pskl.controller.preview");a.PopupPreviewController=function(a){this.piskelController=a,this.popup=null,this.renderer=null,this.renderFlag=!1},a.PopupPreviewController.prototype.init=function(){pskl.utils.Event.addEventListener(window,"unload",this.onMainWindowUnload_,this)},a.PopupPreviewController.prototype.isOpen=function(){return!!this.popup},a.PopupPreviewController.prototype.open=function(){this.isOpen()||(this.popup=window.open("popup-preview.html","","width=320,height=320"))},a.PopupPreviewController.prototype.onPopupLoaded=function(){pskl.utils.Event.addEventListener(this.popup,"resize",this.onWindowResize_,this),pskl.utils.Event.addEventListener(this.popup,"unload",this.onPopupClosed_,this);var a=this.popup.document.querySelector(".preview-container");this.renderer=new pskl.rendering.frame.TiledFrameRenderer($(a)),this.updateZoom_(),this.renderFlag=!0},a.PopupPreviewController.prototype.render=function(a){this.isOpen()&&this.renderer&&(this.renderer.render(a),this.renderFlag=!1)},a.PopupPreviewController.prototype.onWindowResize_=function(){this.updateZoom_(),this.renderFlag=!0},a.PopupPreviewController.prototype.updateZoom_=function(){var a=this.popup.document.documentElement,b=a.clientWidth/this.piskelController.getWidth(),c=a.clientHeight/this.piskelController.getHeight(),d=Math.min(b,c);this.renderer.setZoom(d);var e=this.piskelController.getHeight()*d,f=this.piskelController.getWidth()*d,g=this.popup.document.querySelector(".preview-container");g.style.height=e+"px",g.style.width=f+"px";var h=(a.clientHeight-e)/2;g.style.marginTop=h+"px",g.style.marginBottom=h+"px";var i=(a.clientWidth-f)/2;g.style.marginLeft=i+"px",g.style.marginRight=i+"px"},a.PopupPreviewController.prototype.onPopupClosed_=function(){var a=this.popup;console.log(a),this.popup=null},a.PopupPreviewController.prototype.onMainWindowUnload_=function(){this.isOpen()&&this.popup.close()}}(),function(){var a=$.namespace("pskl.controller.preview"),b=200;a.PreviewController=function(b,c){this.piskelController=b,this.container=c,this.elapsedTime=0,this.currentIndex=0,this.renderFlag=!0,this.fpsRangeInput=$("#preview-fps"),this.fpsCounterDisplay=$("#display-fps"),this.setFPS(Constants.DEFAULT.FPS);this.piskelController.getCurrentFrame();this.renderer=new pskl.rendering.frame.TiledFrameRenderer(this.container),this.popupPreviewController=new a.PopupPreviewController(b)},a.PreviewController.prototype.init=function(){this.fpsRangeInput.on("input change",this.onFPSSliderChange.bind(this)),document.querySelector(".right-column").style.width=Constants.ANIMATED_PREVIEW_WIDTH+"px",this.toggleOnionSkinEl=document.querySelector(".preview-toggle-onion-skin"),this.toggleOnionSkinEl.addEventListener("click",this.toggleOnionSkin_.bind(this)),pskl.utils.Event.addEventListener(".open-popup-preview-button","click",this.onOpenPopupPreviewClick_,this),pskl.app.shortcutService.addShortcut("alt+O",this.toggleOnionSkin_.bind(this)),$.subscribe(Events.FRAME_SIZE_CHANGED,this.onFrameSizeChange_.bind(this)),$.subscribe(Events.USER_SETTINGS_CHANGED,$.proxy(this.onUserSettingsChange_,this)),$.subscribe(Events.PISKEL_SAVE_STATE,this.setRenderFlag_.bind(this,!0)),$.subscribe(Events.PISKEL_RESET,this.setRenderFlag_.bind(this,!0)),this.popupPreviewController.init(),this.updateZoom_(),this.updateOnionSkinPreview_(),this.updateMaxFPS_(),this.updateContainerDimensions_()},a.PreviewController.prototype.onOpenPopupPreviewClick_=function(){this.popupPreviewController.open()},a.PreviewController.prototype.onUserSettingsChange_=function(a,b){b==pskl.UserSettings.ONION_SKIN?this.updateOnionSkinPreview_():b==pskl.UserSettings.MAX_FPS?this.updateMaxFPS_():(this.updateZoom_(),this.updateContainerDimensions_())},a.PreviewController.prototype.updateOnionSkinPreview_=function(){var a="preview-toggle-onion-skin-enabled";pskl.UserSettings.get(pskl.UserSettings.ONION_SKIN)?this.toggleOnionSkinEl.classList.add(a):this.toggleOnionSkinEl.classList.remove(a)},a.PreviewController.prototype.updateMaxFPS_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.MAX_FPS);this.fpsRangeInput.get(0).setAttribute("max",a),this.setFPS(Math.min(this.fps,a))},a.PreviewController.prototype.updateZoom_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.TILED_PREVIEW),b=a?1:this.calculateZoom_();this.renderer.setZoom(b)},a.PreviewController.prototype.getZoom=function(){return this.calculateZoom_()},a.PreviewController.prototype.getCoordinates=function(a,b){var c=this.container.offset();a-=c.left,b-=c.top;var d=this.getZoom();return{x:Math.floor(a/d),y:Math.floor(b/d)}},a.PreviewController.prototype.onFPSSliderChange=function(){this.setFPS(parseInt(this.fpsRangeInput[0].value,10))},a.PreviewController.prototype.setFPS=function(a){"number"==typeof a&&(this.fps=a,this.fpsRangeInput.get(0).value=0,this.fpsRangeInput.get(0).value=this.fps,this.fpsRangeInput.blur(),this.fpsCounterDisplay.html(this.fps+" FPS"))},a.PreviewController.prototype.getFPS=function(){return this.fps},a.PreviewController.prototype.render=function(a){this.elapsedTime+=a;var b=this.getNextIndex_(a);if(this.shoudlRender_()||this.currentIndex!=b){this.currentIndex=b;var c=this.piskelController.getFrameAt(this.currentIndex);this.renderer.render(c),this.renderFlag=!1,this.popupPreviewController.render(c)}},a.PreviewController.prototype.getNextIndex_=function(){if(0===this.fps)return this.piskelController.getCurrentFrameIndex();var a=Math.floor(this.elapsedTime/(1e3/this.fps));return this.piskelController.hasFrameAt(a)||(this.elapsedTime=0,a=0),a},a.PreviewController.prototype.calculateZoom_=function(){var a=this.piskelController.getCurrentFrame(),c=b/a.getHeight(),d=b/a.getWidth();return Math.min(c,d)},a.PreviewController.prototype.onFrameSizeChange_=function(){this.updateZoom_(),this.updateContainerDimensions_()},a.PreviewController.prototype.updateContainerDimensions_=function(){var a,c,d=this.container.get(0),e=pskl.UserSettings.get(pskl.UserSettings.TILED_PREVIEW);if(e)a=b,c=b;else{var f=this.getZoom(),g=this.piskelController.getCurrentFrame();a=g.getHeight()*f,c=g.getWidth()*f}d.style.height=a+"px",d.style.width=c+"px";var h=(b-a)/2;d.style.marginTop=h+"px",d.style.marginBottom=h+"px";var i=(b-c)/2;d.style.marginLeft=i+"px",d.style.marginRight=i+"px"},a.PreviewController.prototype.setRenderFlag_=function(a){this.renderFlag=a},a.PreviewController.prototype.shoudlRender_=function(){return this.renderFlag||this.popupPreviewController.renderFlag},a.PreviewController.prototype.toggleOnionSkin_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.ONION_SKIN);pskl.UserSettings.set(pskl.UserSettings.ONION_SKIN,!a)}}(),function(){var a=$.namespace("pskl.controller");a.MinimapController=function(a,b,c,d){this.piskelController=a,this.previewController=b,this.drawingController=c,this.container=d,this.isClicked=!1,this.isVisible=!1},a.MinimapController.prototype.init=function(){this.minimapEl=document.createElement("DIV"),this.minimapEl.className="minimap-crop-frame",this.minimapEl.style.display="none",$(this.container).append(this.minimapEl),$(this.container).mousedown(this.onMinimapMousedown_.bind(this)),$("body").mousemove(this.onMinimapMousemove_.bind(this)),$("body").mouseup(this.onMinimapMouseup_.bind(this)),$.subscribe(Events.ZOOM_CHANGED,$.proxy(this.renderMinimap_,this))},a.MinimapController.prototype.renderMinimap_=function(){var a=this.getVerticalRatio_(),b=this.getHorizontalRatio_();a>1||b>1?this.displayMinimap_():this.hideMinimap_()},a.MinimapController.prototype.displayMinimap_=function(){var a=this.getMinimapSize_(),b=this.getPreviewSize_(),c=this.container.height(),d=this.container.width(),e=this.drawingController.getRenderer().getOffset(),f=(d-Math.max(a.width,b.width))/2,g=e.x*this.previewController.getZoom(),h=f+g,i=(c-Math.max(a.height,b.height))/2,j=e.y*this.previewController.getZoom(),k=i+j;this.minimapEl.style.display="block",this.minimapEl.style.width=Math.min(a.width,d)+"px",this.minimapEl.style.height=Math.min(a.height,c)+"px",this.minimapEl.style.left=Math.max(0,h)+"px",this.minimapEl.style.top=Math.max(0,k)+"px",this.isVisible=!0},a.MinimapController.prototype.getMinimapSize_=function(){var a=this.drawingController.getRenderer().getZoom(),b=this.previewController.getZoom(),c=a/b,d=this.drawingController.getRenderer().getDisplaySize(),e=d.width/c,f=d.height/c;return{width:e,height:f}},a.MinimapController.prototype.getPreviewSize_=function(){var a=this.piskelController.getCurrentFrame(),b=a.getWidth()*this.previewController.getZoom(),c=a.getHeight()*this.previewController.getZoom();return{width:b,height:c}},a.MinimapController.prototype.hideMinimap_=function(){this.minimapEl.style.display="none",this.isVisible=!1},a.MinimapController.prototype.onMinimapMousemove_=function(a){if(this.isVisible&&this.isClicked){var b=this.getCoordinatesCenteredAround_(a.clientX,a.clientY);this.drawingController.setOffset(b.x,b.y)}},a.MinimapController.prototype.onMinimapMousedown_=function(){this.isClicked=!0},a.MinimapController.prototype.onMinimapMouseup_=function(){this.isClicked=!1},a.MinimapController.prototype.getCoordinatesCenteredAround_=function(a,b){var c=this.previewController.getCoordinates(a,b),d=this.piskelController.getCurrentFrame().getWidth(),e=this.piskelController.getCurrentFrame().getHeight(),f=d/this.getHorizontalRatio_(),g=e/this.getVerticalRatio_();return{x:c.x-f/2,y:c.y-g/2}},a.MinimapController.prototype.getVerticalRatio_=function(){var a=this.drawingController.getRenderer().getZoom(),b=this.piskelController.getCurrentFrame(),c=b.getHeight()*a,d=this.drawingController.getRenderer().getDisplaySize().height;return c/d},a.MinimapController.prototype.getHorizontalRatio_=function(){var a=this.drawingController.getRenderer().getZoom(),b=this.piskelController.getCurrentFrame(),c=b.getWidth()*a,d=this.drawingController.getRenderer().getDisplaySize().width;return c/d}}(),function(){var a=$.namespace("pskl.controller");a.ToolController=function(){var a=function(a,b,c){return{id:a,shortcut:b,instance:c}};this.tools=[a("simplePen","P",new pskl.tools.drawing.SimplePen),a("verticalMirrorPen","V",new pskl.tools.drawing.VerticalMirrorPen),a("paintBucket","B",new pskl.tools.drawing.PaintBucket),a("colorSwap","A",new pskl.tools.drawing.ColorSwap),a("eraser","E",new pskl.tools.drawing.Eraser),a("stroke","L",new pskl.tools.drawing.Stroke),a("rectangle","R",new pskl.tools.drawing.Rectangle),a("circle","C",new pskl.tools.drawing.Circle),a("move","M",new pskl.tools.drawing.Move),a("rectangleSelect","S",new pskl.tools.drawing.RectangleSelect),a("shapeSelect","Z",new pskl.tools.drawing.ShapeSelect),a("lighten","U",new pskl.tools.drawing.Lighten),a("colorPicker","O",new pskl.tools.drawing.ColorPicker)],this.toolIconRenderer=new pskl.tools.IconMarkupRenderer},a.ToolController.prototype.init=function(){this.createToolsDom_(),this.addKeyboardShortcuts_(),this.selectTool_(this.tools[0]),$("#tool-section").mousedown($.proxy(this.onToolIconClicked_,this)),$.subscribe(Events.SELECT_TOOL,this.onSelectToolEvent_.bind(this))},a.ToolController.prototype.activateToolOnStage_=function(a){var b=$("body"),c=b.data("selected-tool-class");c&&(b.removeClass(c),b.removeClass(pskl.tools.drawing.Move.TOOL_ID)),b.addClass(a.instance.toolId),b.data("selected-tool-class",a.instance.toolId)},a.ToolController.prototype.onSelectToolEvent_=function(a,b){var c=this.getToolById_(b);c&&this.selectTool_(c)},a.ToolController.prototype.selectTool_=function(a){this.currentSelectedTool=a,this.activateToolOnStage_(this.currentSelectedTool);var b=$("#tool-section .tool-icon.selected"),c=$("[data-tool-id="+a.instance.toolId+"]");b.removeClass("selected"),c.addClass("selected"),$.publish(Events.TOOL_SELECTED,[a.instance])},a.ToolController.prototype.onToolIconClicked_=function(a){var b=$(a.target),c=b.closest(".tool-icon");if(c.length){var d=c.data().toolId,e=this.getToolById_(d);e&&this.selectTool_(e)}},a.ToolController.prototype.onKeyboardShortcut_=function(a){for(var b=0;b","shift+>"],this.selectNextColor_.bind(this)),pskl.app.shortcutService.addShortcut("<",this.selectPreviousColor_.bind(this)),this.fillPaletteList(),this.updateFromUserSettings(),this.fillColorListContainer()},a.PalettesListController.prototype.fillPaletteList=function(){var a=this.paletteService.getPalettes(),b=a.map(function(a){return pskl.utils.Template.replace('{{name}} ',a)}).join("");this.colorPaletteSelect_.innerHTML=b},a.PalettesListController.prototype.fillColorListContainer=function(){var a=this.getSelectedPaletteColors_();if(a.length>0){var b=a.map(function(a,b){return pskl.utils.Template.replace(this.paletteColorTemplate_,{color:a,index:b})}.bind(this)).join("");this.colorListContainer_.innerHTML=b,this.highlightSelectedColors();var c=a.length>e;c&&!pskl.utils.UserAgent.isChrome?this.colorListContainer_.classList.add(d):this.colorListContainer_.classList.remove(d)}else this.colorListContainer_.innerHTML=pskl.utils.Template.get("palettes-list-no-colors-partial")},a.PalettesListController.prototype.selectPalette=function(a){pskl.UserSettings.set(pskl.UserSettings.SELECTED_PALETTE,a)},a.PalettesListController.prototype.getSelectedPaletteColors_=function(){var a=[],b=this.getSelectedPalette_();return b&&(a=b.getColors()),a.length>Constants.MAX_CURRENT_COLORS_DISPLAYED&&(a=a.slice(0,Constants.MAX_CURRENT_COLORS_DISPLAYED)),a},a.PalettesListController.prototype.getSelectedPalette_=function(){var a=pskl.UserSettings.get(pskl.UserSettings.SELECTED_PALETTE);return this.paletteService.getPaletteById(a)},a.PalettesListController.prototype.selectNextColor_=function(){this.selectColor_(this.getCurrentColorIndex_()+1)},a.PalettesListController.prototype.selectPreviousColor_=function(){this.selectColor_(this.getCurrentColorIndex_()-1)},a.PalettesListController.prototype.getCurrentColorIndex_=function(){var a=0,c=document.querySelector("."+b);return c&&(a=parseInt(c.dataset.colorIndex,10)),a},a.PalettesListController.prototype.selectColor_=function(a){var b=this.getSelectedPaletteColors_(),c=b[a];c&&$.publish(Events.SELECT_PRIMARY_COLOR,[c])},a.PalettesListController.prototype.onUserSettingsChange_=function(a,b){b==pskl.UserSettings.SELECTED_PALETTE&&this.updateFromUserSettings()},a.PalettesListController.prototype.updateFromUserSettings=function(){var a=pskl.UserSettings.get(pskl.UserSettings.SELECTED_PALETTE);this.fillColorListContainer(),this.colorPaletteSelect_.value=a},a.PalettesListController.prototype.onPaletteSelected_=function(){var a=this.colorPaletteSelect_.value;this.selectPalette(a),this.colorPaletteSelect_.blur()},a.PalettesListController.prototype.onCreatePaletteClick_=function(){$.publish(Events.DIALOG_DISPLAY,"create-palette")
},a.PalettesListController.prototype.onEditPaletteClick_=function(){var a=this.colorPaletteSelect_.value;$.publish(Events.DIALOG_DISPLAY,{dialogId:"create-palette",initArgs:a})},a.PalettesListController.prototype.onColorContainerContextMenu=function(a){a.preventDefault()},a.PalettesListController.prototype.onColorContainerMouseup=function(a){var b=a.target,c=b.dataset.color;c&&(a.button==Constants.LEFT_BUTTON?$.publish(Events.SELECT_PRIMARY_COLOR,[c]):a.button==Constants.RIGHT_BUTTON&&$.publish(Events.SELECT_SECONDARY_COLOR,[c]))},a.PalettesListController.prototype.highlightSelectedColors=function(){this.removeClass_(b),this.removeClass_(c);var a=this.getColorContainer_(this.paletteController.getSecondaryColor());a&&(a.classList.remove(b),a.classList.add(c)),a=this.getColorContainer_(this.paletteController.getPrimaryColor()),a&&(a.classList.remove(c),a.classList.add(b))},a.PalettesListController.prototype.getColorContainer_=function(a){return this.colorListContainer_.querySelector('.palettes-list-color[data-color="'+a+'"]')},a.PalettesListController.prototype.removeClass_=function(a){var b=document.querySelector("."+a);b&&b.classList.remove(a)},a.PalettesListController.prototype.onPaletteListUpdated=function(){this.fillPaletteList(),this.updateFromUserSettings()}}(),function(){var a=$.namespace("pskl.controller");a.ProgressBarController=function(){this.template=pskl.utils.Template.get("progress-bar-template"),this.progressBar=null,this.progressBarStatus=null,this.showProgressTimer_=0},a.ProgressBarController.prototype.init=function(){$.subscribe(Events.SHOW_PROGRESS,$.proxy(this.showProgress_,this)),$.subscribe(Events.UPDATE_PROGRESS,$.proxy(this.updateProgress_,this)),$.subscribe(Events.HIDE_PROGRESS,$.proxy(this.hideProgress_,this))},a.ProgressBarController.prototype.showProgress_=function(a,b){this.removeProgressBar_(),this.showProgressTimer_=window.setTimeout(this.onTimerExpired_.bind(this,b),300)},a.ProgressBarController.prototype.onTimerExpired_=function(a){var b=pskl.utils.Template.replace(this.template,{name:a.name,status:0}),c=pskl.utils.Template.createFromHTML(b);document.body.appendChild(c),this.progressBar=document.querySelector(".progress-bar"),this.progressBarStatus=document.querySelector(".progress-bar-status")},a.ProgressBarController.prototype.updateProgress_=function(a,b){if(this.progressBar&&this.progressBarStatus){var c=b.progress,d=this.progressBar.offsetWidth,e=d-c*d/100;this.progressBar.style.backgroundPosition=-e+"px 0",this.progressBarStatus.innerHTML=c+"%"}},a.ProgressBarController.prototype.hideProgress_=function(){this.showProgressTimer_&&window.clearTimeout(this.showProgressTimer_),this.removeProgressBar_()},a.ProgressBarController.prototype.removeProgressBar_=function(){var a=document.querySelector(".progress-bar-container");a&&(a.parentNode.removeChild(a),this.progressBar=null,this.progressBarStatus=null)}}(),function(){var a=$.namespace("pskl.controller");a.NotificationController=function(){},a.NotificationController.prototype.init=function(){$.subscribe(Events.SHOW_NOTIFICATION,$.proxy(this.displayMessage_,this)),$.subscribe(Events.HIDE_NOTIFICATION,$.proxy(this.removeMessage_,this))},a.NotificationController.prototype.displayMessage_=function(a,b){this.removeMessage_();var c=document.createElement("div");c.id="user-message",c.className="user-message",c.innerHTML=b.content,c.innerHTML=c.innerHTML+"x
",document.body.appendChild(c),c.querySelector(".close").addEventListener("click",this.removeMessage_.bind(this)),b.behavior&&b.behavior(c),b.hideDelay&&window.setTimeout(this.removeMessage_.bind(this),b.hideDelay)},a.NotificationController.prototype.removeMessage_=function(){var a=$("#user-message");a.length&&a.remove()}}(),function(){var a=$.namespace("pskl.controller");a.TransformationsController=function(){var a=function(a,b,c){return{id:a,shortcut:b,instance:c}};this.tools=[a("flip","",new pskl.tools.transform.Flip),a("rotate","",new pskl.tools.transform.Rotate),a("clone","",new pskl.tools.transform.Clone)],this.toolIconRenderer=new pskl.tools.IconMarkupRenderer},a.TransformationsController.prototype.init=function(){var a=document.querySelector(".transformations-container");this.toolsContainer=a.querySelector(".tools-wrapper"),a.addEventListener("click",this.onTransformationClick.bind(this)),this.createToolsDom_()},a.TransformationsController.prototype.onTransformationClick=function(a){var b=a.target.dataset.toolId;this.tools.forEach(function(c){c.instance.toolId===b&&c.instance.apply(a)}.bind(this))},a.TransformationsController.prototype.createToolsDom_=function(){var a=this.tools.reduce(function(a,b){return a+this.toolIconRenderer.render(b.instance,b.shortcut,"left")}.bind(this),"");this.toolsContainer.innerHTML=a}}(),function(){var a=$.namespace("pskl.controller");a.CanvasBackgroundController=function(){this.body=document.body},a.CanvasBackgroundController.prototype.init=function(){$.subscribe(Events.USER_SETTINGS_CHANGED,this.onUserSettingsChange_.bind(this)),this.updateBackgroundClass_(pskl.UserSettings.get(pskl.UserSettings.CANVAS_BACKGROUND))},a.CanvasBackgroundController.prototype.onUserSettingsChange_=function(a,b,c){b==pskl.UserSettings.CANVAS_BACKGROUND&&this.updateBackgroundClass_(c)},a.CanvasBackgroundController.prototype.updateBackgroundClass_=function(a){var b=this.body.dataset.currentBackgroundClass;b&&this.body.classList.remove(b),this.body.classList.add(a),this.body.dataset.currentBackgroundClass=a}}(),function(){var a=$.namespace("pskl.controller.settings");a.AbstractSettingController=function(){},a.AbstractSettingController.prototype.addEventListener=function(a,b,c){pskl.utils.Event.addEventListener(a,b,c,this)},a.AbstractSettingController.prototype.destroy=function(){pskl.utils.Event.removeAllEventListeners(this),this.nullifyDomReferences_()},a.AbstractSettingController.prototype.nullifyDomReferences_=function(){for(var a in this)if(this.hasOwnProperty(a)){var b=this[a]&&this[a].nodeName;b&&(this[a]=null)}}}(),function(){var a=$.namespace("pskl.controller.settings");a.ApplicationSettingsController=function(){},pskl.utils.inherit(a.ApplicationSettingsController,pskl.controller.settings.AbstractSettingController),a.ApplicationSettingsController.prototype.init=function(){this.backgroundContainer=document.querySelector(".background-picker-wrapper"),this.addEventListener(this.backgroundContainer,"click",this.onBackgroundClick_);var a=pskl.UserSettings.get(pskl.UserSettings.CANVAS_BACKGROUND),b=this.backgroundContainer.querySelector("[data-background="+a+"]");b&&b.classList.add("selected");var c=pskl.UserSettings.get(pskl.UserSettings.GRID_WIDTH),d=document.querySelector(".grid-width-select"),e=d.querySelector('option[value="'+c+'"]');e&&e.setAttribute("selected","selected"),this.addEventListener(d,"change",this.onGridWidthChange_);var f=pskl.UserSettings.get(pskl.UserSettings.TILED_PREVIEW),g=document.querySelector(".tiled-preview-checkbox");f&&g.setAttribute("checked",f),this.addEventListener(g,"change",this.onTiledPreviewChange_);var h=document.querySelector(".max-fps-input");h.value=pskl.UserSettings.get(pskl.UserSettings.MAX_FPS),this.addEventListener(h,"change",this.onMaxFpsChange_),this.applicationSettingsForm=document.querySelector('[name="application-settings-form"]'),this.addEventListener(this.applicationSettingsForm,"submit",this.onFormSubmit_)},a.ApplicationSettingsController.prototype.onGridWidthChange_=function(a){var b=parseInt(a.target.value,10);pskl.UserSettings.set(pskl.UserSettings.GRID_WIDTH,b)},a.ApplicationSettingsController.prototype.onTiledPreviewChange_=function(a){pskl.UserSettings.set(pskl.UserSettings.TILED_PREVIEW,a.currentTarget.checked)},a.ApplicationSettingsController.prototype.onBackgroundClick_=function(a){var b=a.target,c=b.dataset.background;if(c){pskl.UserSettings.set(pskl.UserSettings.CANVAS_BACKGROUND,c);var d=this.backgroundContainer.querySelector(".selected");d&&d.classList.remove("selected"),b.classList.add("selected")}},a.ApplicationSettingsController.prototype.onMaxFpsChange_=function(a){var b=a.target,c=parseInt(b.value,10);c&&!isNaN(c)?pskl.UserSettings.set(pskl.UserSettings.MAX_FPS,c):b.value=pskl.UserSettings.get(pskl.UserSettings.MAX_FPS)},a.ApplicationSettingsController.prototype.onFormSubmit_=function(a){a.preventDefault(),$.publish(Events.CLOSE_SETTINGS_DRAWER)}}(),function(){var a=$.namespace("pskl.controller.settings.exportimage");a.ImageExportController=function(b){this.piskelController=b,this.pngExportController=new a.PngExportController(b),this.gifExportController=new a.GifExportController(b)},a.ImageExportController.prototype.init=function(){this.pngExportController.init(),this.gifExportController.init()}}(),function(){var a=$.namespace("pskl.controller.settings.exportimage"),b=30,c=256,d=20,e=10;a.GifExportController=function(a){this.piskelController=a},pskl.utils.inherit(a.GifExportController,pskl.controller.settings.AbstractSettingController),a.GifExportController.RESOLUTIONS=[];for(var f=1;d>=f;f++)a.GifExportController.RESOLUTIONS.push({zoom:f});a.GifExportController.prototype.init=function(){this.optionTemplate_=pskl.utils.Template.get("gif-export-option-template"),this.uploadStatusContainerEl=document.querySelector(".gif-upload-status"),this.previewContainerEl=document.querySelector(".gif-export-preview"),this.selectResolutionEl=document.querySelector(".gif-export-select-resolution"),this.uploadButton=document.querySelector(".gif-upload-button"),this.addEventListener(this.uploadButton,"click",this.onUploadButtonClick_),this.downloadButton=document.querySelector(".gif-download-button"),this.addEventListener(this.downloadButton,"click",this.onDownloadButtonClick_),this.createOptionElements_()},a.GifExportController.prototype.onUploadButtonClick_=function(a){a.preventDefault();var b=this.getSelectedZoom_(),c=this.piskelController.getFPS();this.renderAsImageDataAnimatedGIF(b,c,this.uploadImageData_.bind(this))},a.GifExportController.prototype.onDownloadButtonClick_=function(){var a=this.getSelectedZoom_(),b=this.piskelController.getFPS();this.renderAsImageDataAnimatedGIF(a,b,this.downloadImageData_.bind(this))},a.GifExportController.prototype.downloadImageData_=function(a){var b=this.piskelController.getPiskel().getDescriptor().name+".gif";pskl.utils.BlobUtils.dataToBlob(a,"image/gif",function(a){pskl.utils.FileUtils.downloadAsFile(a,b)})},a.GifExportController.prototype.uploadImageData_=function(a){this.updatePreview_(a),this.previewContainerEl.classList.add("preview-upload-ongoing"),pskl.app.imageUploadService.upload(a,this.onImageUploadCompleted_.bind(this),this.onImageUploadFailed_.bind(this))},a.GifExportController.prototype.onImageUploadCompleted_=function(a){this.updatePreview_(a),this.updateStatus_(a),this.previewContainerEl.classList.remove("preview-upload-ongoing")},a.GifExportController.prototype.onImageUploadFailed_=function(a,b){500===b.status&&$.publish(Events.SHOW_NOTIFICATION,[{content:"Upload failed : "+b.responseText,hideDelay:5e3}])},a.GifExportController.prototype.updatePreview_=function(a){this.previewContainerEl.innerHTML="e,g=new window.GIF({workers:5,quality:1,width:this.piskelController.getWidth()*a,height:this.piskelController.getHeight()*a,preserveColors:f}),h=0;hb){var d=Math.round((b-c.length)/2),e=a.substring(0,d),f=a.substring(a.length-d,a.length);a=e+c+f}return a}}(),function(){var a=$.namespace("pskl.controller.settings.exportimage"),b=60;a.PngExportController=function(a){this.piskelController=a},pskl.utils.inherit(a.PngExportController,pskl.controller.settings.AbstractSettingController),a.PngExportController.prototype.init=function(){this.previewContainerEl=document.querySelector(".png-export-preview"),this.pngFilePrefixInput=document.getElementById("zip-prefix-name"),this.pngFilePrefixInput.value="sprite_";var a=document.querySelector(".png-download-button");this.addEventListener(a,"click",this.onPngDownloadButtonClick_);var b=document.querySelector(".zip-generate-button");this.addEventListener(b,"click",this.onZipButtonClick_),this.updatePreview_(this.getFramesheetAsCanvas().toDataURL("image/png"))},a.PngExportController.prototype.onPngDownloadButtonClick_=function(){var a=this.getPiskelName_()+".png";pskl.utils.BlobUtils.canvasToBlob(this.getFramesheetAsCanvas(),function(b){pskl.utils.FileUtils.downloadAsFile(b,a)})},a.PngExportController.prototype.onZipButtonClick_=function(){for(var a=new window.JSZip,b=0;bb.date?-1:0}),b.forEach(function(b){var c=pskl.utils.DateUtils.format(b.date,"{{Y}}/{{M}}/{{D}} {{H}}:{{m}}");a+=pskl.utils.Template.replace(this.localStorageItemTemplate_,{name:b.name,date:c})}.bind(this));var c=this.piskelList.get(0).tBodies[0];c.innerHTML=a}}(),function(){var a=$.namespace("pskl.controller.dialogs"),b={"create-palette":{template:"templates/dialogs/create-palette.html",controller:a.CreatePaletteController},"browse-local":{template:"templates/dialogs/browse-local.html",controller:a.BrowseLocalController},"import-image":{template:"templates/dialogs/import-image.html",controller:a.ImportImageController}};a.DialogsController=function(a){this.piskelController=a,this.currentDialog_=null},a.DialogsController.prototype.init=function(){this.dialogContainer_=document.getElementById("dialog-container"),this.dialogWrapper_=document.getElementById("dialog-container-wrapper"),$.subscribe(Events.DIALOG_DISPLAY,this.onDialogDisplayEvent_.bind(this)),$.subscribe(Events.DIALOG_HIDE,this.onDialogHideEvent_.bind(this)),pskl.app.shortcutService.addShortcut("alt+P",this.onDialogDisplayEvent_.bind(this,null,"create-palette")),this.dialogWrapper_.classList.add("animated")},a.DialogsController.prototype.onDialogDisplayEvent_=function(a,c){var d,e;if("string"==typeof c?d=c:(d=c.dialogId,e=c.initArgs),!this.isDisplayed()){var f=b[d];if(f){this.dialogContainer_.classList.add(d),this.dialogContainer_.innerHTML=pskl.utils.Template.get(f.template);var g=new f.controller(this.piskelController);g.init(e),this.showDialogWrapper_(),this.currentDialog_={id:d,controller:g}}else console.error("Could not find dialog configuration for dialogId : "+d)}},a.DialogsController.prototype.onDialogHideEvent_=function(){this.hideDialog()},a.DialogsController.prototype.showDialogWrapper_=function(){pskl.app.shortcutService.addShortcut("ESC",this.hideDialog.bind(this)),this.dialogWrapper_.classList.add("show")},a.DialogsController.prototype.hideDialog=function(){var a=this.currentDialog_;if(a){a.controller.destroy();var b=this.currentDialog_.id;window.setTimeout(function(){this.dialogContainer_.classList.remove(b)}.bind(this),800)}this.hideDialogWrapper_(),this.currentDialog_=null},a.DialogsController.prototype.hideDialogWrapper_=function(){pskl.app.shortcutService.removeShortcut("ESC"),this.dialogWrapper_.classList.remove("show")},a.DialogsController.prototype.isDisplayed=function(){return null!==this.currentDialog_}}(),function(){var a=$.namespace("pskl.widgets"),b="#000000";a.ColorsList=function(a){this.selectedIndex=-1,this.palette=new pskl.model.Palette("tmp","tmp",[]),this.container=a,this.colorsList=this.container.querySelector(".colors-list"),this.colorPreviewEl=this.container.querySelector(".color-preview"),$(a).sortable({placeholder:"colors-list-drop-proxy",update:this.onColorDrop_.bind(this),items:".create-palette-color"}),this.colorsList.addEventListener("click",this.onColorContainerClick_.bind(this));var b=a.querySelector(".color-picker-container");this.hslRgbColorPicker=new pskl.widgets.HslRgbColorPicker(b,this.onColorUpdated_.bind(this)),this.hslRgbColorPicker.init()},a.ColorsList.prototype.setColors=function(a){0===a.length&&a.push(b),this.palette.setColors(a),this.selectColor_(0),this.refresh_()},a.ColorsList.prototype.getColors=function(){return this.palette.getColors()},a.ColorsList.prototype.destroy=function(){this.hslRgbColorPicker.destroy(),this.container=null,this.colorsList=null,this.colorPreviewEl=null},a.ColorsList.prototype.refreshColorElement_=function(a){var b=this.palette.get(this.selectedIndex),c=document.querySelector('[data-palette-index="'+a+'"]');c&&(c.style.background=b,c.classList.toggle("light-color",this.isLight_(b)))},a.ColorsList.prototype.onColorContainerClick_=function(a){var b=a.target;b.classList.contains("create-palette-color")?this.onPaletteColorClick_(a,b):b.classList.contains("create-palette-new-color")?this.onNewColorClick_(a,b):b.classList.contains("create-palette-remove-color")&&this.onRemoveColorClick_(a,b),this.refresh_()},a.ColorsList.prototype.onColorUpdated_=function(a){var b=a.toRgbString();this.colorPreviewEl.style.background=b,this.palette&&(this.palette.set(this.selectedIndex,b),this.refreshColorElement_(this.selectedIndex))},a.ColorsList.prototype.onPaletteColorClick_=function(a,b){var c=parseInt(b.dataset.paletteIndex,10);this.selectColor_(c)},a.ColorsList.prototype.onRemoveColorClick_=function(a,b){var c=b.parentNode,d=parseInt(c.dataset.paletteIndex,10);this.removeColor_(d)},a.ColorsList.prototype.onNewColorClick_=function(){var a=this.palette.get(this.selectedIndex)||"#000000";this.palette.add(a),this.selectColor_(this.palette.size()-1)},a.ColorsList.prototype.refresh_=function(){var a="",b=pskl.utils.Template.get("create-palette-color-template"),c=this.palette.getColors();c.forEach(function(c,d){var e=d===this.selectedIndex;a+=pskl.utils.Template.replace(b,{color:c,index:d,":selected":e,":light-color":this.isLight_(c)})}.bind(this)),a+='+ ',this.colorsList.innerHTML=a},a.ColorsList.prototype.selectColor_=function(a){this.selectedIndex=a,this.hslRgbColorPicker.setColor(this.palette.get(a))},a.ColorsList.prototype.removeColor_=function(a){this.palette.removeAt(a),this.refresh_()},a.ColorsList.prototype.isLight_=function(a){var b=window.tinycolor(a).toRgb();return b.r+b.b+b.g>384},a.ColorsList.prototype.onColorDrop_=function(a,b){var c=b.item.get(0),d=parseInt(c.dataset.paletteIndex,10),e=$(".create-palette-color").index(b.item);this.palette.move(d,e),this.selectedIndex=e,this.refresh_()}}(),function(){var a=$.namespace("pskl.widgets");a.HslRgbColorPicker=function(a,b){this.container=a,this.colorUpdatedCallback=b,this.tinyColor=null,this.hsvColor=null,this.rgbColor=null,this.lastInputTimestamp_=0},a.HslRgbColorPicker.prototype.init=function(){var a=pskl.utils.UserAgent.isChrome||pskl.utils.UserAgent.isFirefox,b=a?"input":"change";this.container.addEventListener(b,this.onPickerChange_.bind(this)),this.container.addEventListener("keydown",this.onKeydown_.bind(this)),this.container.addEventListener("focusout",this.onBlur_.bind(this)),this.spectrumEl=this.container.querySelector(".color-picker-spectrum"),$(this.spectrumEl).spectrum({flat:!0,showButtons:!1,move:this.setColor.bind(this),change:this.setColor.bind(this)}),this.setColor("#000000")},a.HslRgbColorPicker.prototype.destroy=function(){this.container=null,this.spectrumEl=null},a.HslRgbColorPicker.prototype.onPickerChange_=function(a){var b=a.target;if(b.dataset.dimension){var c=b.dataset.model,d=b.dataset.dimension,e=b.value;this.updateColor_(e,c,d)}},a.HslRgbColorPicker.prototype.onKeydown_=function(a){var b=a.target,c="text"===b.getAttribute("type").toLowerCase();if(c&&b.dataset.dimension){var d=b.dataset.model;if("rgb"===d||"hsv"===d){var e=this.getIncrement_(a);if(e){var f=b.dataset.dimension,g=parseInt(b.value,10);this.updateColor_(g+e,d,f)}}}},a.HslRgbColorPicker.prototype.getIncrement_=function(a){var b=0,c=pskl.service.keyboard.KeycodeTranslator.toChar(a.keyCode);return"up"===c?b=1:"down"===c&&(b=-1),a.shiftKey&&(b=5*b),b},a.HslRgbColorPicker.prototype.updateColor_=function(a,b,c){var d=this.toModelValue_(a,b,c);if("hsv"===b||"rgb"===b){if(!isNaN(d)){var e=this.getColor_(b);e[c]=this.normalizeDimension_(d,c),this.setColor(e)}}else"hex"===b&&/^#([a-f0-9]{3}){1,2}$/i.test(d)&&this.setColor(d)},a.HslRgbColorPicker.prototype.onBlur_=function(a){var b=a.target,c="text"===b.getAttribute("type").toLowerCase();if(c&&b.dataset.dimension){var d=b.dataset.model,e=b.dataset.dimension;b.value=this.toInputValue_(d,e)}},a.HslRgbColorPicker.prototype.setColor=function(a){this.unplugged||(this.unplugged=!0,this.hsvColor=this.toHsvColor_(a),this.tinyColor=this.toTinyColor_(a),this.rgbColor=this.tinyColor.toRgb(),this.updateInputs(),$(".color-picker-spectrum").spectrum("set",this.tinyColor),this.colorUpdatedCallback(this.tinyColor),this.unplugged=!1)},a.HslRgbColorPicker.prototype.updateInputs=function(){for(var a=this.container.querySelectorAll("input"),b=0;b";this.piskelController=a},a.LocalStorageService.prototype.init=function(){},a.LocalStorageService.prototype.save=function(a,b,c){this.removeFromKeys_(a),this.addToKeys_(a,b,Date.now()),window.localStorage.setItem("piskel."+a,c)},a.LocalStorageService.prototype.load=function(a){var b=this.getPiskel(a),c=(this.getKey_(a),JSON.parse(b)),d=c.piskel.fps,e=c.piskel.description;pskl.utils.serialization.Deserializer.deserialize(c,function(b){b.setDescriptor(new pskl.model.piskel.Descriptor(a,e,!0)),pskl.app.piskelController.setPiskel(b),pskl.app.previewController.setFPS(d)})},a.LocalStorageService.prototype.remove=function(a){this.removeFromKeys_(a),window.localStorage.removeItem("piskel."+a)},a.LocalStorageService.prototype.saveKeys_=function(a){window.localStorage.setItem("piskel.keys",JSON.stringify(a))},a.LocalStorageService.prototype.removeFromKeys_=function(a){var b=this.getKeys(),c=b.filter(function(b){return b.name!==a});this.saveKeys_(c)},a.LocalStorageService.prototype.getKey_=function(a){var b=this.getKeys().filter(function(b){return b.name===a});return b.length>0?b[0]:null},a.LocalStorageService.prototype.addToKeys_=function(a,b,c){var d=this.getKeys();d.push({name:a,description:b,date:c}),this.saveKeys_(d)},a.LocalStorageService.prototype.getPiskel=function(a){return window.localStorage.getItem("piskel."+a)},a.LocalStorageService.prototype.getKeys=function(){var a=window.localStorage.getItem("piskel.keys");return JSON.parse(a)||[]}}(),function(){var a=$.namespace("pskl.service");a.GithubStorageService=function(a){this.piskelController=a},a.GithubStorageService.prototype.init=function(){},a.GithubStorageService.prototype.store=function(){throw"Github save is no longer available. Use local save instead"}}(),function(){var a=$.namespace("pskl.service");a.AppEngineStorageService=function(a){this.piskelController=a},a.AppEngineStorageService.prototype.init=function(){},a.AppEngineStorageService.prototype.store=function(a){var b=this.piskelController.getPiskel(),c=b.getDescriptor(),d={framesheet:this.piskelController.serialize(),fps:this.piskelController.getFPS(),name:c.name,description:c.description,frames:this.piskelController.getFrameCount(),first_frame_as_png:pskl.app.getFirstFrameAsPng(),framesheet_as_png:pskl.app.getFramesheetAsPng()};c.isPublic&&(d["public"]=!0);var e=function(){a.success(),a.after()},f=function(b){a.error(b.status),a.after()};pskl.utils.Xhr.post(Constants.APPENGINE_SAVE_URL,d,e,f)}}(),function(){var a=$.namespace("pskl.service"),b=6e4;a.BackupService=function(a){this.piskelController=a,this.lastHash=null},a.BackupService.prototype.init=function(){var a=window.localStorage.getItem("bkp.next.piskel"),c=window.localStorage.getItem("bkp.next.info");a&&c&&this.savePiskel_("prev",a,c),window.setInterval(this.backup.bind(this),b)},a.BackupService.prototype.backup=function(){var a=this.piskelController.getPiskel(),b=a.getDescriptor(),c=a.getHash(),d={name:b.name,description:b.info,fps:this.piskelController.getFPS(),date:Date.now(),hash:c};c!==this.lastHash&&(this.lastHash=c,this.savePiskel_("next",this.piskelController.serialize(),JSON.stringify(d)))},a.BackupService.prototype.getPreviousPiskelInfo=function(){var a=window.localStorage.getItem("bkp.prev.info");return a?JSON.parse(a):void 0},a.BackupService.prototype.load=function(){var a=window.localStorage.getItem("bkp.prev.piskel"),b=window.localStorage.getItem("bkp.prev.info");a=JSON.parse(a),b=JSON.parse(b),pskl.utils.serialization.Deserializer.deserialize(a,function(a){a.setDescriptor(new pskl.model.piskel.Descriptor(b.name,b.description,!0)),pskl.app.piskelController.setPiskel(a),pskl.app.previewController.setFPS(b.fps)})},a.BackupService.prototype.savePiskel_=function(a,b,c){try{window.localStorage.setItem("bkp."+a+".piskel",b),window.localStorage.setItem("bkp."+a+".info",c)}catch(d){console.error("Could not save piskel backup in localStorage.",d)}}}(),function(){var a=$.namespace("pskl.service");a.BeforeUnloadService=function(a){this.piskelController=a},a.BeforeUnloadService.prototype.init=function(){window.addEventListener("beforeunload",this.onBeforeUnload.bind(this))},a.BeforeUnloadService.prototype.onBeforeUnload=function(a){if(pskl.app.backupService.backup(),pskl.app.savedStatusService.isDirty()){var b="Your Piskel seems to have unsaved changes";return(a||window.event).returnValue=b,b}}}(),function(){var a=$.namespace("pskl.service");a.HistoryService=function(a,b,c){this.piskelController=a||pskl.app.piskelController,this.shortcutService=b||pskl.app.shortcutService,this.deserializer=c||pskl.utils.serialization.Deserializer,this.stateQueue=[],this.currentIndex=-1,this.lastLoadState=-1},a.HistoryService.SNAPSHOT="SNAPSHOT",a.HistoryService.REPLAY="REPLAY",a.HistoryService.SNAPSHOT_PERIOD=50,a.HistoryService.LOAD_STATE_INTERVAL=50,a.HistoryService.prototype.init=function(){$.subscribe(Events.PISKEL_SAVE_STATE,this.onSaveStateEvent.bind(this)),this.shortcutService.addShortcut("ctrl+Z",this.undo.bind(this)),this.shortcutService.addShortcut("ctrl+Y",this.redo.bind(this)),this.saveState({type:a.HistoryService.SNAPSHOT})},a.HistoryService.prototype.onSaveStateEvent=function(a,b){this.saveState(b)},a.HistoryService.prototype.saveState=function(b){this.stateQueue=this.stateQueue.slice(0,this.currentIndex+1),this.currentIndex=this.currentIndex+1;var c={action:b,frameIndex:b.state?b.state.frameIndex:this.piskelController.currentFrameIndex,layerIndex:b.state?b.state.layerIndex:this.piskelController.currentLayerIndex},d=b.type===a.HistoryService.SNAPSHOT,e=this.currentIndex%a.HistoryService.SNAPSHOT_PERIOD===0;(d||e)&&(c.piskel=this.piskelController.serialize(!0)),this.stateQueue.push(c),$.publish(Events.HISTORY_STATE_SAVED)},a.HistoryService.prototype.undo=function(){this.loadState(this.currentIndex-1)},a.HistoryService.prototype.redo=function(){this.loadState(this.currentIndex+1)},a.HistoryService.prototype.isLoadStateAllowed_=function(b){var c=Date.now()-this.lastLoadState>a.HistoryService.LOAD_STATE_INTERVAL,d=b>=0&&bb)throw"Could not find previous SNAPSHOT saved in history stateQueue";var c=this.getSnapshotFromState_(b),d=this.onPiskelLoaded_.bind(this,a,b);this.deserializer.deserialize(c,d)}}catch(e){window.console.error("[CRITICAL ERROR] : Unable to load a history state."),"string"==typeof e?window.console.error(e):(window.console.error(e.message),window.console.error(e.stack)),this.stateQueue=[],this.currentIndex=-1}},a.HistoryService.prototype.getSnapshotFromState_=function(a){var b=this.stateQueue[a],c=b.piskel;return"string"==typeof c&&(c=JSON.parse(c),b.piskel=c),c},a.HistoryService.prototype.onPiskelLoaded_=function(a,b,c){var d=this.getPiskelSize_();c.setDescriptor(this.piskelController.piskel.getDescriptor()),this.piskelController.setPiskel(c);for(var e=b+1;a>=e;e++){var f=this.stateQueue[e];this.setupState(f),this.replayState(f)}var g=this.stateQueue[a+1];g&&this.setupState(g),this.currentIndex=a,$.publish(Events.PISKEL_RESET),$.publish(Events.HISTORY_STATE_LOADED),d!==this.getPiskelSize_()&&$.publish(Events.FRAME_SIZE_CHANGED)},a.HistoryService.prototype.getPiskelSize_=function(){return this.piskelController.getWidth()+"x"+this.piskelController.getHeight()},a.HistoryService.prototype.setupState=function(a){this.piskelController.setCurrentFrameIndex(a.frameIndex),this.piskelController.setCurrentLayerIndex(a.layerIndex)},a.HistoryService.prototype.replayState=function(a){var b=a.action,c=(b.type,this.piskelController.getLayerAt(a.layerIndex)),d=c.getFrameAt(a.frameIndex);b.scope.replay(d,b.replay)}}(),function(){for(var a=$.namespace("pskl.service.color"),b=.1,c=.1,d=.9,e=36,f=10,g=[],h=0;f>h;h++)g.push(h*e);a.ColorSorter=function(){this.colorsHslMap_={}},a.ColorSorter.prototype.sort=function(a){this.colorsHslMap_={},a.forEach(function(a){this.colorsHslMap_[a]=window.tinycolor(a).toHsl()}.bind(this));var f=a.filter(function(a){var b=this.colorsHslMap_[a];return b.l<=c}.bind(this)),h=a.filter(function(a){var b=this.colorsHslMap_[a];return b.l>=d}.bind(this)),i=a.filter(function(a){return-1===h.indexOf(a)&&-1===f.indexOf(a)}).filter(function(a){var c=this.colorsHslMap_[a];return c.s<=b}.bind(this));f=this.sortOnHslProperty_(f,"l"),h=this.sortOnHslProperty_(h,"l"),i=this.sortOnHslProperty_(i,"h");var j=f.concat(h,i),k=a.filter(function(a){return-1===j.indexOf(a)}),l=g.map(function(a){var b=k.filter(function(b){var c=this.colorsHslMap_[b];return c.h>=a&&c.he?f>g?this.compareValues_(c.s,d.s):this.compareValues_(c.l,d.l):this.compareValues_(c.h,d.h)}.bind(this));return b},a.ColorSorter.prototype.sortOnHslProperty_=function(a,b){return a.sort(function(a,c){var d=this.colorsHslMap_[a],e=this.colorsHslMap_[c];return this.compareValues_(d[b],e[b])}.bind(this))},a.ColorSorter.prototype.compareValues_=function(a,b){return a>b?1:b>a?-1:0}}(),function(){var a=$.namespace("pskl.service.palette");a.CurrentColorsPalette=function(){this.name="Current colors",this.id=Constants.CURRENT_COLORS_PALETTE_ID},a.CurrentColorsPalette.prototype.getColors=function(){return pskl.app.currentColorsService.getCurrentColors()}}(),function(){var a=$.namespace("pskl.service.palette");a.PaletteService=function(){this.dynamicPalettes=[],this.localStorageService=window.localStorage},a.PaletteService.prototype.getPalettes=function(){var a=this.localStorageService.getItem("piskel.palettes"),b=JSON.parse(a)||[];return b=b.map(function(a){return pskl.model.Palette.fromObject(a)}),this.dynamicPalettes.concat(b)},a.PaletteService.prototype.getPaletteById=function(a){var b=this.getPalettes();return this.findPaletteInArray_(a,b)},a.PaletteService.prototype.savePalette=function(a){var b=this.getPalettes(),c=this.findPaletteInArray_(a.id,b);if(c){var d=b.indexOf(c);b.splice(d,1,a)}else b.push(a);this.savePalettes_(b),$.publish(Events.SHOW_NOTIFICATION,[{content:"Palette "+a.name+" successfully saved !"}]),window.setTimeout($.publish.bind($,Events.HIDE_NOTIFICATION),2e3)},a.PaletteService.prototype.addDynamicPalette=function(a){this.dynamicPalettes.push(a)},a.PaletteService.prototype.deletePaletteById=function(a){var b=this.getPalettes(),c=b.filter(function(b){return b.id!==a});this.savePalettes_(c)},a.PaletteService.prototype.savePalettes_=function(a){a=a.filter(function(a){return-1===this.dynamicPalettes.indexOf(a)}.bind(this)),this.localStorageService.setItem("piskel.palettes",JSON.stringify(a)),$.publish(Events.PALETTE_LIST_UPDATED)},a.PaletteService.prototype.findPaletteInArray_=function(a,b){var c=null;return b.forEach(function(b){b.id===a&&(c=b)}),c}}(),function(){var a=$.namespace("pskl.service.palette");a.PaletteGplWriter=function(a){this.palette=a},a.PaletteGplWriter.prototype.write=function(){var a=[];return a.push("GIMP Palette"),a.push("Name: "+this.palette.name),a.push("Columns: 0"),a.push("#"),this.palette.getColors().forEach(function(b){a.push(this.writeColorLine(b))}.bind(this)),a.push("\r\n"),a.join("\r\n")},a.PaletteGplWriter.prototype.writeColorLine=function(a){var b=window.tinycolor(a),c=b.toRgb(),d=[];return d.push(this.padString(c.r,3)),d.push(this.padString(c.g,3)),d.push(this.padString(c.b,3)),d.push("Untitled"),d.join(" ")},a.PaletteGplWriter.prototype.padString=function(a,b){a=a.toString();var c=new Array(1+b-a.length).join(" ");return c+a}}(),function(){var a=$.namespace("pskl.service.palette.reader");a.AbstractPaletteFileReader=function(a,b,c,d){this.file=a,this.onSuccess=b,this.onError=c,this.colorLineRegexp=d},a.AbstractPaletteFileReader.prototype.extractColorFromLine=Constants.ABSTRACT_FUNCTION,a.AbstractPaletteFileReader.prototype.read=function(){pskl.utils.FileUtils.readFile(this.file,this.onFileLoaded_.bind(this))},a.AbstractPaletteFileReader.prototype.onFileLoaded_=function(a){var b=pskl.utils.Base64.toText(a),c=b.match(/[^\r\n]+/g),d=c.filter(function(a){return this.colorLineRegexp.test(a)}.bind(this)),e=d.map(this.extractColorFromLine.bind(this));if(e.length){var f=pskl.utils.Uuid.generate(),g=new pskl.model.Palette(f,this.file.name,e);this.onSuccess(g)}else this.onError()}}(),function(){var a=$.namespace("pskl.service.palette.reader"),b=/^(\s*\d{1,3})(\s*\d{1,3})(\s*\d{1,3})/;a.PaletteGplReader=function(a,c,d){this.superclass.constructor.call(this,a,c,d,b)},pskl.utils.inherit(a.PaletteGplReader,a.AbstractPaletteFileReader),a.PaletteGplReader.prototype.extractColorFromLine=function(a){var c=a.match(b),d=window.tinycolor({r:parseInt(c[1],10),g:parseInt(c[2],10),b:parseInt(c[3],10)});return d.toRgbString()}}(),function(){var a=$.namespace("pskl.service.palette.reader");a.PaletteImageReader=function(a,b,c){this.file=a,this.onSuccess=b,this.onError=c,this.colorSorter_=new pskl.service.color.ColorSorter},a.PaletteImageReader.prototype.read=function(){pskl.utils.FileUtils.readImageFile(this.file,this.onImageLoaded_.bind(this))},a.PaletteImageReader.prototype.onImageLoaded_=function(a){var b=new pskl.worker.ImageProcessor(a,this.onWorkerSuccess_.bind(this),this.onWorkerStep_.bind(this),this.onWorkerError_.bind(this));$.publish(Events.SHOW_PROGRESS,[{name:"Processing image colors ..."}]),b.process()},a.PaletteImageReader.prototype.onWorkerSuccess_=function(a){var b=a.data,c=b.colorsMap,d=Object.keys(c);if(d.length>200)this.onError("Too many colors : "+d.length);else{var e=pskl.utils.Uuid.generate(),f=this.colorSorter_.sort(d),g=new pskl.model.Palette(e,this.file.name+" palette",f);this.onSuccess(g)}$.publish(Events.HIDE_PROGRESS)},a.PaletteImageReader.prototype.onWorkerStep_=function(a){var b=a.data.progress;$.publish(Events.UPDATE_PROGRESS,[{progress:b}])},a.PaletteImageReader.prototype.onWorkerError_=function(a){$.publish(Events.HIDE_PROGRESS),this.onError("Unable to process the image : "+a.data.message)}}(),function(){var a=$.namespace("pskl.service.palette.reader"),b=/^(\d{1,3})\s+(\d{1,3})\s+(\d{1,3})/;
a.PalettePalReader=function(a,c,d){this.superclass.constructor.call(this,a,c,d,b)},pskl.utils.inherit(a.PalettePalReader,a.AbstractPaletteFileReader),a.PalettePalReader.prototype.extractColorFromLine=function(a){var c=a.match(b),d="rgb("+c[1]+","+c[2]+","+c[3]+")";return d}}(),function(){var a=$.namespace("pskl.service.palette.reader"),b=/^[A-F0-9]{2}([A-F0-9]{2})([A-F0-9]{2})([A-F0-9]{2})/;a.PaletteTxtReader=function(a,c,d){this.superclass.constructor.call(this,a,c,d,b)},pskl.utils.inherit(a.PaletteTxtReader,a.AbstractPaletteFileReader),a.PaletteTxtReader.prototype.extractColorFromLine=function(a){var c=a.match(b),d="#"+c[1]+c[2]+c[3];return d}}(),function(){var a=$.namespace("pskl.service.palette"),b={gpl:a.reader.PaletteGplReader,pal:a.reader.PalettePalReader,txt:a.reader.PaletteTxtReader,img:a.reader.PaletteImageReader};a.PaletteImportService=function(){},a.PaletteImportService.prototype.read=function(a,b,c){var d=this.getReader_(a,b,c);if(!d)throw"Could not find reader for file : "+a.name;d.read()},a.PaletteImportService.prototype.isImage_=function(a){return 0===a.type.indexOf("image")},a.PaletteImportService.prototype.getReader_=function(a,b,c){var d=this.getReaderClass_(a);return d?new d(a,b,c):null},a.PaletteImportService.prototype.getReaderClass_=function(a){var c;if(this.isImage_(a))c=b.img;else{var d=this.getExtension_(a);c=b[d]}return c},a.PaletteImportService.prototype.getExtension_=function(a){var b=a.name.split("."),c=b[b.length-1];return c.toLowerCase()}}(),function(){var a=$.namespace("pskl.service");a.SavedStatusService=function(a){this.piskelController=a},a.SavedStatusService.prototype.init=function(){$.subscribe(Events.TOOL_RELEASED,this.onToolReleased.bind(this)),$.subscribe(Events.PISKEL_RESET,this.onPiskelReset.bind(this)),$.subscribe(Events.PISKEL_SAVED,this.onPiskelSaved.bind(this))},a.SavedStatusService.prototype.onPiskelReset=function(){var a=this.piskelController.getPiskel();a.firstResetDone_?this.updateDirtyStatus(!0):a.firstResetDone_=!0},a.SavedStatusService.prototype.onToolReleased=function(){this.updateDirtyStatus(!0)},a.SavedStatusService.prototype.onPiskelSaved=function(){this.updateDirtyStatus(!1)},a.SavedStatusService.prototype.updateDirtyStatus=function(a){var b=this.piskelController.getPiskel();b.isDirty_!==a&&(b.isDirty_=a,this.updatePiskelName())},a.SavedStatusService.prototype.updatePiskelName=function(){var a=this.piskelController.getPiskel(),b=a.getDescriptor().name;$(".piskel-name").html(a.isDirty_?b+" *":b)},a.SavedStatusService.prototype.isDirty=function(){var a=this.piskelController.getPiskel();return a.isDirty_}}(),function(){var a=$.namespace("pskl.service.keyboard");a.ShortcutService=function(){this.shortcuts_={}},a.ShortcutService.prototype.init=function(){$(document.body).keydown($.proxy(this.onKeyUp_,this))},a.ShortcutService.prototype.addShortcut=function(a,b){var c=this.parseKey_(a.toLowerCase()),d=c.key,e=c.meta;if(this.shortcuts_[d]=this.shortcuts_[d]||{},this.shortcuts_[d][e]){var f=("normal"!==e?e+" + ":"")+d;console.error("[ShortcutService] >>> Shortcut ["+f+"] already registered")}else this.shortcuts_[d][e]=b},a.ShortcutService.prototype.addShortcuts=function(a,b){a.forEach(function(a){this.addShortcut(a,b)}.bind(this))},a.ShortcutService.prototype.removeShortcut=function(a){var b=this.parseKey_(a.toLowerCase()),c=b.key,d=b.meta;this.shortcuts_[c]=this.shortcuts_[c]||{},this.shortcuts_[c][d]=null},a.ShortcutService.prototype.parseKey_=function(a){var b=this.getMetaKey_({alt:-1!=a.indexOf("alt+"),shift:-1!=a.indexOf("shift+"),ctrl:-1!=a.indexOf("ctrl+")}),c=a.split(/\+(?!$)/);return a=c[c.length-1],{meta:b,key:a}},a.ShortcutService.prototype.getMetaKey_=function(a){var b=[];return["alt","ctrl","shift"].forEach(function(c){a[c]&&b.push(c)}),b.length>0?b.join("+"):"normal"},a.ShortcutService.prototype.onKeyUp_=function(a){if(!this.isInInput_(a)){var b=a.which,c=(a.target.nodeName.toUpperCase(),pskl.service.keyboard.KeycodeTranslator.toChar(b)),d=this.shortcuts_[c];if(d){var e=this.getMetaKey_({alt:this.isAltKeyPressed_(a),shift:this.isShiftKeyPressed_(a),ctrl:this.isCtrlKeyPressed_(a)}),f=d[e];if(f){var g=f(c);g!==!0&&a.preventDefault()}}}},a.ShortcutService.prototype.isInInput_=function(a){var b=a.target.nodeName.toUpperCase();return"INPUT"===b||"TEXTAREA"===b},a.ShortcutService.prototype.isCtrlKeyPressed_=function(a){return pskl.utils.UserAgent.isMac?a.metaKey:a.ctrlKey},a.ShortcutService.prototype.isShiftKeyPressed_=function(a){return a.shiftKey},a.ShortcutService.prototype.isAltKeyPressed_=function(a){return a.altKey}}(),function(){var a={191:"?",8:"back",27:"esc",38:"up",40:"down",46:"del",189:"-",187:"+",188:"<",190:">"},b=$.namespace("pskl.service.keyboard");b.KeycodeTranslator={toChar:function(b){return b>=48&&57>=b?b-48+"":b>=65&&90>=b?(b-65+10).toString(36):a[b]}}}(),function(){var a=$.namespace("pskl.service.keyboard");a.CheatsheetService=function(){this.isDisplayed_=!1},a.CheatsheetService.prototype.init=function(){if(this.cheatsheetEl_=document.getElementById("cheatsheet-wrapper"),!this.cheatsheetEl_)throw"cheatsheetEl_ DOM element could not be retrieved";this.initMarkup_(),pskl.app.shortcutService.addShortcuts(["?","shift+?"],this.toggleCheatsheet_.bind(this));var a=$(".cheatsheet-link");a.click(this.toggleCheatsheet_.bind(this)),$.subscribe(Events.TOGGLE_HELP,this.toggleCheatsheet_.bind(this)),$.subscribe(Events.ESCAPE,this.onEscape_.bind(this))},a.CheatsheetService.prototype.toggleCheatsheet_=function(){this.isDisplayed_?this.hideCheatsheet_():this.showCheatsheet_()},a.CheatsheetService.prototype.onEscape_=function(){this.isDisplayed_&&this.hideCheatsheet_()},a.CheatsheetService.prototype.showCheatsheet_=function(){pskl.app.shortcutService.addShortcut("ESC",this.hideCheatsheet_.bind(this)),this.cheatsheetEl_.style.display="block",this.isDisplayed_=!0},a.CheatsheetService.prototype.hideCheatsheet_=function(){pskl.app.shortcutService.removeShortcut("ESC"),this.cheatsheetEl_.style.display="none",this.isDisplayed_=!1},a.CheatsheetService.prototype.initMarkup_=function(){this.initMarkupForTools_(),this.initMarkupForMisc_(),this.initMarkupForSelection_()},a.CheatsheetService.prototype.toDescriptor_=function(a,b,c){return pskl.utils.UserAgent.isMac&&(a=a.replace("ctrl","cmd")),{shortcut:a,description:b,icon:c}},a.CheatsheetService.prototype.getDomFromDescriptor_=function(a){var b=pskl.utils.Template.get("cheatsheet-shortcut-template"),c=pskl.utils.Template.replace(b,{shortcutIcon:a.icon,shortcutDescription:a.description,shortcutKey:a.shortcut});return pskl.utils.Template.createFromHTML(c)},a.CheatsheetService.prototype.initMarkupAbstract_=function(a,b){for(var c=$(b,this.cheatsheetEl_).get(0),d=0;da?1:-1,i=d>c?1:-1,j=f-g;;){if(e.push({col:a,row:c}),a==b&&c==d)break;var k=2*j;k>-g&&(j-=g,a+=h),f>k&&(j+=f,c+=i)}return e}}(),function(){var a=$.namespace("pskl.tools.drawing");a.ShapeTool=function(){this.startCol=null,this.startRow=null,this.tooltipDescriptors=[{key:"shift",description:"Keep 1 to 1 ratio"}]},pskl.utils.inherit(a.ShapeTool,a.BaseTool),a.ShapeTool.prototype.applyToolAt=function(a,b,c,d,e){$.publish(Events.DRAG_START,[a,b]),this.startCol=a,this.startRow=b,e.setPixel(a,b,c)},a.ShapeTool.prototype.moveToolAt=function(a,b,c,d,e,f){var g=this.getCoordinates_(a,b,f);$.publish(Events.CURSOR_MOVED,[g.col,g.row]),e.clear(),c==Constants.TRANSPARENT_COLOR&&(c=Constants.SELECTION_TRANSPARENT_COLOR),this.draw_(g.col,g.row,c,e)},a.ShapeTool.prototype.releaseToolAt=function(a,b,c,d,e,f){e.clear();var g=this.getCoordinates_(a,b,f);this.draw_(g.col,g.row,c,d),$.publish(Events.DRAG_END,[g.col,g.row]),this.raiseSaveStateEvent({col:g.col,row:g.row,startCol:this.startCol,startRow:this.startRow,color:c})},a.ShapeTool.prototype.replay=function(a,b){this.startCol=b.startCol,this.startRow=b.startRow,this.draw_(b.col,b.row,b.color,a)},a.ShapeTool.prototype.getCoordinates_=function(a,b,c){return c.shiftKey?this.getScaledCoordinates_(a,b):{col:a,row:b}},a.ShapeTool.prototype.getScaledCoordinates_=function(a,b){var c=this.startCol-a,d=Math.abs(c),e=this.startRow-b,f=Math.abs(e),g=Math.min(d,f);return b=this.startRow-e/f*g,a=this.startCol-c/d*g,{col:a,row:b}},a.ShapeTool.prototype.draw_=Constants.ABSTRACT_FUNCTION}(),function(){var a=$.namespace("pskl.tools.drawing");a.SimplePen=function(){this.toolId="tool-pen",this.helpText="Pen tool",this.previousCol=null,this.previousRow=null,this.pixels=[]},pskl.utils.inherit(a.SimplePen,a.BaseTool),a.SimplePen.prototype.applyToolAt=function(a,b,c,d,e){this.previousCol=a,this.previousRow=b,e.setPixel(a,b,c),c===Constants.TRANSPARENT_COLOR&&d.setPixel(a,b,c),this.pixels.push({col:a,row:b,color:c})},a.SimplePen.prototype.moveToolAt=function(a,b,c,d,e,f){if(Math.abs(a-this.previousCol)>1||Math.abs(b-this.previousRow)>1)for(var g=this.getLinePixels_(a,this.previousCol,b,this.previousRow),h=0,i=g.length;i>h;h++){var j=g[h];this.applyToolAt(j.col,j.row,c,d,e,f)}else this.applyToolAt(a,b,c,d,e,f);this.previousCol=a,this.previousRow=b},a.SimplePen.prototype.releaseToolAt=function(a,b,c,d){this.setPixelsToFrame_(d,this.pixels),this.raiseSaveStateEvent({pixels:this.pixels.slice(0),color:c}),this.resetUsedPixels_()},a.SimplePen.prototype.replay=function(a,b){this.setPixelsToFrame_(a,b.pixels,b.color)},a.SimplePen.prototype.setPixelsToFrame_=function(a,b){b.forEach(function(b){a.setPixel(b.col,b.row,b.color)})},a.SimplePen.prototype.resetUsedPixels_=function(){this.pixels=[]}}(),function(){var a=$.namespace("pskl.tools.drawing"),b=3;a.Lighten=function(){this.superclass.constructor.call(this),this.toolId="tool-lighten",this.helpText="Lighten",this.tooltipDescriptors=[{key:"ctrl",description:"Darken"},{key:"shift",description:"Apply only once per pixel"}],this.usedPixels_={darken:{},lighten:{}}},pskl.utils.inherit(a.Lighten,a.SimplePen),a.Lighten.prototype.resetUsedPixels_=function(){this.usedPixels_={darken:{},lighten:{}},this.superclass.resetUsedPixels_.call(this)},a.Lighten.prototype.applyToolAt=function(a,c,d,e,f,g){var h=f.getPixel(a,c),i=e.getPixel(a,c),j=h===Constants.TRANSPARENT_COLOR?i:h,k=pskl.utils.UserAgent.isMac?g.metaKey:g.ctrlKey,l=g.shiftKey,m=j===Constants.TRANSPARENT_COLOR,n=k?this.usedPixels_.darken:this.usedPixels_.lighten,o=a+"-"+c,p=m||l&&n[o];if(p)d=window.tinycolor(j);else{var q=l?2*b:b;d=k?window.tinycolor.darken(j,q):window.tinycolor.lighten(j,q)}d&&(n[o]=!0,this.superclass.applyToolAt.call(this,a,c,d.toRgbString(),e,f,g))}}(),function(){var a=$.namespace("pskl.tools.drawing");a.VerticalMirrorPen=function(){this.superclass.constructor.call(this),this.toolId="tool-vertical-mirror-pen",this.helpText="Vertical Mirror pen",this.tooltipDescriptors=[{key:"ctrl",description:"Use horizontal axis"},{key:"shift",description:"Use horizontal and vertical axis"}]},pskl.utils.inherit(a.VerticalMirrorPen,a.SimplePen),a.VerticalMirrorPen.prototype.backupPreviousPositions_=function(){this.backupPreviousCol=this.previousCol,this.backupPreviousRow=this.previousRow},a.VerticalMirrorPen.prototype.restorePreviousPositions_=function(){this.previousCol=this.backupPreviousCol,this.previousRow=this.backupPreviousRow},a.VerticalMirrorPen.prototype.applyToolAt=function(a,b,c,d,e,f){this.superclass.applyToolAt.call(this,a,b,c,d,e),this.backupPreviousPositions_();var g=this.getSymmetricCol_(a,d),h=this.getSymmetricRow_(b,d),i=pskl.utils.UserAgent.isMac?f.metaKey:f.ctrlKey;i||this.superclass.applyToolAt.call(this,g,b,c,d,e),(f.shiftKey||i)&&this.superclass.applyToolAt.call(this,a,h,c,d,e),f.shiftKey&&this.superclass.applyToolAt.call(this,g,h,c,d,e),this.restorePreviousPositions_()},a.VerticalMirrorPen.prototype.getSymmetricCol_=function(a,b){return b.getWidth()-a-1},a.VerticalMirrorPen.prototype.getSymmetricRow_=function(a,b){return b.getHeight()-a-1}}(),function(){var a=$.namespace("pskl.tools.drawing");a.Eraser=function(){this.superclass.constructor.call(this),this.toolId="tool-eraser",this.helpText="Eraser tool"},pskl.utils.inherit(a.Eraser,a.SimplePen),a.Eraser.prototype.applyToolAt=function(a,b,c,d,e,f){this.superclass.applyToolAt.call(this,a,b,Constants.TRANSPARENT_COLOR,d,e,f)},a.Eraser.prototype.releaseToolAt=function(a,b,c,d,e,f){this.superclass.releaseToolAt.call(this,a,b,Constants.TRANSPARENT_COLOR,d,e,f)}}(),function(){var a=$.namespace("pskl.tools.drawing");a.Stroke=function(){this.toolId="tool-stroke",this.helpText="Stroke tool",this.startCol=null,this.startRow=null},pskl.utils.inherit(a.Stroke,a.BaseTool),a.Stroke.prototype.applyToolAt=function(a,b,c,d,e){this.startCol=a,this.startRow=b,e.setPixel(a,b,c)},a.Stroke.prototype.moveToolAt=function(a,b,c,d,e){e.clear();for(var f=this.getLinePixels_(this.startCol,a,this.startRow,b),g=0;gi;i++)for(var j=0;h>j;j++){var k=i-a,l=j-b;e.shiftKey&&(k=(k+g)%g,l=(l+h)%h),f=d.containsPixel(k,l)?d.getPixel(k,l):Constants.TRANSPARENT_COLOR,c.setPixel(i,j,f)}},a.Move.prototype.releaseToolAt=function(a,b,c,d,e,f){this.moveToolAt(a,b,c,d,e,f),this.raiseSaveStateEvent({colDiff:a-this.startCol,rowDiff:b-this.startRow,shiftKey:f.shiftKey})},a.Move.prototype.replay=function(a,b){var c={shiftKey:b.shiftKey};this.shiftFrame(b.colDiff,b.rowDiff,a,a.clone(),c)}}(),function(){var a=$.namespace("pskl.tools.drawing");a.BaseSelect=function(){this.secondaryToolId=pskl.tools.drawing.Move.TOOL_ID,this.BodyRoot=$("body"),this.startCol=null,this.startRow=null,this.selection=null,this.tooltipDescriptors=[{description:"Drag the selection to move it. You may switch to other layers and frames."},{key:"ctrl+c",description:"Copy the selected area"},{key:"ctrl+v",description:"Paste the copied area"}]},pskl.utils.inherit(a.BaseSelect,a.BaseTool),a.BaseSelect.prototype.applyToolAt=function(a,b,c,d,e){this.startCol=a,this.startRow=b,this.lastCol=a,this.lastRow=b,this.isInSelection(a,b)?(this.mode="moveSelection",this.onSelectionDragStart_(a,b,c,d,e)):(this.mode="select",this.onSelectStart_(a,b,c,d,e))},a.BaseSelect.prototype.moveToolAt=function(a,b,c,d,e){"select"==this.mode?this.onSelect_(a,b,c,d,e):"moveSelection"==this.mode&&this.onSelectionDrag_(a,b,c,d,e)},a.BaseSelect.prototype.releaseToolAt=function(a,b,c,d,e){"select"==this.mode?this.onSelectEnd_(a,b,c,d,e):"moveSelection"==this.mode&&this.onSelectionDragEnd_(a,b,c,d,e)},a.BaseSelect.prototype.moveUnactiveToolAt=function(a,b,c,d,e){e.containsPixel(a,b)&&(this.isInSelection(a,b)?(this.BodyRoot.addClass(this.secondaryToolId),this.BodyRoot.removeClass(this.toolId)):(this.BodyRoot.addClass(this.toolId),this.BodyRoot.removeClass(this.secondaryToolId)))},a.BaseSelect.prototype.isInSelection=function(a,b){return this.selection&&this.selection.pixels.some(function(c){return c.col===a&&c.row===b})},a.BaseSelect.prototype.hideHighlightedPixel=function(){},a.BaseSelect.prototype.drawSelectionOnOverlay_=function(a){for(var b=this.selection.pixels,c=0,d=b.length;d>c;c++){var e=b[c],f=e.color&&e.color!==Constants.TRANSPARENT_COLOR,g=f?this.getTransparentVariant(e.color):Constants.SELECTION_TRANSPARENT_COLOR;a.setPixel(b[c].col,b[c].row,g)}},a.BaseSelect.prototype.getTransparentVariant=function(a){var b=window.tinycolor(a);return b=window.tinycolor.lighten(b,10),b.setAlpha(.5),b.toRgbString()},a.BaseSelect.prototype.onSelectStart_=function(){},a.BaseSelect.prototype.onSelect_=function(){},a.BaseSelect.prototype.onSelectEnd_=function(){},a.BaseSelect.prototype.onSelectionDragStart_=function(){},a.BaseSelect.prototype.onSelectionDrag_=function(a,b,c,d,e){{var f=a-this.lastCol,g=b-this.lastRow;a-this.startCol,b-this.startRow}this.selection.move(f,g),e.clear(),this.drawSelectionOnOverlay_(e),this.lastCol=a,this.lastRow=b},a.BaseSelect.prototype.onSelectionDragEnd_=function(a,b,c,d,e){this.onSelectionDrag_(a,b,c,d,e)}}(),function(){var a=$.namespace("pskl.tools.drawing");a.RectangleSelect=function(){this.toolId="tool-rectangle-select",this.helpText="Rectangle selection",a.BaseSelect.call(this),this.hasSelection=!1},pskl.utils.inherit(a.RectangleSelect,a.BaseSelect),a.RectangleSelect.prototype.onSelectStart_=function(a,b,c,d,e){this.hasSelection?(this.hasSelection=!1,e.clear(),$.publish(Events.SELECTION_DISMISSED)):(this.hasSelection=!0,$.publish(Events.DRAG_START,[a,b]),e.setPixel(a,b,c))},a.RectangleSelect.prototype.onSelect_=function(a,b,c,d,e){this.hasSelection&&(e.clear(),this.selection=new pskl.selection.RectangularSelection(this.startCol,this.startRow,a,b),$.publish(Events.SELECTION_CREATED,[this.selection]),this.drawSelectionOnOverlay_(e))},a.RectangleSelect.prototype.onSelectEnd_=function(a,b,c,d,e){this.hasSelection&&(this.onSelect_(a,b,c,d,e),$.publish(Events.DRAG_END,[a,b]))}}(),function(){var a=$.namespace("pskl.tools.drawing");a.ShapeSelect=function(){this.toolId="tool-shape-select",this.helpText="Shape selection",a.BaseSelect.call(this)},pskl.utils.inherit(a.ShapeSelect,a.BaseSelect),a.ShapeSelect.prototype.onSelectStart_=function(a,b,c,d,e){$.publish(Events.SELECTION_DISMISSED),e.clear();var f=pskl.PixelUtils.getSimilarConnectedPixelsFromFrame(d,a,b);this.selection=new pskl.selection.ShapeSelection(f),$.publish(Events.SELECTION_CREATED,[this.selection]),this.drawSelectionOnOverlay_(e)}}(),function(){var a=$.namespace("pskl.tools.drawing");a.ColorPicker=function(){this.toolId="tool-colorpicker",this.helpText="Color picker"},pskl.utils.inherit(a.ColorPicker,a.BaseTool),a.ColorPicker.prototype.applyToolAt=function(a,b,c,d,e,f){if(d.containsPixel(a,b)){var g=d.getPixel(a,b);f.button==Constants.LEFT_BUTTON?$.publish(Events.SELECT_PRIMARY_COLOR,[g]):f.button==Constants.RIGHT_BUTTON&&$.publish(Events.SELECT_SECONDARY_COLOR,[g])}}}(),function(){var a=$.namespace("pskl.tools.drawing");a.ColorSwap=function(){this.toolId="tool-colorswap",this.helpText="Paint all pixels of the same color",this.tooltipDescriptors=[{key:"ctrl",description:"Apply to all layers"},{key:"shift",description:"Apply to all frames"}]},pskl.utils.inherit(a.ColorSwap,a.BaseTool),a.ColorSwap.prototype.applyToolAt=function(a,b,c,d,e,f){if(d.containsPixel(a,b)){var g=d.getPixel(a,b),h=pskl.utils.UserAgent.isMac?f.metaKey:f.ctrlKey,i=f.shiftKey;this.swapColors(g,c,h,i),$.publish(Events.PISKEL_SAVE_STATE,{type:pskl.service.HistoryService.SNAPSHOT})}},a.ColorSwap.prototype.swapColors=function(a,b,c,d){var e=function(c,d,e,f){c==a&&(f.pixels[d][e]=b)},f=pskl.app.piskelController.getCurrentLayer(),g=pskl.app.piskelController.getCurrentFrameIndex();pskl.app.piskelController.getPiskel().getLayers().forEach(function(a){(c||a===f)&&a.getFrames().forEach(function(a,b){(d||b===g)&&(a.forEachPixel(e),a.version++)})})}}(),function(){var a=$.namespace("pskl.tools.transform");a.Transform=function(){this.toolId="tool-transform",this.helpText="Transform tool",this.tooltipDescriptors=[]},pskl.utils.inherit(a.Transform,pskl.tools.Tool),a.Transform.prototype.apply=function(a){var b=a.shiftKey,c=a.ctrlKey;this.applyTool_(a.altKey,b,c)},a.Transform.prototype.applyTool_=function(a,b,c){var d=pskl.app.piskelController.getCurrentFrameIndex(),e=c?pskl.app.piskelController.getLayers():[pskl.app.piskelController.getCurrentLayer()];e.forEach(function(c){var e=b?c.getFrames():[c.getFrameAt(d)];e.forEach(function(b){this.applyToolOnFrame_(b,a)}.bind(this))}.bind(this)),$.publish(Events.PISKEL_RESET),$.publish(Events.PISKEL_SAVE_STATE,{type:pskl.service.HistoryService.SNAPSHOT})}}(),function(){var a=$.namespace("pskl.tools.transform");a.Clone=function(){this.toolId="tool-clone",this.helpText="Clone current layer to all frames",this.tooltipDescriptors=[]},pskl.utils.inherit(a.Clone,a.Transform),a.Clone.prototype.apply=function(){var a=pskl.app.piskelController.getCurrentFrame(),b=pskl.app.piskelController.getCurrentLayer();b.getFrames().forEach(function(b){b!==a&&b.setPixels(a.getPixels())}),$.publish(Events.PISKEL_RESET),$.publish(Events.PISKEL_SAVE_STATE,{type:pskl.service.HistoryService.SNAPSHOT})}}(),function(){var a=$.namespace("pskl.tools.transform");a.Flip=function(){this.toolId="tool-flip",this.helpText="Flip vertically",this.tooltipDescriptors=[{key:"alt",description:"Flip horizontally"},{key:"ctrl",description:"Apply to all layers"},{key:"shift",description:"Apply to all frames"}]
diff --git a/piskel-boot-2015-03-02-09-41.js b/piskel-boot-2015-03-02-09-41.js
new file mode 100644
index 00000000..eb9b16fe
--- /dev/null
+++ b/piskel-boot-2015-03-02-09-41.js
@@ -0,0 +1,86 @@
+(function () {
+
+ /**
+ * See @Gruntfile.js => after build, -2015-03-02-09-41 is replaced by the build version
+ */
+ var version = '-2015-03-02-09-41';
+ var versionHasNotBeenReplaced = version.indexOf('@@') === 0;
+ if (versionHasNotBeenReplaced) {
+ version = '';
+ }
+
+ window.onPiskelReady = function () {
+ var loadingMask = document.getElementById('loading-mask');
+ loadingMask.style.opacity = 0;
+ window.setTimeout(function () {loadingMask.parentNode.removeChild(loadingMask);}, 600);
+ pskl.app.init();
+ // cleanup
+ delete window.pskl_exports;
+ delete window.loadDebugScripts;
+ delete window.done;
+ };
+
+ var prefixPath = function (path) {
+ if (window.pskl && window.pskl.appEngineToken_) {
+ return '../' + path;
+ } else {
+ return path;
+ }
+ };
+
+ var loadScript = function (src, callback) {
+ src = prefixPath(src);
+ var script = window.document.createElement('script');
+ script.setAttribute('src',src);
+ script.setAttribute('onload',callback);
+ window.document.body.appendChild(script);
+ };
+
+ var loadStyle = function (src) {
+ src = prefixPath(src);
+ var link = document.createElement('link');
+ link.setAttribute('href', src);
+ link.setAttribute('rel', 'stylesheet');
+ link.setAttribute('type', 'text/css');
+ document.head.appendChild(link);
+ };
+
+ if (window.location.href.indexOf('debug') != -1) {
+ window.pskl_exports = {};
+ var scriptIndex = 0;
+ window.loadNextScript = function () {
+ if (scriptIndex == window.pskl_exports.scripts.length) {
+ window.onPiskelReady();
+ } else {
+ loadScript(window.pskl_exports.scripts[scriptIndex], 'loadNextScript()');
+ scriptIndex ++;
+ }
+ };
+ loadScript('piskel-script-list.js', 'loadNextScript()');
+
+ window.loadStyles = function () {
+ var styles = window.pskl_exports.styles;
+ for (var i = 0 ; i < styles.length ; i++) {
+ loadStyle(styles[i]);
+ }
+ };
+ loadScript('piskel-style-list.js', 'loadStyles()');
+ } else {
+ var script;
+ if (window.location.href.indexOf('pack') != -1) {
+ script = 'js/piskel-packaged' + version + '.js';
+ } else {
+ script = 'js/piskel-packaged-min' + version + '.js';
+ }
+ loadStyle('css/piskel-style-packaged' + version + '.css');
+
+ var loaderInterval = window.setInterval(function () {
+ if (document.querySelectorAll('[data-iframe-loader]').length === 0) {
+ window.clearInterval(loaderInterval);
+ loadScript(script, 'onPiskelReady()');
+ } else {
+ window.console.log('waiting for templates to load ....');
+ }
+ }, 100);
+ }
+})();
\ No newline at end of file
diff --git a/piskel-boot.js b/piskel-boot.js
index edb2b9ae..eb9b16fe 100644
--- a/piskel-boot.js
+++ b/piskel-boot.js
@@ -1,9 +1,9 @@
(function () {
/**
- * See @Gruntfile.js => after build, -2015-03-02-09-38 is replaced by the build version
+ * See @Gruntfile.js => after build, -2015-03-02-09-41 is replaced by the build version
*/
- var version = '-2015-03-02-09-38';
+ var version = '-2015-03-02-09-41';
var versionHasNotBeenReplaced = version.indexOf('@@') === 0;
if (versionHasNotBeenReplaced) {
version = '';
diff --git a/piskelapp-partials/main-partial.html b/piskelapp-partials/main-partial.html
index bfcde802..9fac1e52 100644
--- a/piskelapp-partials/main-partial.html
+++ b/piskelapp-partials/main-partial.html
@@ -1,10 +1,10 @@
-
+
@@ -40,13 +40,13 @@
-
-
+
+
-
+