68 |
73 |
74 |
75 |
76 |
--------------------------------------------------------------------------------
/dist/angular-bricklayer.js:
--------------------------------------------------------------------------------
1 | /**
2 | @name: angular-bricklayer
3 | @version: 1.1.0 (25-04-2016)
4 | @author:
5 | @url: https://github.com/JohnnyTheTank/angular-bricklayer
6 | @license: MIT
7 | */
8 | /*!
9 | * imagesLoaded PACKAGED v4.1.0
10 | * JavaScript is all like "You images are done yet or what?"
11 | * MIT License
12 | */
13 |
14 | /**
15 | * EvEmitter v1.0.1
16 | * Lil' event emitter
17 | * MIT License
18 | */
19 |
20 | /* jshint unused: true, undef: true, strict: true */
21 |
22 | ( function( global, factory ) {
23 | // universal module definition
24 | /* jshint strict: false */ /* globals define, module */
25 | if ( typeof define == 'function' && define.amd ) {
26 | // AMD - RequireJS
27 | define( 'ev-emitter/ev-emitter',factory );
28 | } else if ( typeof module == 'object' && module.exports ) {
29 | // CommonJS - Browserify, Webpack
30 | module.exports = factory();
31 | } else {
32 | // Browser globals
33 | global.EvEmitter = factory();
34 | }
35 |
36 | }( this, function() {
37 |
38 |
39 |
40 | function EvEmitter() {}
41 |
42 | var proto = EvEmitter.prototype;
43 |
44 | proto.on = function( eventName, listener ) {
45 | if ( !eventName || !listener ) {
46 | return;
47 | }
48 | // set events hash
49 | var events = this._events = this._events || {};
50 | // set listeners array
51 | var listeners = events[ eventName ] = events[ eventName ] || [];
52 | // only add once
53 | if ( listeners.indexOf( listener ) == -1 ) {
54 | listeners.push( listener );
55 | }
56 |
57 | return this;
58 | };
59 |
60 | proto.once = function( eventName, listener ) {
61 | if ( !eventName || !listener ) {
62 | return;
63 | }
64 | // add event
65 | this.on( eventName, listener );
66 | // set once flag
67 | // set onceEvents hash
68 | var onceEvents = this._onceEvents = this._onceEvents || {};
69 | // set onceListeners array
70 | var onceListeners = onceEvents[ eventName ] = onceEvents[ eventName ] || [];
71 | // set flag
72 | onceListeners[ listener ] = true;
73 |
74 | return this;
75 | };
76 |
77 | proto.off = function( eventName, listener ) {
78 | var listeners = this._events && this._events[ eventName ];
79 | if ( !listeners || !listeners.length ) {
80 | return;
81 | }
82 | var index = listeners.indexOf( listener );
83 | if ( index != -1 ) {
84 | listeners.splice( index, 1 );
85 | }
86 |
87 | return this;
88 | };
89 |
90 | proto.emitEvent = function( eventName, args ) {
91 | var listeners = this._events && this._events[ eventName ];
92 | if ( !listeners || !listeners.length ) {
93 | return;
94 | }
95 | var i = 0;
96 | var listener = listeners[i];
97 | args = args || [];
98 | // once stuff
99 | var onceListeners = this._onceEvents && this._onceEvents[ eventName ];
100 |
101 | while ( listener ) {
102 | var isOnce = onceListeners && onceListeners[ listener ];
103 | if ( isOnce ) {
104 | // remove listener
105 | // remove before trigger to prevent recursion
106 | this.off( eventName, listener );
107 | // unset once flag
108 | delete onceListeners[ listener ];
109 | }
110 | // trigger listener
111 | listener.apply( this, args );
112 | // get next listener
113 | i += isOnce ? 0 : 1;
114 | listener = listeners[i];
115 | }
116 |
117 | return this;
118 | };
119 |
120 | return EvEmitter;
121 |
122 | }));
123 |
124 | /*!
125 | * imagesLoaded v4.1.0
126 | * JavaScript is all like "You images are done yet or what?"
127 | * MIT License
128 | */
129 |
130 | ( function( window, factory ) { 'use strict';
131 | // universal module definition
132 |
133 | /*global define: false, module: false, require: false */
134 |
135 | if ( typeof define == 'function' && define.amd ) {
136 | // AMD
137 | define( [
138 | 'ev-emitter/ev-emitter'
139 | ], function( EvEmitter ) {
140 | return factory( window, EvEmitter );
141 | });
142 | } else if ( typeof module == 'object' && module.exports ) {
143 | // CommonJS
144 | module.exports = factory(
145 | window,
146 | require('ev-emitter')
147 | );
148 | } else {
149 | // browser global
150 | window.imagesLoaded = factory(
151 | window,
152 | window.EvEmitter
153 | );
154 | }
155 |
156 | })( window,
157 |
158 | // -------------------------- factory -------------------------- //
159 |
160 | function factory( window, EvEmitter ) {
161 |
162 |
163 |
164 | var $ = window.jQuery;
165 | var console = window.console;
166 |
167 | // -------------------------- helpers -------------------------- //
168 |
169 | // extend objects
170 | function extend( a, b ) {
171 | for ( var prop in b ) {
172 | a[ prop ] = b[ prop ];
173 | }
174 | return a;
175 | }
176 |
177 | // turn element or nodeList into an array
178 | function makeArray( obj ) {
179 | var ary = [];
180 | if ( Array.isArray( obj ) ) {
181 | // use object if already an array
182 | ary = obj;
183 | } else if ( typeof obj.length == 'number' ) {
184 | // convert nodeList to array
185 | for ( var i=0; i < obj.length; i++ ) {
186 | ary.push( obj[i] );
187 | }
188 | } else {
189 | // array of single index
190 | ary.push( obj );
191 | }
192 | return ary;
193 | }
194 |
195 | // -------------------------- imagesLoaded -------------------------- //
196 |
197 | /**
198 | * @param {Array, Element, NodeList, String} elem
199 | * @param {Object or Function} options - if function, use as callback
200 | * @param {Function} onAlways - callback function
201 | */
202 | function ImagesLoaded( elem, options, onAlways ) {
203 | // coerce ImagesLoaded() without new, to be new ImagesLoaded()
204 | if ( !( this instanceof ImagesLoaded ) ) {
205 | return new ImagesLoaded( elem, options, onAlways );
206 | }
207 | // use elem as selector string
208 | if ( typeof elem == 'string' ) {
209 | elem = document.querySelectorAll( elem );
210 | }
211 |
212 | this.elements = makeArray( elem );
213 | this.options = extend( {}, this.options );
214 |
215 | if ( typeof options == 'function' ) {
216 | onAlways = options;
217 | } else {
218 | extend( this.options, options );
219 | }
220 |
221 | if ( onAlways ) {
222 | this.on( 'always', onAlways );
223 | }
224 |
225 | this.getImages();
226 |
227 | if ( $ ) {
228 | // add jQuery Deferred object
229 | this.jqDeferred = new $.Deferred();
230 | }
231 |
232 | // HACK check async to allow time to bind listeners
233 | setTimeout( function() {
234 | this.check();
235 | }.bind( this ));
236 | }
237 |
238 | ImagesLoaded.prototype = Object.create( EvEmitter.prototype );
239 |
240 | ImagesLoaded.prototype.options = {};
241 |
242 | ImagesLoaded.prototype.getImages = function() {
243 | this.images = [];
244 |
245 | // filter & find items if we have an item selector
246 | this.elements.forEach( this.addElementImages, this );
247 | };
248 |
249 | /**
250 | * @param {Node} element
251 | */
252 | ImagesLoaded.prototype.addElementImages = function( elem ) {
253 | // filter siblings
254 | if ( elem.nodeName == 'IMG' ) {
255 | this.addImage( elem );
256 | }
257 | // get background image on element
258 | if ( this.options.background === true ) {
259 | this.addElementBackgroundImages( elem );
260 | }
261 |
262 | // find children
263 | // no non-element nodes, #143
264 | var nodeType = elem.nodeType;
265 | if ( !nodeType || !elementNodeTypes[ nodeType ] ) {
266 | return;
267 | }
268 | var childImgs = elem.querySelectorAll('img');
269 | // concat childElems to filterFound array
270 | for ( var i=0; i < childImgs.length; i++ ) {
271 | var img = childImgs[i];
272 | this.addImage( img );
273 | }
274 |
275 | // get child background images
276 | if ( typeof this.options.background == 'string' ) {
277 | var children = elem.querySelectorAll( this.options.background );
278 | for ( i=0; i < children.length; i++ ) {
279 | var child = children[i];
280 | this.addElementBackgroundImages( child );
281 | }
282 | }
283 | };
284 |
285 | var elementNodeTypes = {
286 | 1: true,
287 | 9: true,
288 | 11: true
289 | };
290 |
291 | ImagesLoaded.prototype.addElementBackgroundImages = function( elem ) {
292 | var style = getComputedStyle( elem );
293 | if ( !style ) {
294 | // Firefox returns null if in a hidden iframe https://bugzil.la/548397
295 | return;
296 | }
297 | // get url inside url("...")
298 | var reURL = /url\((['"])?(.*?)\1\)/gi;
299 | var matches = reURL.exec( style.backgroundImage );
300 | while ( matches !== null ) {
301 | var url = matches && matches[2];
302 | if ( url ) {
303 | this.addBackground( url, elem );
304 | }
305 | matches = reURL.exec( style.backgroundImage );
306 | }
307 | };
308 |
309 | /**
310 | * @param {Image} img
311 | */
312 | ImagesLoaded.prototype.addImage = function( img ) {
313 | var loadingImage = new LoadingImage( img );
314 | this.images.push( loadingImage );
315 | };
316 |
317 | ImagesLoaded.prototype.addBackground = function( url, elem ) {
318 | var background = new Background( url, elem );
319 | this.images.push( background );
320 | };
321 |
322 | ImagesLoaded.prototype.check = function() {
323 | var _this = this;
324 | this.progressedCount = 0;
325 | this.hasAnyBroken = false;
326 | // complete if no images
327 | if ( !this.images.length ) {
328 | this.complete();
329 | return;
330 | }
331 |
332 | function onProgress( image, elem, message ) {
333 | // HACK - Chrome triggers event before object properties have changed. #83
334 | setTimeout( function() {
335 | _this.progress( image, elem, message );
336 | });
337 | }
338 |
339 | this.images.forEach( function( loadingImage ) {
340 | loadingImage.once( 'progress', onProgress );
341 | loadingImage.check();
342 | });
343 | };
344 |
345 | ImagesLoaded.prototype.progress = function( image, elem, message ) {
346 | this.progressedCount++;
347 | this.hasAnyBroken = this.hasAnyBroken || !image.isLoaded;
348 | // progress event
349 | this.emitEvent( 'progress', [ this, image, elem ] );
350 | if ( this.jqDeferred && this.jqDeferred.notify ) {
351 | this.jqDeferred.notify( this, image );
352 | }
353 | // check if completed
354 | if ( this.progressedCount == this.images.length ) {
355 | this.complete();
356 | }
357 |
358 | if ( this.options.debug && console ) {
359 | console.log( 'progress: ' + message, image, elem );
360 | }
361 | };
362 |
363 | ImagesLoaded.prototype.complete = function() {
364 | var eventName = this.hasAnyBroken ? 'fail' : 'done';
365 | this.isComplete = true;
366 | this.emitEvent( eventName, [ this ] );
367 | this.emitEvent( 'always', [ this ] );
368 | if ( this.jqDeferred ) {
369 | var jqMethod = this.hasAnyBroken ? 'reject' : 'resolve';
370 | this.jqDeferred[ jqMethod ]( this );
371 | }
372 | };
373 |
374 | // -------------------------- -------------------------- //
375 |
376 | function LoadingImage( img ) {
377 | this.img = img;
378 | }
379 |
380 | LoadingImage.prototype = Object.create( EvEmitter.prototype );
381 |
382 | LoadingImage.prototype.check = function() {
383 | // If complete is true and browser supports natural sizes,
384 | // try to check for image status manually.
385 | var isComplete = this.getIsImageComplete();
386 | if ( isComplete ) {
387 | // report based on naturalWidth
388 | this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' );
389 | return;
390 | }
391 |
392 | // If none of the checks above matched, simulate loading on detached element.
393 | this.proxyImage = new Image();
394 | this.proxyImage.addEventListener( 'load', this );
395 | this.proxyImage.addEventListener( 'error', this );
396 | // bind to image as well for Firefox. #191
397 | this.img.addEventListener( 'load', this );
398 | this.img.addEventListener( 'error', this );
399 | this.proxyImage.src = this.img.src;
400 | };
401 |
402 | LoadingImage.prototype.getIsImageComplete = function() {
403 | return this.img.complete && this.img.naturalWidth !== undefined;
404 | };
405 |
406 | LoadingImage.prototype.confirm = function( isLoaded, message ) {
407 | this.isLoaded = isLoaded;
408 | this.emitEvent( 'progress', [ this, this.img, message ] );
409 | };
410 |
411 | // ----- events ----- //
412 |
413 | // trigger specified handler for event type
414 | LoadingImage.prototype.handleEvent = function( event ) {
415 | var method = 'on' + event.type;
416 | if ( this[ method ] ) {
417 | this[ method ]( event );
418 | }
419 | };
420 |
421 | LoadingImage.prototype.onload = function() {
422 | this.confirm( true, 'onload' );
423 | this.unbindEvents();
424 | };
425 |
426 | LoadingImage.prototype.onerror = function() {
427 | this.confirm( false, 'onerror' );
428 | this.unbindEvents();
429 | };
430 |
431 | LoadingImage.prototype.unbindEvents = function() {
432 | this.proxyImage.removeEventListener( 'load', this );
433 | this.proxyImage.removeEventListener( 'error', this );
434 | this.img.removeEventListener( 'load', this );
435 | this.img.removeEventListener( 'error', this );
436 | };
437 |
438 | // -------------------------- Background -------------------------- //
439 |
440 | function Background( url, element ) {
441 | this.url = url;
442 | this.element = element;
443 | this.img = new Image();
444 | }
445 |
446 | // inherit LoadingImage prototype
447 | Background.prototype = Object.create( LoadingImage.prototype );
448 |
449 | Background.prototype.check = function() {
450 | this.img.addEventListener( 'load', this );
451 | this.img.addEventListener( 'error', this );
452 | this.img.src = this.url;
453 | // check if image is already complete
454 | var isComplete = this.getIsImageComplete();
455 | if ( isComplete ) {
456 | this.confirm( this.img.naturalWidth !== 0, 'naturalWidth' );
457 | this.unbindEvents();
458 | }
459 | };
460 |
461 | Background.prototype.unbindEvents = function() {
462 | this.img.removeEventListener( 'load', this );
463 | this.img.removeEventListener( 'error', this );
464 | };
465 |
466 | Background.prototype.confirm = function( isLoaded, message ) {
467 | this.isLoaded = isLoaded;
468 | this.emitEvent( 'progress', [ this, this.element, message ] );
469 | };
470 |
471 | // -------------------------- jQuery -------------------------- //
472 |
473 | ImagesLoaded.makeJQueryPlugin = function( jQuery ) {
474 | jQuery = jQuery || window.jQuery;
475 | if ( !jQuery ) {
476 | return;
477 | }
478 | // set local variable
479 | $ = jQuery;
480 | // $().imagesLoaded()
481 | $.fn.imagesLoaded = function( options, callback ) {
482 | var instance = new ImagesLoaded( this, options, callback );
483 | return instance.jqDeferred.promise( $(this) );
484 | };
485 | };
486 | // try making plugin
487 | ImagesLoaded.makeJQueryPlugin();
488 |
489 | // -------------------------- -------------------------- //
490 |
491 | return ImagesLoaded;
492 |
493 | });
494 |
495 | ;angular.module('jtt_bricklayer', [])
496 | .directive('bricklayer', ['$timeout', function ($timeout) {
497 | return {
498 | restrict: 'C',
499 | link: function (scope, element, attrs) {
500 | var bricklayer = new Bricklayer(element[0]);
501 |
502 | imagesLoaded(element[0], function () {
503 | bricklayer.redraw();
504 | });
505 |
506 | $timeout(function () {
507 | bricklayer.redraw();
508 | });
509 |
510 | scope.$on('bricklayer.append', function (event, selectedElement) {
511 | bricklayer.append(selectedElement[0]);
512 | bricklayer.redraw();
513 | imagesLoaded(selectedElement, function () {
514 | bricklayer.redraw();
515 | });
516 | });
517 |
518 | scope.$on('bricklayer.prepend', function (event, selectedElement) {
519 | bricklayer.prepend(selectedElement[0]);
520 | bricklayer.redraw();
521 | imagesLoaded(selectedElement, function () {
522 | bricklayer.redraw();
523 | });
524 | });
525 |
526 | scope.$on('bricklayer.redraw', function () {
527 | bricklayer.redraw();
528 | });
529 | },
530 | controller: function () {
531 | }
532 | }
533 | }])
534 | .directive('bricklayerAppend', function () {
535 | return {
536 | require: '^^bricklayer',
537 | restrict: 'ACE',
538 | link: function (scope, element, attrs) {
539 | scope.$emit('bricklayer.append', element);
540 | }
541 | }
542 | })
543 | .directive('bricklayerPrepend', function () {
544 | return {
545 | require: '^^bricklayer',
546 | restrict: 'ACE',
547 | link: function (scope, element, attrs) {
548 | scope.$emit('bricklayer.prepend', element);
549 | }
550 | }
551 | });
--------------------------------------------------------------------------------
/dist/angular-bricklayer.min.js:
--------------------------------------------------------------------------------
1 | /**
2 | @name: angular-bricklayer
3 | @version: 1.1.0 (25-04-2016)
4 | @author:
5 | @url: https://github.com/JohnnyTheTank/angular-bricklayer
6 | @license: MIT
7 | */
8 | !function(a,b){"function"==typeof define&&define.amd?define("ev-emitter/ev-emitter",b):"object"==typeof module&&module.exports?module.exports=b():a.EvEmitter=b()}(this,function(){function a(){}var b=a.prototype;return b.on=function(a,b){if(a&&b){var c=this._events=this._events||{},d=c[a]=c[a]||[];return-1==d.indexOf(b)&&d.push(b),this}},b.once=function(a,b){if(a&&b){this.on(a,b);var c=this._onceEvents=this._onceEvents||{},d=c[a]=c[a]||[];return d[b]=!0,this}},b.off=function(a,b){var c=this._events&&this._events[a];if(c&&c.length){var d=c.indexOf(b);return-1!=d&&c.splice(d,1),this}},b.emitEvent=function(a,b){var c=this._events&&this._events[a];if(c&&c.length){var d=0,e=c[d];b=b||[];for(var f=this._onceEvents&&this._onceEvents[a];e;){var g=f&&f[e];g&&(this.off(a,e),delete f[e]),e.apply(this,b),d+=g?0:1,e=c[d]}return this}},a}),function(a,b){"use strict";"function"==typeof define&&define.amd?define(["ev-emitter/ev-emitter"],function(c){return b(a,c)}):"object"==typeof module&&module.exports?module.exports=b(a,require("ev-emitter")):a.imagesLoaded=b(a,a.EvEmitter)}(window,function(a,b){function c(a,b){for(var c in b)a[c]=b[c];return a}function d(a){var b=[];if(Array.isArray(a))b=a;else if("number"==typeof a.length)for(var c=0;c
69 |
70 | ![]()
71 |
72 |