holder_rails 2.3.2 → 2.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/holder_rails.gemspec +1 -1
- data/lib/holder_rails/version.rb +1 -1
- data/test/holder_rails_test.rb +1 -1
- data/vendor/assets/javascripts/holder.js +7 -653
- metadata +4 -4
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 8798a4ce66348c0fd1ea0067bb847f2c373632a6
|
4
|
+
data.tar.gz: c1af32d8f4af83f9e89643dec3b23426e611c47d
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 322f99db59e16fdc8dd8f2754727e37c754a13314455b7bdeac9797e6962f409081f085b51e33d345708e33fbca3ec51e7d25624c9f5faa68b558e0b661c6467
|
7
|
+
data.tar.gz: 5976aad239ac7e606181797b84eed13be5d6c9131678fb35dae480f31328ce9ce86f3f37b40c185fbc181212768be8ac60cd8341037da70da7ba7fb233c45e8e
|
data/README.md
CHANGED
@@ -27,7 +27,7 @@ Add to your JavaScript manifest file:
|
|
27
27
|
//= require holder
|
28
28
|
```
|
29
29
|
|
30
|
-
|
30
|
+
For versions **less than 2.3.2**, if you're using [turbolinks](https://github.com/rails/turbolinks)
|
31
31
|
don't forget to run `Holder` after `page:change` event:
|
32
32
|
|
33
33
|
```coffee
|
data/holder_rails.gemspec
CHANGED
@@ -9,7 +9,7 @@ Gem::Specification.new do |gem|
|
|
9
9
|
gem.authors = ["Nihad Abbasov"]
|
10
10
|
gem.email = ["mail@narkoz.me"]
|
11
11
|
gem.description = %q{Provides Holder.js to render image placeholders entirely on the client side}
|
12
|
-
gem.summary = %q{Holder.js for Rails
|
12
|
+
gem.summary = %q{Holder.js for Rails asset pipeline}
|
13
13
|
gem.homepage = "https://github.com/narkoz/holder_rails"
|
14
14
|
|
15
15
|
gem.files = `git ls-files`.split($/)
|
data/lib/holder_rails/version.rb
CHANGED
data/test/holder_rails_test.rb
CHANGED
@@ -1,658 +1,12 @@
|
|
1
1
|
/*!
|
2
2
|
|
3
|
-
Holder -
|
4
|
-
|
3
|
+
Holder - client side image placeholders
|
4
|
+
Version 2.4.0+bxlim
|
5
|
+
© 2014 Ivan Malopinsky - http://imsky.co
|
5
6
|
|
6
|
-
|
7
|
-
|
7
|
+
Site: http://imsky.github.io/holder
|
8
|
+
Issues: https://github.com/imsky/holder/issues
|
9
|
+
License: http://opensource.org/licenses/MIT
|
8
10
|
|
9
11
|
*/
|
10
|
-
var Holder = Holder || {};
|
11
|
-
(function (app, win) {
|
12
|
-
var system_config = {
|
13
|
-
use_svg: false,
|
14
|
-
use_canvas: false,
|
15
|
-
use_fallback: false
|
16
|
-
};
|
17
|
-
var instance_config = {};
|
18
|
-
var preempted = false;
|
19
|
-
canvas = document.createElement('canvas');
|
20
|
-
var dpr = 1, bsr = 1;
|
21
|
-
var resizable_images = [];
|
22
|
-
|
23
|
-
if (!canvas.getContext) {
|
24
|
-
system_config.use_fallback = true;
|
25
|
-
} else {
|
26
|
-
if (canvas.toDataURL("image/png")
|
27
|
-
.indexOf("data:image/png") < 0) {
|
28
|
-
//Android doesn't support data URI
|
29
|
-
system_config.use_fallback = true;
|
30
|
-
} else {
|
31
|
-
var ctx = canvas.getContext("2d");
|
32
|
-
}
|
33
|
-
}
|
34
|
-
|
35
|
-
if(!!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect){
|
36
|
-
system_config.use_svg = true;
|
37
|
-
system_config.use_canvas = false;
|
38
|
-
}
|
39
|
-
|
40
|
-
if(!system_config.use_fallback){
|
41
|
-
dpr = window.devicePixelRatio || 1,
|
42
|
-
bsr = ctx.webkitBackingStorePixelRatio || ctx.mozBackingStorePixelRatio || ctx.msBackingStorePixelRatio || ctx.oBackingStorePixelRatio || ctx.backingStorePixelRatio || 1;
|
43
|
-
}
|
44
|
-
|
45
|
-
var ratio = dpr / bsr;
|
46
|
-
|
47
|
-
var settings = {
|
48
|
-
domain: "holder.js",
|
49
|
-
images: "img",
|
50
|
-
bgnodes: ".holderjs",
|
51
|
-
themes: {
|
52
|
-
"gray": {
|
53
|
-
background: "#eee",
|
54
|
-
foreground: "#aaa",
|
55
|
-
size: 12
|
56
|
-
},
|
57
|
-
"social": {
|
58
|
-
background: "#3a5a97",
|
59
|
-
foreground: "#fff",
|
60
|
-
size: 12
|
61
|
-
},
|
62
|
-
"industrial": {
|
63
|
-
background: "#434A52",
|
64
|
-
foreground: "#C2F200",
|
65
|
-
size: 12
|
66
|
-
},
|
67
|
-
"sky": {
|
68
|
-
background: "#0D8FDB",
|
69
|
-
foreground: "#fff",
|
70
|
-
size: 12
|
71
|
-
},
|
72
|
-
"vine": {
|
73
|
-
background: "#39DBAC",
|
74
|
-
foreground: "#1E292C",
|
75
|
-
size: 12
|
76
|
-
},
|
77
|
-
"lava": {
|
78
|
-
background: "#F8591A",
|
79
|
-
foreground: "#1C2846",
|
80
|
-
size: 12
|
81
|
-
}
|
82
|
-
},
|
83
|
-
stylesheet: ""
|
84
|
-
};
|
85
|
-
app.flags = {
|
86
|
-
dimensions: {
|
87
|
-
regex: /^(\d+)x(\d+)$/,
|
88
|
-
output: function (val) {
|
89
|
-
var exec = this.regex.exec(val);
|
90
|
-
return {
|
91
|
-
width: +exec[1],
|
92
|
-
height: +exec[2]
|
93
|
-
}
|
94
|
-
}
|
95
|
-
},
|
96
|
-
fluid: {
|
97
|
-
regex: /^([0-9%]+)x([0-9%]+)$/,
|
98
|
-
output: function (val) {
|
99
|
-
var exec = this.regex.exec(val);
|
100
|
-
return {
|
101
|
-
width: exec[1],
|
102
|
-
height: exec[2]
|
103
|
-
}
|
104
|
-
}
|
105
|
-
},
|
106
|
-
colors: {
|
107
|
-
regex: /#([0-9a-f]{3,})\:#([0-9a-f]{3,})/i,
|
108
|
-
output: function (val) {
|
109
|
-
var exec = this.regex.exec(val);
|
110
|
-
return {
|
111
|
-
size: settings.themes.gray.size,
|
112
|
-
foreground: "#" + exec[2],
|
113
|
-
background: "#" + exec[1]
|
114
|
-
}
|
115
|
-
}
|
116
|
-
},
|
117
|
-
text: {
|
118
|
-
regex: /text\:(.*)/,
|
119
|
-
output: function (val) {
|
120
|
-
return this.regex.exec(val)[1];
|
121
|
-
}
|
122
|
-
},
|
123
|
-
font: {
|
124
|
-
regex: /font\:(.*)/,
|
125
|
-
output: function (val) {
|
126
|
-
return this.regex.exec(val)[1];
|
127
|
-
}
|
128
|
-
},
|
129
|
-
auto: {
|
130
|
-
regex: /^auto$/
|
131
|
-
},
|
132
|
-
textmode: {
|
133
|
-
regex: /textmode\:(.*)/,
|
134
|
-
output: function(val){
|
135
|
-
return this.regex.exec(val)[1];
|
136
|
-
}
|
137
|
-
}
|
138
|
-
}
|
139
|
-
|
140
|
-
function text_size(width, height, template) {
|
141
|
-
height = parseInt(height, 10);
|
142
|
-
width = parseInt(width, 10);
|
143
|
-
var bigSide = Math.max(height, width)
|
144
|
-
var smallSide = Math.min(height, width)
|
145
|
-
var scale = 1 / 12;
|
146
|
-
var newHeight = Math.min(smallSide * 0.75, 0.75 * bigSide * scale);
|
147
|
-
return {
|
148
|
-
height: Math.round(Math.max(template.size, newHeight))
|
149
|
-
}
|
150
|
-
}
|
151
|
-
|
152
|
-
var svg_el = (function(){
|
153
|
-
//Prevent IE <9 from initializing SVG renderer
|
154
|
-
if(!window.XMLSerializer) return;
|
155
|
-
var serializer = new XMLSerializer();
|
156
|
-
var svg_ns = "http://www.w3.org/2000/svg"
|
157
|
-
var svg = document.createElementNS(svg_ns, "svg");
|
158
|
-
//IE throws an exception if this is set and Chrome requires it to be set
|
159
|
-
if(svg.webkitMatchesSelector){
|
160
|
-
svg.setAttribute("xmlns", "http://www.w3.org/2000/svg")
|
161
|
-
}
|
162
|
-
var bg_el = document.createElementNS(svg_ns, "rect")
|
163
|
-
var text_el = document.createElementNS(svg_ns, "text")
|
164
|
-
var textnode_el = document.createTextNode(null)
|
165
|
-
text_el.setAttribute("text-anchor", "middle")
|
166
|
-
text_el.appendChild(textnode_el)
|
167
|
-
svg.appendChild(bg_el)
|
168
|
-
svg.appendChild(text_el)
|
169
|
-
|
170
|
-
return function(props){
|
171
|
-
svg.setAttribute("width",props.width);
|
172
|
-
svg.setAttribute("height", props.height);
|
173
|
-
bg_el.setAttribute("width", props.width);
|
174
|
-
bg_el.setAttribute("height", props.height);
|
175
|
-
bg_el.setAttribute("fill", props.template.background);
|
176
|
-
text_el.setAttribute("x", props.width/2)
|
177
|
-
text_el.setAttribute("y", props.height/2)
|
178
|
-
textnode_el.nodeValue=props.text
|
179
|
-
text_el.setAttribute("style", css_properties({
|
180
|
-
"fill": props.template.foreground,
|
181
|
-
"font-weight": "bold",
|
182
|
-
"font-size": props.text_height+"px",
|
183
|
-
"font-family":props.font,
|
184
|
-
"dominant-baseline":"central"
|
185
|
-
}))
|
186
|
-
return serializer.serializeToString(svg)
|
187
|
-
}
|
188
|
-
})()
|
189
|
-
|
190
|
-
function css_properties(props){
|
191
|
-
var ret = [];
|
192
|
-
for(p in props){
|
193
|
-
if(props.hasOwnProperty(p)){
|
194
|
-
ret.push(p+":"+props[p])
|
195
|
-
}
|
196
|
-
}
|
197
|
-
return ret.join(";")
|
198
|
-
}
|
199
|
-
|
200
|
-
function draw_canvas(args) {
|
201
|
-
var ctx = args.ctx,
|
202
|
-
dimensions = args.dimensions,
|
203
|
-
template = args.template,
|
204
|
-
ratio = args.ratio,
|
205
|
-
holder = args.holder,
|
206
|
-
literal = holder.textmode == "literal",
|
207
|
-
exact = holder.textmode == "exact";
|
208
|
-
|
209
|
-
var ts = text_size(dimensions.width, dimensions.height, template);
|
210
|
-
var text_height = ts.height;
|
211
|
-
var width = dimensions.width * ratio,
|
212
|
-
height = dimensions.height * ratio;
|
213
|
-
var font = template.font ? template.font : "Arial,Helvetica,sans-serif";
|
214
|
-
canvas.width = width;
|
215
|
-
canvas.height = height;
|
216
|
-
ctx.textAlign = "center";
|
217
|
-
ctx.textBaseline = "middle";
|
218
|
-
ctx.fillStyle = template.background;
|
219
|
-
ctx.fillRect(0, 0, width, height);
|
220
|
-
ctx.fillStyle = template.foreground;
|
221
|
-
ctx.font = "bold " + text_height + "px " + font;
|
222
|
-
var text = template.text ? template.text : (Math.floor(dimensions.width) + "x" + Math.floor(dimensions.height));
|
223
|
-
if (literal) {
|
224
|
-
var dimensions = holder.dimensions;
|
225
|
-
text = dimensions.width + "x" + dimensions.height;
|
226
|
-
}
|
227
|
-
else if(exact && holder.exact_dimensions){
|
228
|
-
var dimensions = holder.exact_dimensions;
|
229
|
-
text = (Math.floor(dimensions.width) + "x" + Math.floor(dimensions.height));
|
230
|
-
}
|
231
|
-
var text_width = ctx.measureText(text).width;
|
232
|
-
if (text_width / width >= 0.75) {
|
233
|
-
text_height = Math.floor(text_height * 0.75 * (width / text_width));
|
234
|
-
}
|
235
|
-
//Resetting font size if necessary
|
236
|
-
ctx.font = "bold " + (text_height * ratio) + "px " + font;
|
237
|
-
ctx.fillText(text, (width / 2), (height / 2), width);
|
238
|
-
return canvas.toDataURL("image/png");
|
239
|
-
}
|
240
|
-
|
241
|
-
function draw_svg(args){
|
242
|
-
var dimensions = args.dimensions,
|
243
|
-
template = args.template,
|
244
|
-
holder = args.holder,
|
245
|
-
literal = holder.textmode == "literal",
|
246
|
-
exact = holder.textmode == "exact";
|
247
|
-
|
248
|
-
var ts = text_size(dimensions.width, dimensions.height, template);
|
249
|
-
var text_height = ts.height;
|
250
|
-
var width = dimensions.width,
|
251
|
-
height = dimensions.height;
|
252
|
-
|
253
|
-
var font = template.font ? template.font : "Arial,Helvetica,sans-serif";
|
254
|
-
var text = template.text ? template.text : (Math.floor(dimensions.width) + "x" + Math.floor(dimensions.height));
|
255
|
-
|
256
|
-
if (literal) {
|
257
|
-
var dimensions = holder.dimensions;
|
258
|
-
text = dimensions.width + "x" + dimensions.height;
|
259
|
-
}
|
260
|
-
else if(exact && holder.exact_dimensions){
|
261
|
-
var dimensions = holder.exact_dimensions;
|
262
|
-
text = (Math.floor(dimensions.width) + "x" + Math.floor(dimensions.height));
|
263
|
-
}
|
264
|
-
var string = svg_el({
|
265
|
-
text: text,
|
266
|
-
width:width,
|
267
|
-
height:height,
|
268
|
-
text_height:text_height,
|
269
|
-
font:font,
|
270
|
-
template:template
|
271
|
-
})
|
272
|
-
return "data:image/svg+xml;base64,"+btoa(unescape(encodeURIComponent(string)));
|
273
|
-
}
|
274
|
-
|
275
|
-
function draw(args) {
|
276
|
-
if(instance_config.use_canvas && !instance_config.use_svg){
|
277
|
-
return draw_canvas(args);
|
278
|
-
}
|
279
|
-
else{
|
280
|
-
return draw_svg(args);
|
281
|
-
}
|
282
|
-
}
|
283
|
-
|
284
|
-
function render(mode, el, holder, src) {
|
285
|
-
var dimensions = holder.dimensions,
|
286
|
-
theme = holder.theme,
|
287
|
-
text = holder.text ? decodeURIComponent(holder.text) : holder.text;
|
288
|
-
var dimensions_caption = dimensions.width + "x" + dimensions.height;
|
289
|
-
theme = (text ? extend(theme, {
|
290
|
-
text: text
|
291
|
-
}) : theme);
|
292
|
-
theme = (holder.font ? extend(theme, {
|
293
|
-
font: holder.font
|
294
|
-
}) : theme);
|
295
|
-
el.setAttribute("data-src", src);
|
296
|
-
holder.theme = theme;
|
297
|
-
el.holder_data = holder;
|
298
|
-
|
299
|
-
if (mode == "image") {
|
300
|
-
el.setAttribute("alt", text ? text : theme.text ? theme.text + " [" + dimensions_caption + "]" : dimensions_caption);
|
301
|
-
if (instance_config.use_fallback || !holder.auto) {
|
302
|
-
el.style.width = dimensions.width + "px";
|
303
|
-
el.style.height = dimensions.height + "px";
|
304
|
-
}
|
305
|
-
if (instance_config.use_fallback) {
|
306
|
-
el.style.backgroundColor = theme.background;
|
307
|
-
} else {
|
308
|
-
el.setAttribute("src", draw({ctx: ctx, dimensions: dimensions, template: theme, ratio:ratio, holder: holder}));
|
309
|
-
|
310
|
-
if(holder.textmode && holder.textmode == "exact"){
|
311
|
-
resizable_images.push(el);
|
312
|
-
resizable_update(el);
|
313
|
-
}
|
314
|
-
|
315
|
-
}
|
316
|
-
} else if (mode == "background") {
|
317
|
-
if (!instance_config.use_fallback) {
|
318
|
-
el.style.backgroundImage = "url(" + draw({ctx:ctx, dimensions: dimensions, template: theme, ratio: ratio, holder: holder}) + ")";
|
319
|
-
el.style.backgroundSize = dimensions.width + "px " + dimensions.height + "px";
|
320
|
-
}
|
321
|
-
} else if (mode == "fluid") {
|
322
|
-
el.setAttribute("alt", text ? text : theme.text ? theme.text + " [" + dimensions_caption + "]" : dimensions_caption);
|
323
|
-
if (dimensions.height.slice(-1) == "%") {
|
324
|
-
el.style.height = dimensions.height
|
325
|
-
} else if(holder.auto == null || !holder.auto){
|
326
|
-
el.style.height = dimensions.height + "px"
|
327
|
-
}
|
328
|
-
if (dimensions.width.slice(-1) == "%") {
|
329
|
-
el.style.width = dimensions.width
|
330
|
-
} else if(holder.auto == null || !holder.auto){
|
331
|
-
el.style.width = dimensions.width + "px"
|
332
|
-
}
|
333
|
-
if (el.style.display == "inline" || el.style.display === "" || el.style.display == "none") {
|
334
|
-
el.style.display = "block";
|
335
|
-
}
|
336
|
-
|
337
|
-
set_initial_dimensions(el)
|
338
|
-
|
339
|
-
if (instance_config.use_fallback) {
|
340
|
-
el.style.backgroundColor = theme.background;
|
341
|
-
} else {
|
342
|
-
resizable_images.push(el);
|
343
|
-
resizable_update(el);
|
344
|
-
}
|
345
|
-
}
|
346
|
-
}
|
347
|
-
|
348
|
-
function dimension_check(el, callback) {
|
349
|
-
var dimensions = {
|
350
|
-
height: el.clientHeight,
|
351
|
-
width: el.clientWidth
|
352
|
-
};
|
353
|
-
if (!dimensions.height && !dimensions.width) {
|
354
|
-
el.setAttribute("data-holder-invisible", true)
|
355
|
-
callback.call(this, el)
|
356
|
-
}
|
357
|
-
else{
|
358
|
-
el.removeAttribute("data-holder-invisible")
|
359
|
-
return dimensions;
|
360
|
-
}
|
361
|
-
}
|
362
|
-
|
363
|
-
function set_initial_dimensions(el){
|
364
|
-
if(el.holder_data){
|
365
|
-
var dimensions = dimension_check(el, app.invisible_error_fn( set_initial_dimensions))
|
366
|
-
if(dimensions){
|
367
|
-
var holder = el.holder_data;
|
368
|
-
holder.initial_dimensions = dimensions;
|
369
|
-
holder.fluid_data = {
|
370
|
-
fluid_height: holder.dimensions.height.slice(-1) == "%",
|
371
|
-
fluid_width: holder.dimensions.width.slice(-1) == "%",
|
372
|
-
mode: null
|
373
|
-
}
|
374
|
-
if(holder.fluid_data.fluid_width && !holder.fluid_data.fluid_height){
|
375
|
-
holder.fluid_data.mode = "width"
|
376
|
-
holder.fluid_data.ratio = holder.initial_dimensions.width / parseFloat(holder.dimensions.height)
|
377
|
-
}
|
378
|
-
else if(!holder.fluid_data.fluid_width && holder.fluid_data.fluid_height){
|
379
|
-
holder.fluid_data.mode = "height";
|
380
|
-
holder.fluid_data.ratio = parseFloat(holder.dimensions.width) / holder.initial_dimensions.height
|
381
|
-
}
|
382
|
-
}
|
383
|
-
}
|
384
|
-
}
|
385
|
-
|
386
|
-
function resizable_update(element) {
|
387
|
-
var images;
|
388
|
-
if (element.nodeType == null) {
|
389
|
-
images = resizable_images;
|
390
|
-
} else {
|
391
|
-
images = [element]
|
392
|
-
}
|
393
|
-
for (var i in images) {
|
394
|
-
if (!images.hasOwnProperty(i)) {
|
395
|
-
continue;
|
396
|
-
}
|
397
|
-
var el = images[i]
|
398
|
-
if (el.holder_data) {
|
399
|
-
var holder = el.holder_data;
|
400
|
-
var dimensions = dimension_check(el, app.invisible_error_fn( resizable_update))
|
401
|
-
if(dimensions){
|
402
|
-
if(holder.fluid){
|
403
|
-
if(holder.auto){
|
404
|
-
switch(holder.fluid_data.mode){
|
405
|
-
case "width":
|
406
|
-
dimensions.height = dimensions.width / holder.fluid_data.ratio;
|
407
|
-
break;
|
408
|
-
case "height":
|
409
|
-
dimensions.width = dimensions.height * holder.fluid_data.ratio;
|
410
|
-
break;
|
411
|
-
}
|
412
|
-
}
|
413
|
-
el.setAttribute("src", draw({
|
414
|
-
ctx: ctx,
|
415
|
-
dimensions: dimensions,
|
416
|
-
template: holder.theme,
|
417
|
-
ratio: ratio,
|
418
|
-
holder: holder
|
419
|
-
}))
|
420
|
-
}
|
421
|
-
if(holder.textmode && holder.textmode == "exact"){
|
422
|
-
holder.exact_dimensions = dimensions;
|
423
|
-
el.setAttribute("src", draw({
|
424
|
-
ctx: ctx,
|
425
|
-
dimensions: holder.dimensions,
|
426
|
-
template: holder.theme,
|
427
|
-
ratio: ratio,
|
428
|
-
holder: holder
|
429
|
-
}))
|
430
|
-
}
|
431
|
-
}
|
432
|
-
}
|
433
|
-
}
|
434
|
-
}
|
435
|
-
|
436
|
-
function parse_flags(flags, options) {
|
437
|
-
var ret = {
|
438
|
-
theme: extend(settings.themes.gray, {})
|
439
|
-
};
|
440
|
-
var render = false;
|
441
|
-
for (var fl = flags.length, j = 0; j < fl; j++) {
|
442
|
-
var flag = flags[j];
|
443
|
-
if (app.flags.dimensions.match(flag)) {
|
444
|
-
render = true;
|
445
|
-
ret.dimensions = app.flags.dimensions.output(flag);
|
446
|
-
} else if (app.flags.fluid.match(flag)) {
|
447
|
-
render = true;
|
448
|
-
ret.dimensions = app.flags.fluid.output(flag);
|
449
|
-
ret.fluid = true;
|
450
|
-
} else if (app.flags.textmode.match(flag)) {
|
451
|
-
ret.textmode = app.flags.textmode.output(flag)
|
452
|
-
} else if (app.flags.colors.match(flag)) {
|
453
|
-
ret.theme = app.flags.colors.output(flag);
|
454
|
-
} else if (options.themes[flag]) {
|
455
|
-
//If a theme is specified, it will override custom colors
|
456
|
-
if(options.themes.hasOwnProperty(flag)){
|
457
|
-
ret.theme = extend(options.themes[flag], {});
|
458
|
-
}
|
459
|
-
} else if (app.flags.font.match(flag)) {
|
460
|
-
ret.font = app.flags.font.output(flag);
|
461
|
-
} else if (app.flags.auto.match(flag)) {
|
462
|
-
ret.auto = true;
|
463
|
-
} else if (app.flags.text.match(flag)) {
|
464
|
-
ret.text = app.flags.text.output(flag);
|
465
|
-
}
|
466
|
-
}
|
467
|
-
return render ? ret : false;
|
468
|
-
}
|
469
|
-
|
470
|
-
for (var flag in app.flags) {
|
471
|
-
if (!app.flags.hasOwnProperty(flag)) continue;
|
472
|
-
app.flags[flag].match = function (val) {
|
473
|
-
return val.match(this.regex)
|
474
|
-
}
|
475
|
-
}
|
476
|
-
|
477
|
-
app.invisible_error_fn = function(fn){
|
478
|
-
return function(el){
|
479
|
-
if(el.hasAttribute("data-holder-invisible")){
|
480
|
-
throw new Error("Holder: invisible placeholder")
|
481
|
-
}
|
482
|
-
}
|
483
|
-
}
|
484
|
-
|
485
|
-
app.add_theme = function (name, theme) {
|
486
|
-
name != null && theme != null && (settings.themes[name] = theme);
|
487
|
-
return app;
|
488
|
-
};
|
489
|
-
|
490
|
-
app.add_image = function (src, el) {
|
491
|
-
var node = selector(el);
|
492
|
-
if (node.length) {
|
493
|
-
for (var i = 0, l = node.length; i < l; i++) {
|
494
|
-
var img = document.createElement("img")
|
495
|
-
img.setAttribute("data-src", src);
|
496
|
-
node[i].appendChild(img);
|
497
|
-
}
|
498
|
-
}
|
499
|
-
return app;
|
500
|
-
};
|
501
|
-
|
502
|
-
app.run = function (o) {
|
503
|
-
|
504
|
-
instance_config = extend({}, system_config)
|
505
|
-
preempted = true;
|
506
|
-
|
507
|
-
var options = extend(settings, o),
|
508
|
-
images = [],
|
509
|
-
imageNodes = [],
|
510
|
-
bgnodes = [];
|
511
|
-
|
512
|
-
if(options.use_canvas != null && options.use_canvas){
|
513
|
-
instance_config.use_canvas = true;
|
514
|
-
instance_config.use_svg = false;
|
515
|
-
}
|
516
|
-
|
517
|
-
if (typeof (options.images) == "string") {
|
518
|
-
imageNodes = selector(options.images);
|
519
|
-
} else if (window.NodeList && options.images instanceof window.NodeList) {
|
520
|
-
imageNodes = options.images;
|
521
|
-
} else if (window.Node && options.images instanceof window.Node) {
|
522
|
-
imageNodes = [options.images];
|
523
|
-
} else if(window.HTMLCollection && options.images instanceof window.HTMLCollection){
|
524
|
-
imageNodes = options.images
|
525
|
-
}
|
526
|
-
|
527
|
-
if (typeof (options.bgnodes) == "string") {
|
528
|
-
bgnodes = selector(options.bgnodes);
|
529
|
-
} else if (window.NodeList && options.elements instanceof window.NodeList) {
|
530
|
-
bgnodes = options.bgnodes;
|
531
|
-
} else if (window.Node && options.bgnodes instanceof window.Node) {
|
532
|
-
bgnodes = [options.bgnodes];
|
533
|
-
}
|
534
|
-
for (i = 0, l = imageNodes.length; i < l; i++) images.push(imageNodes[i]);
|
535
|
-
|
536
|
-
var holdercss = document.getElementById("holderjs-style");
|
537
|
-
if (!holdercss) {
|
538
|
-
holdercss = document.createElement("style");
|
539
|
-
holdercss.setAttribute("id", "holderjs-style");
|
540
|
-
holdercss.type = "text/css";
|
541
|
-
document.getElementsByTagName("head")[0].appendChild(holdercss);
|
542
|
-
}
|
543
|
-
|
544
|
-
if (!options.nocss) {
|
545
|
-
if (holdercss.styleSheet) {
|
546
|
-
holdercss.styleSheet.cssText += options.stylesheet;
|
547
|
-
} else {
|
548
|
-
if(options.stylesheet.length){
|
549
|
-
holdercss.appendChild(document.createTextNode(options.stylesheet));
|
550
|
-
}
|
551
|
-
}
|
552
|
-
}
|
553
|
-
|
554
|
-
var cssregex = new RegExp(options.domain + "\/(.*?)\"?\\)");
|
555
|
-
for (var l = bgnodes.length, i = 0; i < l; i++) {
|
556
|
-
var src = window.getComputedStyle(bgnodes[i], null)
|
557
|
-
.getPropertyValue("background-image");
|
558
|
-
var flags = src.match(cssregex);
|
559
|
-
var bgsrc = bgnodes[i].getAttribute("data-background-src");
|
560
|
-
if (flags) {
|
561
|
-
var holder = parse_flags(flags[1].split("/"), options);
|
562
|
-
if (holder) {
|
563
|
-
render("background", bgnodes[i], holder, src);
|
564
|
-
}
|
565
|
-
} else if (bgsrc != null) {
|
566
|
-
var holder = parse_flags(bgsrc.substr(bgsrc.lastIndexOf(options.domain) + options.domain.length + 1)
|
567
|
-
.split("/"), options);
|
568
|
-
if (holder) {
|
569
|
-
render("background", bgnodes[i], holder, src);
|
570
|
-
}
|
571
|
-
}
|
572
|
-
}
|
573
|
-
for (l = images.length, i = 0; i < l; i++) {
|
574
|
-
var attr_data_src, attr_src;
|
575
|
-
attr_src = attr_data_src = src = null;
|
576
|
-
try {
|
577
|
-
attr_src = images[i].getAttribute("src");
|
578
|
-
attr_datasrc = images[i].getAttribute("data-src");
|
579
|
-
} catch (e) {}
|
580
|
-
if (attr_datasrc == null && !! attr_src && attr_src.indexOf(options.domain) >= 0) {
|
581
|
-
src = attr_src;
|
582
|
-
} else if ( !! attr_datasrc && attr_datasrc.indexOf(options.domain) >= 0) {
|
583
|
-
src = attr_datasrc;
|
584
|
-
}
|
585
|
-
if (src) {
|
586
|
-
var holder = parse_flags(src.substr(src.lastIndexOf(options.domain) + options.domain.length + 1).split("/"), options);
|
587
|
-
if (holder) {
|
588
|
-
if (holder.fluid) {
|
589
|
-
render("fluid", images[i], holder, src)
|
590
|
-
} else {
|
591
|
-
render("image", images[i], holder, src);
|
592
|
-
}
|
593
|
-
}
|
594
|
-
}
|
595
|
-
}
|
596
|
-
return app;
|
597
|
-
};
|
598
|
-
|
599
|
-
contentLoaded(win, function () {
|
600
|
-
if (window.addEventListener) {
|
601
|
-
window.addEventListener("resize", resizable_update, false);
|
602
|
-
window.addEventListener("orientationchange", resizable_update, false);
|
603
|
-
} else {
|
604
|
-
window.attachEvent("onresize", resizable_update)
|
605
|
-
}
|
606
|
-
preempted || app.run({});
|
607
|
-
|
608
|
-
if (typeof window.Turbolinks === "object") {
|
609
|
-
document.addEventListener("page:change", function() { app.run({}) })
|
610
|
-
}
|
611
|
-
});
|
612
|
-
if (typeof define === "function" && define.amd) {
|
613
|
-
define([], function () {
|
614
|
-
return app;
|
615
|
-
});
|
616
|
-
}
|
617
|
-
|
618
|
-
//github.com/davidchambers/Base64.js
|
619
|
-
(function(){function t(t){this.message=t}var e="undefined"!=typeof exports?exports:this,r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";t.prototype=Error(),t.prototype.name="InvalidCharacterError",e.btoa||(e.btoa=function(e){for(var o,n,a=0,i=r,c="";e.charAt(0|a)||(i="=",a%1);c+=i.charAt(63&o>>8-8*(a%1))){if(n=e.charCodeAt(a+=.75),n>255)throw new t("'btoa' failed");o=o<<8|n}return c}),e.atob||(e.atob=function(e){if(e=e.replace(/=+$/,""),1==e.length%4)throw new t("'atob' failed");for(var o,n,a=0,i=0,c="";n=e.charAt(i++);~n&&(o=a%4?64*o+n:n,a++%4)?c+=String.fromCharCode(255&o>>(6&-2*a)):0)n=r.indexOf(n);return c})})();
|
620
|
-
|
621
|
-
//getElementsByClassName polyfill
|
622
|
-
document.getElementsByClassName||(document.getElementsByClassName=function(e){var t=document,n,r,i,s=[];if(t.querySelectorAll)return t.querySelectorAll("."+e);if(t.evaluate){r=".//*[contains(concat(' ', @class, ' '), ' "+e+" ')]",n=t.evaluate(r,t,null,0,null);while(i=n.iterateNext())s.push(i)}else{n=t.getElementsByTagName("*"),r=new RegExp("(^|\\s)"+e+"(\\s|$)");for(i=0;i<n.length;i++)r.test(n[i].className)&&s.push(n[i])}return s})
|
623
|
-
|
624
|
-
//getComputedStyle polyfill
|
625
|
-
window.getComputedStyle||(window.getComputedStyle=function(e){return this.el=e,this.getPropertyValue=function(t){var n=/(\-([a-z]){1})/g;return t=="float"&&(t="styleFloat"),n.test(t)&&(t=t.replace(n,function(){return arguments[2].toUpperCase()})),e.currentStyle[t]?e.currentStyle[t]:null},this})
|
626
|
-
|
627
|
-
//http://javascript.nwbox.com/ContentLoaded by Diego Perini with modifications
|
628
|
-
function contentLoaded(n,t){var l="complete",s="readystatechange",u=!1,h=u,c=!0,i=n.document,a=i.documentElement,e=i.addEventListener?"addEventListener":"attachEvent",v=i.addEventListener?"removeEventListener":"detachEvent",f=i.addEventListener?"":"on",r=function(e){(e.type!=s||i.readyState==l)&&((e.type=="load"?n:i)[v](f+e.type,r,u),!h&&(h=!0)&&t.call(n,null))},o=function(){try{a.doScroll("left")}catch(n){setTimeout(o,50);return}r("poll")};if(i.readyState==l)t.call(n,"lazy");else{if(i.createEventObject&&a.doScroll){try{c=!n.frameElement}catch(y){}c&&o()}i[e](f+"DOMContentLoaded",r,u),i[e](f+s,r,u),n[e](f+"load",r,u)}}
|
629
|
-
|
630
|
-
//https://gist.github.com/991057 by Jed Schmidt with modifications
|
631
|
-
function selector(a,b){var a=a.match(/^(\W)?(.*)/),b=b||document,c=b["getElement"+(a[1]?"#"==a[1]?"ById":"sByClassName":"sByTagName")],d=c.call(b,a[2]),e=[];return null!==d&&(e=d.length||0===d.length?d:[d]),e}
|
632
|
-
|
633
|
-
//shallow object property extend
|
634
|
-
function extend(a,b){
|
635
|
-
var c={};
|
636
|
-
for(var i in a){
|
637
|
-
if(a.hasOwnProperty(i)){
|
638
|
-
c[i]=a[i];
|
639
|
-
}
|
640
|
-
}
|
641
|
-
for(var i in b){
|
642
|
-
if(b.hasOwnProperty(i)){
|
643
|
-
c[i]=b[i];
|
644
|
-
}
|
645
|
-
}
|
646
|
-
return c
|
647
|
-
}
|
648
|
-
|
649
|
-
//hasOwnProperty polyfill
|
650
|
-
if (!Object.prototype.hasOwnProperty)
|
651
|
-
/*jshint -W001, -W103 */
|
652
|
-
Object.prototype.hasOwnProperty = function(prop) {
|
653
|
-
var proto = this.__proto__ || this.constructor.prototype;
|
654
|
-
return (prop in this) && (!(prop in proto) || proto[prop] !== this[prop]);
|
655
|
-
}
|
656
|
-
/*jshint +W001, +W103 */
|
657
|
-
|
658
|
-
})(Holder, window);
|
12
|
+
!function(e,t,r){t[e]=r}("onDomReady",this,function(e){"use strict";function t(e){if(!b){if(!a.body)return i(t);for(b=!0;e=S.shift();)i(e)}}function r(e){(y||e.type===s||a[c]===u)&&(n(),t())}function n(){y?(a[x](m,r,d),e[x](s,r,d)):(a[g](v,r),e[g](h,r))}function i(e,t){setTimeout(e,+t>=0?t:1)}function o(e){b?i(e):S.push(e)}null==document.readyState&&document.addEventListener&&(document.addEventListener("DOMContentLoaded",function E(){document.removeEventListener("DOMContentLoaded",E,!1),document.readyState="complete"},!1),document.readyState="loading");var a=e.document,l=a.documentElement,s="load",d=!1,h="on"+s,u="complete",c="readyState",f="attachEvent",g="detachEvent",p="addEventListener",m="DOMContentLoaded",v="onreadystatechange",x="removeEventListener",y=p in a,w=d,b=d,S=[];if(a[c]===u)i(t);else if(y)a[p](m,r,d),e[p](s,r,d);else{a[f](v,r),e[f](h,r);try{w=null==e.frameElement&&l}catch(C){}w&&w.doScroll&&!function k(){if(!b){try{w.doScroll("left")}catch(e){return i(k,50)}n(),t()}}()}return o.version="1.4.0",o.isReady=function(){return b},o}(this)),document.querySelectorAll||(document.querySelectorAll=function(e){var t,r=document.createElement("style"),n=[];for(document.documentElement.firstChild.appendChild(r),document._qsa=[],r.styleSheet.cssText=e+"{x-qsa:expression(document._qsa && document._qsa.push(this))}",window.scrollBy(0,0),r.parentNode.removeChild(r);document._qsa.length;)t=document._qsa.shift(),t.style.removeAttribute("x-qsa"),n.push(t);return document._qsa=null,n}),document.querySelector||(document.querySelector=function(e){var t=document.querySelectorAll(e);return t.length?t[0]:null}),document.getElementsByClassName||(document.getElementsByClassName=function(e){return e=String(e).replace(/^|\s+/g,"."),document.querySelectorAll(e)}),Object.keys||(Object.keys=function(e){if(e!==Object(e))throw TypeError("Object.keys called on non-object");var t,r=[];for(t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.push(t);return r}),function(e){var t="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=";e.atob=e.atob||function(e){e=String(e);var r,n=0,i=[],o=0,a=0;if(e=e.replace(/\s/g,""),e.length%4===0&&(e=e.replace(/=+$/,"")),e.length%4===1)throw Error("InvalidCharacterError");if(/[^+/0-9A-Za-z]/.test(e))throw Error("InvalidCharacterError");for(;n<e.length;)r=t.indexOf(e.charAt(n)),o=o<<6|r,a+=6,24===a&&(i.push(String.fromCharCode(o>>16&255)),i.push(String.fromCharCode(o>>8&255)),i.push(String.fromCharCode(255&o)),a=0,o=0),n+=1;return 12===a?(o>>=4,i.push(String.fromCharCode(255&o))):18===a&&(o>>=2,i.push(String.fromCharCode(o>>8&255)),i.push(String.fromCharCode(255&o))),i.join("")},e.btoa=e.btoa||function(e){e=String(e);var r,n,i,o,a,l,s,d=0,h=[];if(/[^\x00-\xFF]/.test(e))throw Error("InvalidCharacterError");for(;d<e.length;)r=e.charCodeAt(d++),n=e.charCodeAt(d++),i=e.charCodeAt(d++),o=r>>2,a=(3&r)<<4|n>>4,l=(15&n)<<2|i>>6,s=63&i,d===e.length+2?(l=64,s=64):d===e.length+1&&(s=64),h.push(t.charAt(o),t.charAt(a),t.charAt(l),t.charAt(s));return h.join("")}}(this),function(){function e(t,r,n){t.document;var i,o=t.currentStyle[r].match(/([\d\.]+)(%|cm|em|in|mm|pc|pt|)/)||[0,0,""],a=o[1],l=o[2];return n=n?/%|em/.test(l)&&t.parentElement?e(t.parentElement,"fontSize",null):16:n,i="fontSize"==r?n:/width/i.test(r)?t.clientWidth:t.clientHeight,"%"==l?a/100*i:"cm"==l?.3937*a*96:"em"==l?a*n:"in"==l?96*a:"mm"==l?.3937*a*96/10:"pc"==l?12*a*96/72:"pt"==l?96*a/72:a}function t(e,t){var r="border"==t?"Width":"",n=t+"Top"+r,i=t+"Right"+r,o=t+"Bottom"+r,a=t+"Left"+r;e[t]=(e[n]==e[i]&&e[n]==e[o]&&e[n]==e[a]?[e[n]]:e[n]==e[o]&&e[a]==e[i]?[e[n],e[i]]:e[a]==e[i]?[e[n],e[i],e[o]]:[e[n],e[i],e[o],e[a]]).join(" ")}function r(r){var n,i=this,o=r.currentStyle,a=e(r,"fontSize"),l=function(e){return"-"+e.toLowerCase()};for(n in o)if(Array.prototype.push.call(i,"styleFloat"==n?"float":n.replace(/[A-Z]/,l)),"width"==n)i[n]=r.offsetWidth+"px";else if("height"==n)i[n]=r.offsetHeight+"px";else if("styleFloat"==n)i.float=o[n];else if(/margin.|padding.|border.+W/.test(n)&&"auto"!=i[n])i[n]=Math.round(e(r,n,a))+"px";else if(/^outline/.test(n))try{i[n]=o[n]}catch(s){i.outlineColor=o.color,i.outlineStyle=i.outlineStyle||"none",i.outlineWidth=i.outlineWidth||"0px",i.outline=[i.outlineColor,i.outlineWidth,i.outlineStyle].join(" ")}else i[n]=o[n];t(i,"margin"),t(i,"padding"),t(i,"border"),i.fontSize=Math.round(a)+"px"}window.getComputedStyle||(r.prototype={constructor:r,getPropertyPriority:function(){throw new Error("NotSupportedError: DOM Exception 9")},getPropertyValue:function(e){return this[e.replace(/-\w/g,function(e){return e[1].toUpperCase()})]},item:function(e){return this[e]},removeProperty:function(){throw new Error("NoModificationAllowedError: DOM Exception 7")},setProperty:function(){throw new Error("NoModificationAllowedError: DOM Exception 7")},getPropertyCSSValue:function(){throw new Error("NotSupportedError: DOM Exception 9")}},window.getComputedStyle=Window.prototype.getComputedStyle=function(e){return new r(e)})}(),Object.prototype.hasOwnProperty||(Object.prototype.hasOwnProperty=function(e){var t=this.__proto__||this.constructor.prototype;return e in this&&(!(e in t)||t[e]!==this[e])}),function(e,t){e.augment=t()}(this,function(){"use strict";var e=function(){},t=Array.prototype.slice,r=function(r,n){var i=e.prototype="function"==typeof r?r.prototype:r,o=new e,a=n.apply(o,t.call(arguments,2).concat(i));if("object"==typeof a)for(var l in a)o[l]=a[l];if(!o.hasOwnProperty("constructor"))return o;var s=o.constructor;return s.prototype=o,s};return r.defclass=function(e){var t=e.constructor;return t.prototype=e,t},r.extend=function(e,t){return r(e,function(e){return this.uber=e,t})},r}),function(e,t){function r(e,t,r,o){var a=n(r.substr(r.lastIndexOf(e.domain)),e);a&&i(null,o,a,t)}function n(e,t){for(var r={theme:p(A.settings.themes.gray,null),stylesheets:t.stylesheets,holderURL:[]},n=!1,i=String.fromCharCode(11),o=e.replace(/([^\\])\//g,"$1"+i).split(i),a=/%[0-9a-f]{2}/gi,l=o.length,s=0;l>s;s++){var d=o[s];if(d.match(a))try{d=decodeURIComponent(d)}catch(h){d=o[s]}var u=!1;if(A.flags.dimensions.match(d))n=!0,r.dimensions=A.flags.dimensions.output(d),u=!0;else if(A.flags.fluid.match(d))n=!0,r.dimensions=A.flags.fluid.output(d),r.fluid=!0,u=!0;else if(A.flags.textmode.match(d))r.textmode=A.flags.textmode.output(d),u=!0;else if(A.flags.colors.match(d)){var c=A.flags.colors.output(d);r.theme=p(r.theme,c),u=!0}else if(t.themes[d])t.themes.hasOwnProperty(d)&&(r.theme=p(t.themes[d],null)),u=!0;else if(A.flags.font.match(d))r.font=A.flags.font.output(d),u=!0;else if(A.flags.auto.match(d))r.auto=!0,u=!0;else if(A.flags.text.match(d))r.text=A.flags.text.output(d),u=!0;else if(A.flags.random.match(d)){null==A.vars.cache.themeKeys&&(A.vars.cache.themeKeys=Object.keys(t.themes));var f=A.vars.cache.themeKeys[0|Math.random()*A.vars.cache.themeKeys.length];r.theme=p(t.themes[f],null),u=!0}u&&r.holderURL.push(d)}return r.holderURL.unshift(t.domain),r.holderURL=r.holderURL.join("/"),n?r:!1}function i(e,t,r,n){var i=r.dimensions,a=r.theme,l=i.width+"x"+i.height;if(e=null==e?r.fluid?"fluid":"image":e,null!=r.text&&(a.text=r.text,"object"===t.nodeName.toLowerCase())){for(var d=a.text.split("\\n"),u=0;u<d.length;u++)d[u]=b(d[u]);a.text=d.join("\\n")}var f=r.holderURL,g=p(n,null);r.font&&(a.font=r.font,!g.noFontFallback&&"img"===t.nodeName.toLowerCase()&&A.setup.supportsCanvas&&"svg"===g.renderer&&(g=p(g,{renderer:"canvas"}))),r.font&&"canvas"==g.renderer&&(g.reRender=!0),"background"==e?null==t.getAttribute("data-background-src")&&c(t,{"data-background-src":f}):c(t,{"data-src":f}),r.theme=a,t.holderData={flags:r,renderSettings:g},("image"==e||"fluid"==e)&&c(t,{alt:a.text?(a.text.length>16?a.text.substring(0,16)+"…":a.text)+" ["+l+"]":l}),"image"==e?("html"!=g.renderer&&r.auto||(t.style.width=i.width+"px",t.style.height=i.height+"px"),"html"==g.renderer?t.style.backgroundColor=a.background:(o(e,{dimensions:i,theme:a,flags:r},t,g),r.textmode&&"exact"==r.textmode&&(A.vars.resizableImages.push(t),s(t)))):"background"==e&&"html"!=g.renderer?o(e,{dimensions:i,theme:a,flags:r},t,g):"fluid"==e&&("%"==i.height.slice(-1)?t.style.height=i.height:null!=r.auto&&r.auto||(t.style.height=i.height+"px"),"%"==i.width.slice(-1)?t.style.width=i.width:null!=r.auto&&r.auto||(t.style.width=i.width+"px"),("inline"==t.style.display||""===t.style.display||"none"==t.style.display)&&(t.style.display="block"),h(t),"html"==g.renderer?t.style.backgroundColor=a.background:(A.vars.resizableImages.push(t),s(t)))}function o(e,t,r,n){function i(){var e=null;switch(n.renderer){case"canvas":e=L(s);break;case"svg":e=O(s,n);break;default:throw"Holder: invalid renderer: "+n.renderer}return e}var o=null;switch(n.renderer){case"svg":if(!A.setup.supportsSVG)return;break;case"canvas":if(!A.setup.supportsCanvas)return;break;default:return}{var l={width:t.dimensions.width,height:t.dimensions.height,theme:t.theme,flags:t.flags},s=a(l);({text:l.text,width:l.width,height:l.height,textHeight:l.font.size,font:l.font.family,fontWeight:l.font.weight,template:l.theme})}if(o=i(),null==o)throw"Holder: couldn't render placeholder";"background"==e?(r.style.backgroundImage="url("+o+")",r.style.backgroundSize=l.width+"px "+l.height+"px"):("img"===r.nodeName.toLowerCase()?c(r,{src:o}):"object"===r.nodeName.toLowerCase()&&(c(r,{data:o}),c(r,{type:"image/svg+xml"})),n.reRender&&setTimeout(function(){var e=i();if(null==e)throw"Holder: couldn't render placeholder";"img"===r.nodeName.toLowerCase()?c(r,{src:e}):"object"===r.nodeName.toLowerCase()&&(c(r,{data:e}),c(r,{type:"image/svg+xml"}))},100)),c(r,{"data-holder-rendered":!0})}function a(e){function t(e,t,r,n){t.width=r,t.height=n,e.width=Math.max(e.width,t.width),e.height+=t.height,e.add(t)}switch(e.font={family:e.theme.font?e.theme.font:"Arial, Helvetica, Open Sans, sans-serif",size:l(e.width,e.height,e.theme.size?e.theme.size:12),weight:e.theme.fontweight?e.theme.fontweight:"bold"},e.text=e.theme.text?e.theme.text:Math.floor(e.width)+"x"+Math.floor(e.height),e.flags.textmode){case"literal":e.text=e.flags.dimensions.width+"x"+e.flags.dimensions.height;break;case"exact":if(!e.flags.exactDimensions)break;e.text=Math.floor(e.flags.exactDimensions.width)+"x"+Math.floor(e.flags.exactDimensions.height)}var r=new F({width:e.width,height:e.height}),n=r.Shape,i=new n.Rect("holderBg",{fill:e.theme.background});i.resize(e.width,e.height),r.root.add(i);var o=new n.Group("holderTextGroup",{text:e.text,align:"center",font:e.font,fill:e.theme.foreground});o.moveTo(null,null,1),r.root.add(o);var a=o.textPositionData=T(r);if(!a)throw"Holder: staging fallback not supported yet.";o.properties.leading=a.boundingBox.height;var s=null,d=null;if(a.lineCount>1){var h=0,u=0,c=e.width*A.setup.lineWrapRatio,f=0;d=new n.Group("line"+f);for(var g=0;g<a.words.length;g++){var p=a.words[g];s=new n.Text(p.text);var m="\\n"==p.text;(h+p.width>=c||m===!0)&&(t(o,d,h,o.properties.leading),h=0,u+=o.properties.leading,f+=1,d=new n.Group("line"+f),d.y=u),m!==!0&&(s.moveTo(h,0),h+=a.spaceWidth+p.width,d.add(s))}t(o,d,h,o.properties.leading);for(var v in o.children)d=o.children[v],d.moveTo((o.width-d.width)/2,null,null);o.moveTo((e.width-o.width)/2,(e.height-o.height)/2,null),(e.height-o.height)/2<0&&o.moveTo(null,0,null)}else s=new n.Text(e.text),d=new n.Group("line0"),d.add(s),o.add(d),o.moveTo((e.width-a.boundingBox.width)/2,(e.height-a.boundingBox.height)/2,null);return r}function l(e,t,r){t=parseInt(t,10),e=parseInt(e,10);var n=Math.max(t,e),i=Math.min(t,e),o=1/12,a=Math.min(.75*i,.75*n*o);return Math.round(Math.max(r,a))}function s(e){var t;t=null==e||null==e.nodeType?A.vars.resizableImages:[e];for(var r in t)if(t.hasOwnProperty(r)){var n=t[r];if(n.holderData){var i=n.holderData.flags,a=d(n,k.invisibleErrorFn(s));if(a){if(i.fluid&&i.auto){var l=n.holderData.fluidConfig;switch(l.mode){case"width":a.height=a.width/l.ratio;break;case"height":a.width=a.height*l.ratio}}var h={dimensions:a,theme:i.theme,flags:i};i.textmode&&"exact"==i.textmode&&(i.exactDimensions=a,h.dimensions=i.dimensions),o("image",h,n,n.holderData.renderSettings)}}}}function d(e,t){var r={height:e.clientHeight,width:e.clientWidth};return r.height||r.width?(e.removeAttribute("data-holder-invisible"),r):(c(e,{"data-holder-invisible":!0}),void t.call(this,e))}function h(e){if(e.holderData){var t=d(e,k.invisibleErrorFn(h));if(t){var r=e.holderData.flags,n={fluidHeight:"%"==r.dimensions.height.slice(-1),fluidWidth:"%"==r.dimensions.width.slice(-1),mode:null,initialDimensions:t};n.fluidWidth&&!n.fluidHeight?(n.mode="width",n.ratio=n.initialDimensions.width/parseFloat(r.dimensions.height)):!n.fluidWidth&&n.fluidHeight&&(n.mode="height",n.ratio=parseFloat(r.dimensions.width)/n.initialDimensions.height),e.holderData.fluidConfig=n}}}function u(e,t){return null==t?E.createElement(e):E.createElementNS(t,e)}function c(e,t){for(var r in t)e.setAttribute(r,t[r])}function f(e,t,r){if(null==e){e=u("svg",C);var n=u("defs",C);e.appendChild(n)}return e.webkitMatchesSelector&&e.setAttribute("xmlns",C),c(e,{width:t,height:r,viewBox:"0 0 "+t+" "+r,preserveAspectRatio:"none"}),e}function g(e,r){if(t.XMLSerializer){{var n=new XMLSerializer,i="",o=r.stylesheets;e.querySelector("defs")}if(r.svgXMLStylesheet){for(var a=(new DOMParser).parseFromString("<xml />","application/xml"),l=o.length-1;l>=0;l--){var s=a.createProcessingInstruction("xml-stylesheet",'href="'+o[l]+'" rel="stylesheet"');a.insertBefore(s,a.firstChild)}var d=a.createProcessingInstruction("xml",'version="1.0" encoding="UTF-8" standalone="yes"');a.insertBefore(d,a.firstChild),a.removeChild(a.documentElement),i=n.serializeToString(a)}var h=n.serializeToString(e);return h=h.replace(/\&(\#[0-9]{2,}\;)/g,"&$1"),i+h}}function p(e,t){var r={};for(var n in e)e.hasOwnProperty(n)&&(r[n]=e[n]);if(null!=t)for(var i in t)t.hasOwnProperty(i)&&(r[i]=t[i]);return r}function m(e){var t=[];for(var r in e)e.hasOwnProperty(r)&&t.push(r+":"+e[r]);return t.join(";")}function v(e){A.vars.debounceTimer||e.call(this),A.vars.debounceTimer&&clearTimeout(A.vars.debounceTimer),A.vars.debounceTimer=setTimeout(function(){A.vars.debounceTimer=null,e.call(this)},A.setup.debounce)}function x(){v(function(){s(null)})}function y(e){var r=null;return"string"==typeof e?r=E.querySelectorAll(e):t.NodeList&&e instanceof t.NodeList?r=e:t.Node&&e instanceof t.Node?r=[e]:t.HTMLCollection&&e instanceof t.HTMLCollection?r=e:null===e&&(r=[]),r}function w(e,t){var r=new Image;r.onerror=function(){t.call(this,!1,e)},r.onload=function(){t.call(this,!0,e)},r.src=e.src}function b(e){for(var t=[],r=0,n=e.length-1;n>=0;n--)r=e[n].charCodeAt(),t.unshift(r>128?["&#",r,";"].join(""):e[n]);return t.join("")}function S(e){return e.replace(/&#(\d+);/g,function(e,t){return String.fromCharCode(t)})}var C="http://www.w3.org/2000/svg",E=t.document,k={addTheme:function(e,t){return null!=e&&null!=t&&(A.settings.themes[e]=t),delete A.vars.cache.themeKeys,this},addImage:function(e,t){var r=E.querySelectorAll(t);if(r.length)for(var n=0,i=r.length;i>n;n++){var o=u("img");c(o,{"data-src":e}),r[n].appendChild(o)}return this},run:function(e){e=e||{};var o={};A.vars.preempted=!0;var a=p(A.settings,e);o.renderer=a.renderer?a.renderer:A.setup.renderer,-1===A.setup.renderers.join(",").indexOf(o.renderer)&&(o.renderer=A.setup.supportsSVG?"svg":A.setup.supportsCanvas?"canvas":"html"),a.use_canvas?o.renderer="canvas":a.use_svg&&(o.renderer="svg");var l=y(a.images),s=y(a.bgnodes),d=y(a.stylenodes),h=y(a.objects);o.stylesheets=[],o.svgXMLStylesheet=!0,o.noFontFallback=a.noFontFallback?a.noFontFallback:!1;for(var c=0;c<d.length;c++){var f=d[c];if(f.attributes.rel&&f.attributes.href&&"stylesheet"==f.attributes.rel.value){var g=f.attributes.href.value,m=u("a");m.href=g;var v=m.protocol+"//"+m.host+m.pathname+m.search;o.stylesheets.push(v)}}for(c=0;c<s.length;c++){var x=t.getComputedStyle(s[c],null).getPropertyValue("background-image"),b=s[c].getAttribute("data-background-src"),S=null;S=null==b?x:b;var C=null,E="?"+a.domain+"/";if(0===S.indexOf(E))C=S.slice(1);else if(-1!=S.indexOf(E)){var k=S.substr(S.indexOf(E)).slice(1),T=k.match(/([^\"]*)"?\)/);null!=T&&(C=T[1])}if(null!=C){var L=n(C,a);L&&i("background",s[c],L,o)}}for(c=0;c<h.length;c++){var O=h[c],F={};try{F.data=O.getAttribute("data"),F.dataSrc=O.getAttribute("data-src")}catch(z){}var M=null!=F.data&&0===F.data.indexOf(a.domain),D=null!=F.dataSrc&&0===F.dataSrc.indexOf(a.domain);M?r(a,o,F.data,O):D&&r(a,o,F.dataSrc,O)}for(c=0;c<l.length;c++){var R=l[c],j={};try{j.src=R.getAttribute("src"),j.dataSrc=R.getAttribute("data-src"),j.rendered=R.getAttribute("data-holder-rendered")}catch(z){}var B=null!=j.src,P=null!=j.dataSrc&&0===j.dataSrc.indexOf(a.domain),N=null!=j.rendered&&"true"==j.rendered;B?0===j.src.indexOf(a.domain)?r(a,o,j.src,R):P&&(N?r(a,o,j.dataSrc,R):w({src:j.src,options:a,renderSettings:o,dataSrc:j.dataSrc,image:R},function(e,t){e||r(t.options,t.renderSettings,t.dataSrc,t.image)})):P&&r(a,o,j.dataSrc,R)}return this},invisibleErrorFn:function(){return function(e){if(e.hasAttribute("data-holder-invisible"))throw"Holder: invisible placeholder"}}};k.add_theme=k.addTheme,k.add_image=k.addImage,k.invisible_error_fn=k.invisibleErrorFn;var A={settings:{domain:"holder.js",images:"img",objects:"object",bgnodes:"body .holderjs",stylenodes:"head link.holderjs",stylesheets:[],themes:{gray:{background:"#EEEEEE",foreground:"#AAAAAA"},social:{background:"#3a5a97",foreground:"#FFFFFF"},industrial:{background:"#434A52",foreground:"#C2F200"},sky:{background:"#0D8FDB",foreground:"#FFFFFF"},vine:{background:"#39DBAC",foreground:"#1E292C"},lava:{background:"#F8591A",foreground:"#1C2846",size:12}}},flags:{dimensions:{regex:/^(\d+)x(\d+)$/,output:function(e){var t=this.regex.exec(e);return{width:+t[1],height:+t[2]}}},fluid:{regex:/^([0-9]+%?)x([0-9]+%?)$/,output:function(e){var t=this.regex.exec(e);return{width:t[1],height:t[2]}}},colors:{regex:/(?:#|\^)([0-9a-f]{3,})\:(?:#|\^)([0-9a-f]{3,})/i,output:function(e){var t=this.regex.exec(e);return{foreground:"#"+t[2],background:"#"+t[1]}}},text:{regex:/text\:(.*)/,output:function(e){return this.regex.exec(e)[1].replace("\\/","/")}},font:{regex:/font\:(.*)/,output:function(e){return this.regex.exec(e)[1]}},auto:{regex:/^auto$/},textmode:{regex:/textmode\:(.*)/,output:function(e){return this.regex.exec(e)[1]}},random:{regex:/^random$/}}},T=function(){var e=null,t=null,r=null;return function(n){var i=n.root;if(A.setup.supportsSVG){var o=!1,a=function(e){return E.createTextNode(e)};null==e&&(o=!0),e=f(e,i.properties.width,i.properties.height),o&&(t=u("text",C),r=a(null),c(t,{x:0}),t.appendChild(r),e.appendChild(t),E.body.appendChild(e),e.style.visibility="hidden",e.style.position="absolute",e.style.top="-100%",e.style.left="-100%");var l=i.children.holderTextGroup,s=l.properties;c(t,{y:s.font.size,style:m({"font-weight":s.font.weight,"font-size":s.font.size+"px","font-family":s.font.family,"dominant-baseline":"middle"})}),r.nodeValue=s.text;var d=t.getBBox(),h=Math.ceil(d.width/(i.properties.width*A.setup.lineWrapRatio)),g=s.text.split(" "),p=s.text.match(/\\n/g);h+=null==p?0:p.length,r.nodeValue=s.text.replace(/[ ]+/g,"");var v=t.getComputedTextLength(),x=d.width-v,y=Math.round(x/Math.max(1,g.length-1)),w=[];if(h>1){r.nodeValue="";for(var b=0;b<g.length;b++)if(0!==g[b].length){r.nodeValue=S(g[b]);var k=t.getBBox();w.push({text:g[b],width:k.width})}}return{spaceWidth:y,lineCount:h,boundingBox:d,words:w}}return!1}}(),L=function(){var e=u("canvas"),t=null;return function(r){null==t&&(t=e.getContext("2d"));var n=r.root;e.width=A.dpr(n.properties.width),e.height=A.dpr(n.properties.height),t.textBaseline="middle",t.fillStyle=n.children.holderBg.properties.fill,t.fillRect(0,0,A.dpr(n.children.holderBg.width),A.dpr(n.children.holderBg.height));{var i=n.children.holderTextGroup;i.properties}t.font=i.properties.font.weight+" "+A.dpr(i.properties.font.size)+"px "+i.properties.font.family+", monospace",t.fillStyle=i.properties.fill;for(var o in i.children){var a=i.children[o];for(var l in a.children){var s=a.children[l],d=A.dpr(i.x+a.x+s.x),h=A.dpr(i.y+a.y+s.y+i.properties.leading/2);t.fillText(s.properties.text,d,h)}}return e.toDataURL("image/png")}}(),O=function(){if(t.XMLSerializer){var e=f(null,0,0),r=u("rect",C);return e.appendChild(r),function(t,n){var i=t.root;f(e,i.properties.width,i.properties.height);for(var o=e.querySelectorAll("g"),a=0;a<o.length;a++)o[a].parentNode.removeChild(o[a]);c(r,{width:i.children.holderBg.width,height:i.children.holderBg.height,fill:i.children.holderBg.properties.fill});var l=i.children.holderTextGroup,s=l.properties,d=u("g",C);e.appendChild(d);for(var h in l.children){var p=l.children[h];for(var v in p.children){var x=p.children[v],y=l.x+p.x+x.x,w=l.y+p.y+x.y+l.properties.leading/2,b=u("text",C),S=E.createTextNode(null);c(b,{x:y,y:w,style:m({fill:s.fill,"font-weight":s.font.weight,"font-family":s.font.family+", monospace","font-size":s.font.size+"px","dominant-baseline":"central"})}),S.nodeValue=x.properties.text,b.appendChild(S),d.appendChild(b)}}var k="data:image/svg+xml;base64,"+btoa(unescape(encodeURIComponent(g(e,n))));return k}}}(),F=function(e){function t(e,t){for(var r in t)e[r]=t[r];return e}var r=1,n=augment.defclass({constructor:function(e){r++,this.parent=null,this.children={},this.id=r,this.name="n"+r,null!=e&&(this.name=e),this.x=0,this.y=0,this.z=0,this.width=0,this.height=0},resize:function(e,t){null!=e&&(this.width=e),null!=t&&(this.height=t)},moveTo:function(e,t,r){this.x=null!=e?e:this.x,this.y=null!=t?t:this.y,this.z=null!=r?r:this.z},add:function(e){var t=e.name;if(null!=this.children[t])throw"SceneGraph: child with that name already exists: "+t;this.children[t]=e,e.parent=this}}),i=augment(n,function(t){this.constructor=function(){t.constructor.call(this,"root"),this.properties=e}}),o=augment(n,function(e){function r(r,n){if(e.constructor.call(this,r),this.properties={fill:"#000"},null!=n)t(this.properties,n);else if(null!=r&&"string"!=typeof r)throw"SceneGraph: invalid node name"}this.Group=augment.extend(this,{constructor:r,type:"group"}),this.Rect=augment.extend(this,{constructor:r,type:"rect"}),this.Text=augment.extend(this,{constructor:function(e){r.call(this),this.properties.text=e},type:"text"})}),a=new i;return this.Shape=o,this.root=a,this};for(var z in A.flags)A.flags.hasOwnProperty(z)&&(A.flags[z].match=function(e){return e.match(this.regex)});A.setup={renderer:"html",debounce:100,ratio:1,supportsCanvas:!1,supportsSVG:!1,lineWrapRatio:.9,renderers:["html","canvas","svg"]},A.dpr=function(e){return e*A.setup.ratio},A.vars={preempted:!1,resizableImages:[],debounceTimer:null,cache:{}},function(){var e=1,r=1,n=u("canvas"),i=null;n.getContext&&-1!=n.toDataURL("image/png").indexOf("data:image/png")&&(A.setup.renderer="canvas",i=n.getContext("2d"),A.setup.supportsCanvas=!0),A.setup.supportsCanvas&&(e=t.devicePixelRatio||1,r=i.webkitBackingStorePixelRatio||i.mozBackingStorePixelRatio||i.msBackingStorePixelRatio||i.oBackingStorePixelRatio||i.backingStorePixelRatio||1),A.setup.ratio=e/r,E.createElementNS&&E.createElementNS(C,"svg").createSVGRect&&(A.setup.renderer="svg",A.setup.supportsSVG=!0)}(),e(k,"Holder",t),t.onDomReady&&t.onDomReady(function(){A.vars.preempted||k.run(),t.addEventListener?(t.addEventListener("resize",x,!1),t.addEventListener("orientationchange",x,!1)):t.attachEvent("onresize",x),"object"==typeof t.Turbolinks&&t.document.addEventListener("page:change",function(){k.run()})})}(function(e,t,r){var n="function"==typeof define&&define.amd;n?define(e):r[t]=e},this);
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: holder_rails
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 2.
|
4
|
+
version: 2.4.0
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Nihad Abbasov
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2014-
|
11
|
+
date: 2014-11-24 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: railties
|
@@ -62,9 +62,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
62
62
|
version: '0'
|
63
63
|
requirements: []
|
64
64
|
rubyforge_project:
|
65
|
-
rubygems_version: 2.
|
65
|
+
rubygems_version: 2.3.0
|
66
66
|
signing_key:
|
67
67
|
specification_version: 4
|
68
|
-
summary: Holder.js for Rails
|
68
|
+
summary: Holder.js for Rails asset pipeline
|
69
69
|
test_files:
|
70
70
|
- test/holder_rails_test.rb
|