lookbook 2.0.0.beta.2 → 2.0.0.beta.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/lookbook/css/fonts.css +33 -0
- data/app/assets/lookbook/css/lookbook.css +1 -0
- data/app/assets/lookbook/fonts/Inter-italic.var.woff2 +0 -0
- data/app/assets/lookbook/fonts/Inter-roman.var.woff2 +0 -0
- data/app/assets/lookbook/fonts/SourceCodeVariable-Italic.ttf.woff2 +0 -0
- data/app/assets/lookbook/fonts/SourceCodeVariable-Roman.ttf.woff2 +0 -0
- data/app/assets/lookbook/js/lib/lookbook.js +12 -2
- data/app/components/lookbook/nav/entity/component.html.erb +1 -1
- data/app/components/lookbook/page_tabs/component.html.erb +2 -2
- data/app/views/lookbook/pages/show.html.erb +3 -3
- data/lib/lookbook/engine.rb +8 -4
- data/lib/lookbook/error.rb +1 -1
- data/lib/lookbook/services/markdown_renderer.rb +2 -4
- data/lib/lookbook/version.rb +1 -1
- data/public/lookbook-assets/Inter-italic.var.69eb0fe1.woff2 +0 -0
- data/public/lookbook-assets/Inter-italic.var.736a7044.woff2 +0 -0
- data/public/lookbook-assets/Inter-roman.var.b695afbe.woff2 +0 -0
- data/public/lookbook-assets/Inter-roman.var.fbdd51d0.woff2 +0 -0
- data/public/lookbook-assets/SourceCodeVariable-Italic.cad97b83.otf +0 -0
- data/public/lookbook-assets/SourceCodeVariable-Italic.ttf.09b4354a.woff2 +0 -0
- data/public/lookbook-assets/SourceCodeVariable-Italic.ttf.fcd7e9f4.woff2 +0 -0
- data/public/lookbook-assets/SourceCodeVariable-Roman.185ddb17.otf +0 -0
- data/public/lookbook-assets/SourceCodeVariable-Roman.ttf.118e9f22.woff2 +0 -0
- data/public/lookbook-assets/SourceCodeVariable-Roman.ttf.91043609.woff2 +0 -0
- data/public/lookbook-assets/css/lookbook.css +43 -5
- data/public/lookbook-assets/css/lookbook.css.map +1 -1
- data/public/lookbook-assets/js/index.js +48 -48
- data/public/lookbook-assets/js/index.js.map +1 -1
- data/public/lookbook-assets/js/lookbook-core.js +4 -2
- data/public/lookbook-assets/js/lookbook.js +4 -2
- metadata +18 -21
- data/lib/tasks/lookbook_tasks.rake +0 -10
- data/public/lookbook-assets/css/app.css +0 -2341
- data/public/lookbook-assets/css/app.css.map +0 -11
- data/public/lookbook-assets/css/themes/zinc.css.map.91837.5 +0 -1
- data/public/lookbook-assets/feather-sprite.svg +0 -1
- data/public/lookbook-assets/js/app.js +0 -10862
- data/public/lookbook-assets/js/app.js.map +0 -2571
- data/public/lookbook-assets/js/embed.js +0 -1427
- data/public/lookbook-assets/js/embed.js.91837.6 +0 -0
- data/public/lookbook-assets/js/embed.js.map +0 -1
- data/public/lookbook-assets/js/lookbook-core.js.map +0 -1
- data/public/lookbook-assets/js/lookbook.js.map +0 -1
- data/public/lookbook-assets/lookbook-esm.js +0 -1427
- data/public/lookbook-assets/lookbook-esm.js.map +0 -1
- data/public/lookbook-assets/lookbook-global.js +0 -1427
- data/public/lookbook-assets/lookbook-global.js.map +0 -1
- data/public/lookbook-assets/lookbook.js +0 -1427
- data/public/lookbook-assets/lookbook.js.map +0 -1
@@ -1,1427 +0,0 @@
|
|
1
|
-
// modules are defined as an array
|
2
|
-
// [ module function, map of requires ]
|
3
|
-
//
|
4
|
-
// map of requires is short require name -> numeric require
|
5
|
-
//
|
6
|
-
// anything defined in a previous bundle is accessed via the
|
7
|
-
// orig method which is the require for previous bundles
|
8
|
-
|
9
|
-
(function (modules, entry, mainEntry, parcelRequireName, globalName) {
|
10
|
-
/* eslint-disable no-undef */
|
11
|
-
var globalObject =
|
12
|
-
typeof globalThis !== 'undefined'
|
13
|
-
? globalThis
|
14
|
-
: typeof self !== 'undefined'
|
15
|
-
? self
|
16
|
-
: typeof window !== 'undefined'
|
17
|
-
? window
|
18
|
-
: typeof global !== 'undefined'
|
19
|
-
? global
|
20
|
-
: {};
|
21
|
-
/* eslint-enable no-undef */
|
22
|
-
|
23
|
-
// Save the require from previous bundle to this closure if any
|
24
|
-
var previousRequire =
|
25
|
-
typeof globalObject[parcelRequireName] === 'function' &&
|
26
|
-
globalObject[parcelRequireName];
|
27
|
-
|
28
|
-
var cache = previousRequire.cache || {};
|
29
|
-
// Do not use `require` to prevent Webpack from trying to bundle this call
|
30
|
-
var nodeRequire =
|
31
|
-
typeof module !== 'undefined' &&
|
32
|
-
typeof module.require === 'function' &&
|
33
|
-
module.require.bind(module);
|
34
|
-
|
35
|
-
function newRequire(name, jumped) {
|
36
|
-
if (!cache[name]) {
|
37
|
-
if (!modules[name]) {
|
38
|
-
// if we cannot find the module within our internal map or
|
39
|
-
// cache jump to the current global require ie. the last bundle
|
40
|
-
// that was added to the page.
|
41
|
-
var currentRequire =
|
42
|
-
typeof globalObject[parcelRequireName] === 'function' &&
|
43
|
-
globalObject[parcelRequireName];
|
44
|
-
if (!jumped && currentRequire) {
|
45
|
-
return currentRequire(name, true);
|
46
|
-
}
|
47
|
-
|
48
|
-
// If there are other bundles on this page the require from the
|
49
|
-
// previous one is saved to 'previousRequire'. Repeat this as
|
50
|
-
// many times as there are bundles until the module is found or
|
51
|
-
// we exhaust the require chain.
|
52
|
-
if (previousRequire) {
|
53
|
-
return previousRequire(name, true);
|
54
|
-
}
|
55
|
-
|
56
|
-
// Try the node require function if it exists.
|
57
|
-
if (nodeRequire && typeof name === 'string') {
|
58
|
-
return nodeRequire(name);
|
59
|
-
}
|
60
|
-
|
61
|
-
var err = new Error("Cannot find module '" + name + "'");
|
62
|
-
err.code = 'MODULE_NOT_FOUND';
|
63
|
-
throw err;
|
64
|
-
}
|
65
|
-
|
66
|
-
localRequire.resolve = resolve;
|
67
|
-
localRequire.cache = {};
|
68
|
-
|
69
|
-
var module = (cache[name] = new newRequire.Module(name));
|
70
|
-
|
71
|
-
modules[name][0].call(
|
72
|
-
module.exports,
|
73
|
-
localRequire,
|
74
|
-
module,
|
75
|
-
module.exports,
|
76
|
-
this
|
77
|
-
);
|
78
|
-
}
|
79
|
-
|
80
|
-
return cache[name].exports;
|
81
|
-
|
82
|
-
function localRequire(x) {
|
83
|
-
var res = localRequire.resolve(x);
|
84
|
-
return res === false ? {} : newRequire(res);
|
85
|
-
}
|
86
|
-
|
87
|
-
function resolve(x) {
|
88
|
-
var id = modules[name][1][x];
|
89
|
-
return id != null ? id : x;
|
90
|
-
}
|
91
|
-
}
|
92
|
-
|
93
|
-
function Module(moduleName) {
|
94
|
-
this.id = moduleName;
|
95
|
-
this.bundle = newRequire;
|
96
|
-
this.exports = {};
|
97
|
-
}
|
98
|
-
|
99
|
-
newRequire.isParcelRequire = true;
|
100
|
-
newRequire.Module = Module;
|
101
|
-
newRequire.modules = modules;
|
102
|
-
newRequire.cache = cache;
|
103
|
-
newRequire.parent = previousRequire;
|
104
|
-
newRequire.register = function (id, exports) {
|
105
|
-
modules[id] = [
|
106
|
-
function (require, module) {
|
107
|
-
module.exports = exports;
|
108
|
-
},
|
109
|
-
{},
|
110
|
-
];
|
111
|
-
};
|
112
|
-
|
113
|
-
Object.defineProperty(newRequire, 'root', {
|
114
|
-
get: function () {
|
115
|
-
return globalObject[parcelRequireName];
|
116
|
-
},
|
117
|
-
});
|
118
|
-
|
119
|
-
globalObject[parcelRequireName] = newRequire;
|
120
|
-
|
121
|
-
for (var i = 0; i < entry.length; i++) {
|
122
|
-
newRequire(entry[i]);
|
123
|
-
}
|
124
|
-
|
125
|
-
if (mainEntry) {
|
126
|
-
// Expose entry point to Node, AMD or browser globals
|
127
|
-
// Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
|
128
|
-
var mainExports = newRequire(mainEntry);
|
129
|
-
|
130
|
-
// CommonJS
|
131
|
-
if (typeof exports === 'object' && typeof module !== 'undefined') {
|
132
|
-
module.exports = mainExports;
|
133
|
-
|
134
|
-
// RequireJS
|
135
|
-
} else if (typeof define === 'function' && define.amd) {
|
136
|
-
define(function () {
|
137
|
-
return mainExports;
|
138
|
-
});
|
139
|
-
|
140
|
-
// <script>
|
141
|
-
} else if (globalName) {
|
142
|
-
this[globalName] = mainExports;
|
143
|
-
}
|
144
|
-
}
|
145
|
-
})({"2Ac7p":[function(require,module,exports) {
|
146
|
-
var global = arguments[3];
|
147
|
-
var HMR_HOST = null;
|
148
|
-
var HMR_PORT = 5111;
|
149
|
-
var HMR_SECURE = false;
|
150
|
-
var HMR_ENV_HASH = "d6ea1d42532a7575";
|
151
|
-
module.bundle.HMR_BUNDLE_ID = "9c5a05b5e79a47f2";
|
152
|
-
"use strict";
|
153
|
-
/* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, chrome, browser, globalThis, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */ /*::
|
154
|
-
import type {
|
155
|
-
HMRAsset,
|
156
|
-
HMRMessage,
|
157
|
-
} from '@parcel/reporter-dev-server/src/HMRServer.js';
|
158
|
-
interface ParcelRequire {
|
159
|
-
(string): mixed;
|
160
|
-
cache: {|[string]: ParcelModule|};
|
161
|
-
hotData: mixed;
|
162
|
-
Module: any;
|
163
|
-
parent: ?ParcelRequire;
|
164
|
-
isParcelRequire: true;
|
165
|
-
modules: {|[string]: [Function, {|[string]: string|}]|};
|
166
|
-
HMR_BUNDLE_ID: string;
|
167
|
-
root: ParcelRequire;
|
168
|
-
}
|
169
|
-
interface ParcelModule {
|
170
|
-
hot: {|
|
171
|
-
data: mixed,
|
172
|
-
accept(cb: (Function) => void): void,
|
173
|
-
dispose(cb: (mixed) => void): void,
|
174
|
-
// accept(deps: Array<string> | string, cb: (Function) => void): void,
|
175
|
-
// decline(): void,
|
176
|
-
_acceptCallbacks: Array<(Function) => void>,
|
177
|
-
_disposeCallbacks: Array<(mixed) => void>,
|
178
|
-
|};
|
179
|
-
}
|
180
|
-
interface ExtensionContext {
|
181
|
-
runtime: {|
|
182
|
-
reload(): void,
|
183
|
-
getURL(url: string): string;
|
184
|
-
getManifest(): {manifest_version: number, ...};
|
185
|
-
|};
|
186
|
-
}
|
187
|
-
declare var module: {bundle: ParcelRequire, ...};
|
188
|
-
declare var HMR_HOST: string;
|
189
|
-
declare var HMR_PORT: string;
|
190
|
-
declare var HMR_ENV_HASH: string;
|
191
|
-
declare var HMR_SECURE: boolean;
|
192
|
-
declare var chrome: ExtensionContext;
|
193
|
-
declare var browser: ExtensionContext;
|
194
|
-
declare var __parcel__import__: (string) => Promise<void>;
|
195
|
-
declare var __parcel__importScripts__: (string) => Promise<void>;
|
196
|
-
declare var globalThis: typeof self;
|
197
|
-
declare var ServiceWorkerGlobalScope: Object;
|
198
|
-
*/ var OVERLAY_ID = "__parcel__error__overlay__";
|
199
|
-
var OldModule = module.bundle.Module;
|
200
|
-
function Module(moduleName) {
|
201
|
-
OldModule.call(this, moduleName);
|
202
|
-
this.hot = {
|
203
|
-
data: module.bundle.hotData,
|
204
|
-
_acceptCallbacks: [],
|
205
|
-
_disposeCallbacks: [],
|
206
|
-
accept: function(fn) {
|
207
|
-
this._acceptCallbacks.push(fn || function() {});
|
208
|
-
},
|
209
|
-
dispose: function(fn) {
|
210
|
-
this._disposeCallbacks.push(fn);
|
211
|
-
}
|
212
|
-
};
|
213
|
-
module.bundle.hotData = undefined;
|
214
|
-
}
|
215
|
-
module.bundle.Module = Module;
|
216
|
-
var checkedAssets, acceptedAssets, assetsToAccept /*: Array<[ParcelRequire, string]> */ ;
|
217
|
-
function getHostname() {
|
218
|
-
return HMR_HOST || (location.protocol.indexOf("http") === 0 ? location.hostname : "localhost");
|
219
|
-
}
|
220
|
-
function getPort() {
|
221
|
-
return HMR_PORT || location.port;
|
222
|
-
} // eslint-disable-next-line no-redeclare
|
223
|
-
var parent = module.bundle.parent;
|
224
|
-
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== "undefined") {
|
225
|
-
var hostname = getHostname();
|
226
|
-
var port = getPort();
|
227
|
-
var protocol = HMR_SECURE || location.protocol == "https:" && !/localhost|127.0.0.1|0.0.0.0/.test(hostname) ? "wss" : "ws";
|
228
|
-
var ws = new WebSocket(protocol + "://" + hostname + (port ? ":" + port : "") + "/"); // Web extension context
|
229
|
-
var extCtx = typeof chrome === "undefined" ? typeof browser === "undefined" ? null : browser : chrome; // Safari doesn't support sourceURL in error stacks.
|
230
|
-
// eval may also be disabled via CSP, so do a quick check.
|
231
|
-
var supportsSourceURL = false;
|
232
|
-
try {
|
233
|
-
(0, eval)('throw new Error("test"); //# sourceURL=test.js');
|
234
|
-
} catch (err) {
|
235
|
-
supportsSourceURL = err.stack.includes("test.js");
|
236
|
-
} // $FlowFixMe
|
237
|
-
ws.onmessage = async function(event) {
|
238
|
-
checkedAssets = {} /*: {|[string]: boolean|} */ ;
|
239
|
-
acceptedAssets = {} /*: {|[string]: boolean|} */ ;
|
240
|
-
assetsToAccept = [];
|
241
|
-
var data = JSON.parse(event.data);
|
242
|
-
if (data.type === "update") {
|
243
|
-
// Remove error overlay if there is one
|
244
|
-
if (typeof document !== "undefined") removeErrorOverlay();
|
245
|
-
let assets = data.assets.filter((asset)=>asset.envHash === HMR_ENV_HASH); // Handle HMR Update
|
246
|
-
let handled = assets.every((asset)=>{
|
247
|
-
return asset.type === "css" || asset.type === "js" && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle);
|
248
|
-
});
|
249
|
-
if (handled) {
|
250
|
-
console.clear(); // Dispatch custom event so other runtimes (e.g React Refresh) are aware.
|
251
|
-
if (typeof window !== "undefined" && typeof CustomEvent !== "undefined") window.dispatchEvent(new CustomEvent("parcelhmraccept"));
|
252
|
-
await hmrApplyUpdates(assets);
|
253
|
-
for(var i = 0; i < assetsToAccept.length; i++){
|
254
|
-
var id = assetsToAccept[i][1];
|
255
|
-
if (!acceptedAssets[id]) hmrAcceptRun(assetsToAccept[i][0], id);
|
256
|
-
}
|
257
|
-
} else fullReload();
|
258
|
-
}
|
259
|
-
if (data.type === "error") {
|
260
|
-
// Log parcel errors to console
|
261
|
-
for (let ansiDiagnostic of data.diagnostics.ansi){
|
262
|
-
let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack;
|
263
|
-
console.error("\uD83D\uDEA8 [parcel]: " + ansiDiagnostic.message + "\n" + stack + "\n\n" + ansiDiagnostic.hints.join("\n"));
|
264
|
-
}
|
265
|
-
if (typeof document !== "undefined") {
|
266
|
-
// Render the fancy html overlay
|
267
|
-
removeErrorOverlay();
|
268
|
-
var overlay = createErrorOverlay(data.diagnostics.html); // $FlowFixMe
|
269
|
-
document.body.appendChild(overlay);
|
270
|
-
}
|
271
|
-
}
|
272
|
-
};
|
273
|
-
ws.onerror = function(e) {
|
274
|
-
console.error(e.message);
|
275
|
-
};
|
276
|
-
ws.onclose = function() {
|
277
|
-
console.warn("[parcel] \uD83D\uDEA8 Connection to the HMR server was lost");
|
278
|
-
};
|
279
|
-
}
|
280
|
-
function removeErrorOverlay() {
|
281
|
-
var overlay = document.getElementById(OVERLAY_ID);
|
282
|
-
if (overlay) {
|
283
|
-
overlay.remove();
|
284
|
-
console.log("[parcel] ✨ Error resolved");
|
285
|
-
}
|
286
|
-
}
|
287
|
-
function createErrorOverlay(diagnostics) {
|
288
|
-
var overlay = document.createElement("div");
|
289
|
-
overlay.id = OVERLAY_ID;
|
290
|
-
let errorHTML = '<div style="background: black; opacity: 0.85; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; font-family: Menlo, Consolas, monospace; z-index: 9999;">';
|
291
|
-
for (let diagnostic of diagnostics){
|
292
|
-
let stack = diagnostic.frames.length ? diagnostic.frames.reduce((p, frame)=>{
|
293
|
-
return `${p}
|
294
|
-
<a href="/__parcel_launch_editor?file=${encodeURIComponent(frame.location)}" style="text-decoration: underline; color: #888" onclick="fetch(this.href); return false">${frame.location}</a>
|
295
|
-
${frame.code}`;
|
296
|
-
}, "") : diagnostic.stack;
|
297
|
-
errorHTML += `
|
298
|
-
<div>
|
299
|
-
<div style="font-size: 18px; font-weight: bold; margin-top: 20px;">
|
300
|
-
🚨 ${diagnostic.message}
|
301
|
-
</div>
|
302
|
-
<pre>${stack}</pre>
|
303
|
-
<div>
|
304
|
-
${diagnostic.hints.map((hint)=>"<div>\uD83D\uDCA1 " + hint + "</div>").join("")}
|
305
|
-
</div>
|
306
|
-
${diagnostic.documentation ? `<div>📝 <a style="color: violet" href="${diagnostic.documentation}" target="_blank">Learn more</a></div>` : ""}
|
307
|
-
</div>
|
308
|
-
`;
|
309
|
-
}
|
310
|
-
errorHTML += "</div>";
|
311
|
-
overlay.innerHTML = errorHTML;
|
312
|
-
return overlay;
|
313
|
-
}
|
314
|
-
function fullReload() {
|
315
|
-
if ("reload" in location) location.reload();
|
316
|
-
else if (extCtx && extCtx.runtime && extCtx.runtime.reload) extCtx.runtime.reload();
|
317
|
-
}
|
318
|
-
function getParents(bundle, id) /*: Array<[ParcelRequire, string]> */ {
|
319
|
-
var modules = bundle.modules;
|
320
|
-
if (!modules) return [];
|
321
|
-
var parents = [];
|
322
|
-
var k, d, dep;
|
323
|
-
for(k in modules)for(d in modules[k][1]){
|
324
|
-
dep = modules[k][1][d];
|
325
|
-
if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) parents.push([
|
326
|
-
bundle,
|
327
|
-
k
|
328
|
-
]);
|
329
|
-
}
|
330
|
-
if (bundle.parent) parents = parents.concat(getParents(bundle.parent, id));
|
331
|
-
return parents;
|
332
|
-
}
|
333
|
-
function updateLink(link) {
|
334
|
-
var newLink = link.cloneNode();
|
335
|
-
newLink.onload = function() {
|
336
|
-
if (link.parentNode !== null) // $FlowFixMe
|
337
|
-
link.parentNode.removeChild(link);
|
338
|
-
};
|
339
|
-
newLink.setAttribute("href", link.getAttribute("href").split("?")[0] + "?" + Date.now()); // $FlowFixMe
|
340
|
-
link.parentNode.insertBefore(newLink, link.nextSibling);
|
341
|
-
}
|
342
|
-
var cssTimeout = null;
|
343
|
-
function reloadCSS() {
|
344
|
-
if (cssTimeout) return;
|
345
|
-
cssTimeout = setTimeout(function() {
|
346
|
-
var links = document.querySelectorAll('link[rel="stylesheet"]');
|
347
|
-
for(var i = 0; i < links.length; i++){
|
348
|
-
// $FlowFixMe[incompatible-type]
|
349
|
-
var href = links[i].getAttribute("href");
|
350
|
-
var hostname = getHostname();
|
351
|
-
var servedFromHMRServer = hostname === "localhost" ? new RegExp("^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):" + getPort()).test(href) : href.indexOf(hostname + ":" + getPort());
|
352
|
-
var absolute = /^https?:\/\//i.test(href) && href.indexOf(location.origin) !== 0 && !servedFromHMRServer;
|
353
|
-
if (!absolute) updateLink(links[i]);
|
354
|
-
}
|
355
|
-
cssTimeout = null;
|
356
|
-
}, 50);
|
357
|
-
}
|
358
|
-
function hmrDownload(asset) {
|
359
|
-
if (asset.type === "js") {
|
360
|
-
if (typeof document !== "undefined") {
|
361
|
-
let script = document.createElement("script");
|
362
|
-
script.src = asset.url + "?t=" + Date.now();
|
363
|
-
if (asset.outputFormat === "esmodule") script.type = "module";
|
364
|
-
return new Promise((resolve, reject)=>{
|
365
|
-
var _document$head;
|
366
|
-
script.onload = ()=>resolve(script);
|
367
|
-
script.onerror = reject;
|
368
|
-
(_document$head = document.head) === null || _document$head === void 0 || _document$head.appendChild(script);
|
369
|
-
});
|
370
|
-
} else if (typeof importScripts === "function") {
|
371
|
-
// Worker scripts
|
372
|
-
if (asset.outputFormat === "esmodule") return import(asset.url + "?t=" + Date.now());
|
373
|
-
else return new Promise((resolve, reject)=>{
|
374
|
-
try {
|
375
|
-
importScripts(asset.url + "?t=" + Date.now());
|
376
|
-
resolve();
|
377
|
-
} catch (err) {
|
378
|
-
reject(err);
|
379
|
-
}
|
380
|
-
});
|
381
|
-
}
|
382
|
-
}
|
383
|
-
}
|
384
|
-
async function hmrApplyUpdates(assets) {
|
385
|
-
global.parcelHotUpdate = Object.create(null);
|
386
|
-
let scriptsToRemove;
|
387
|
-
try {
|
388
|
-
// If sourceURL comments aren't supported in eval, we need to load
|
389
|
-
// the update from the dev server over HTTP so that stack traces
|
390
|
-
// are correct in errors/logs. This is much slower than eval, so
|
391
|
-
// we only do it if needed (currently just Safari).
|
392
|
-
// https://bugs.webkit.org/show_bug.cgi?id=137297
|
393
|
-
// This path is also taken if a CSP disallows eval.
|
394
|
-
if (!supportsSourceURL) {
|
395
|
-
let promises = assets.map((asset)=>{
|
396
|
-
var _hmrDownload;
|
397
|
-
return (_hmrDownload = hmrDownload(asset)) === null || _hmrDownload === void 0 ? void 0 : _hmrDownload.catch((err)=>{
|
398
|
-
// Web extension bugfix for Chromium
|
399
|
-
// https://bugs.chromium.org/p/chromium/issues/detail?id=1255412#c12
|
400
|
-
if (extCtx && extCtx.runtime && extCtx.runtime.getManifest().manifest_version == 3) {
|
401
|
-
if (typeof ServiceWorkerGlobalScope != "undefined" && global instanceof ServiceWorkerGlobalScope) {
|
402
|
-
extCtx.runtime.reload();
|
403
|
-
return;
|
404
|
-
}
|
405
|
-
asset.url = extCtx.runtime.getURL("/__parcel_hmr_proxy__?url=" + encodeURIComponent(asset.url + "?t=" + Date.now()));
|
406
|
-
return hmrDownload(asset);
|
407
|
-
}
|
408
|
-
throw err;
|
409
|
-
});
|
410
|
-
});
|
411
|
-
scriptsToRemove = await Promise.all(promises);
|
412
|
-
}
|
413
|
-
assets.forEach(function(asset) {
|
414
|
-
hmrApply(module.bundle.root, asset);
|
415
|
-
});
|
416
|
-
} finally{
|
417
|
-
delete global.parcelHotUpdate;
|
418
|
-
if (scriptsToRemove) scriptsToRemove.forEach((script)=>{
|
419
|
-
if (script) {
|
420
|
-
var _document$head2;
|
421
|
-
(_document$head2 = document.head) === null || _document$head2 === void 0 || _document$head2.removeChild(script);
|
422
|
-
}
|
423
|
-
});
|
424
|
-
}
|
425
|
-
}
|
426
|
-
function hmrApply(bundle, asset) {
|
427
|
-
var modules = bundle.modules;
|
428
|
-
if (!modules) return;
|
429
|
-
if (asset.type === "css") reloadCSS();
|
430
|
-
else if (asset.type === "js") {
|
431
|
-
let deps = asset.depsByBundle[bundle.HMR_BUNDLE_ID];
|
432
|
-
if (deps) {
|
433
|
-
if (modules[asset.id]) {
|
434
|
-
// Remove dependencies that are removed and will become orphaned.
|
435
|
-
// This is necessary so that if the asset is added back again, the cache is gone, and we prevent a full page reload.
|
436
|
-
let oldDeps = modules[asset.id][1];
|
437
|
-
for(let dep in oldDeps)if (!deps[dep] || deps[dep] !== oldDeps[dep]) {
|
438
|
-
let id = oldDeps[dep];
|
439
|
-
let parents = getParents(module.bundle.root, id);
|
440
|
-
if (parents.length === 1) hmrDelete(module.bundle.root, id);
|
441
|
-
}
|
442
|
-
}
|
443
|
-
if (supportsSourceURL) // Global eval. We would use `new Function` here but browser
|
444
|
-
// support for source maps is better with eval.
|
445
|
-
(0, eval)(asset.output);
|
446
|
-
// $FlowFixMe
|
447
|
-
let fn = global.parcelHotUpdate[asset.id];
|
448
|
-
modules[asset.id] = [
|
449
|
-
fn,
|
450
|
-
deps
|
451
|
-
];
|
452
|
-
} else if (bundle.parent) hmrApply(bundle.parent, asset);
|
453
|
-
}
|
454
|
-
}
|
455
|
-
function hmrDelete(bundle, id) {
|
456
|
-
let modules = bundle.modules;
|
457
|
-
if (!modules) return;
|
458
|
-
if (modules[id]) {
|
459
|
-
// Collect dependencies that will become orphaned when this module is deleted.
|
460
|
-
let deps = modules[id][1];
|
461
|
-
let orphans = [];
|
462
|
-
for(let dep in deps){
|
463
|
-
let parents = getParents(module.bundle.root, deps[dep]);
|
464
|
-
if (parents.length === 1) orphans.push(deps[dep]);
|
465
|
-
} // Delete the module. This must be done before deleting dependencies in case of circular dependencies.
|
466
|
-
delete modules[id];
|
467
|
-
delete bundle.cache[id]; // Now delete the orphans.
|
468
|
-
orphans.forEach((id)=>{
|
469
|
-
hmrDelete(module.bundle.root, id);
|
470
|
-
});
|
471
|
-
} else if (bundle.parent) hmrDelete(bundle.parent, id);
|
472
|
-
}
|
473
|
-
function hmrAcceptCheck(bundle, id, depsByBundle) {
|
474
|
-
if (hmrAcceptCheckOne(bundle, id, depsByBundle)) return true;
|
475
|
-
// Traverse parents breadth first. All possible ancestries must accept the HMR update, or we'll reload.
|
476
|
-
let parents = getParents(module.bundle.root, id);
|
477
|
-
let accepted = false;
|
478
|
-
while(parents.length > 0){
|
479
|
-
let v = parents.shift();
|
480
|
-
let a = hmrAcceptCheckOne(v[0], v[1], null);
|
481
|
-
if (a) // If this parent accepts, stop traversing upward, but still consider siblings.
|
482
|
-
accepted = true;
|
483
|
-
else {
|
484
|
-
// Otherwise, queue the parents in the next level upward.
|
485
|
-
let p = getParents(module.bundle.root, v[1]);
|
486
|
-
if (p.length === 0) {
|
487
|
-
// If there are no parents, then we've reached an entry without accepting. Reload.
|
488
|
-
accepted = false;
|
489
|
-
break;
|
490
|
-
}
|
491
|
-
parents.push(...p);
|
492
|
-
}
|
493
|
-
}
|
494
|
-
return accepted;
|
495
|
-
}
|
496
|
-
function hmrAcceptCheckOne(bundle, id, depsByBundle) {
|
497
|
-
var modules = bundle.modules;
|
498
|
-
if (!modules) return;
|
499
|
-
if (depsByBundle && !depsByBundle[bundle.HMR_BUNDLE_ID]) {
|
500
|
-
// If we reached the root bundle without finding where the asset should go,
|
501
|
-
// there's nothing to do. Mark as "accepted" so we don't reload the page.
|
502
|
-
if (!bundle.parent) return true;
|
503
|
-
return hmrAcceptCheck(bundle.parent, id, depsByBundle);
|
504
|
-
}
|
505
|
-
if (checkedAssets[id]) return true;
|
506
|
-
checkedAssets[id] = true;
|
507
|
-
var cached = bundle.cache[id];
|
508
|
-
assetsToAccept.push([
|
509
|
-
bundle,
|
510
|
-
id
|
511
|
-
]);
|
512
|
-
if (!cached || cached.hot && cached.hot._acceptCallbacks.length) return true;
|
513
|
-
}
|
514
|
-
function hmrAcceptRun(bundle, id) {
|
515
|
-
var cached = bundle.cache[id];
|
516
|
-
bundle.hotData = {};
|
517
|
-
if (cached && cached.hot) cached.hot.data = bundle.hotData;
|
518
|
-
if (cached && cached.hot && cached.hot._disposeCallbacks.length) cached.hot._disposeCallbacks.forEach(function(cb) {
|
519
|
-
cb(bundle.hotData);
|
520
|
-
});
|
521
|
-
delete bundle.cache[id];
|
522
|
-
bundle(id);
|
523
|
-
cached = bundle.cache[id];
|
524
|
-
if (cached && cached.hot && cached.hot._acceptCallbacks.length) cached.hot._acceptCallbacks.forEach(function(cb) {
|
525
|
-
var assetsToAlsoAccept = cb(function() {
|
526
|
-
return getParents(module.bundle.root, id);
|
527
|
-
});
|
528
|
-
if (assetsToAlsoAccept && assetsToAccept.length) // $FlowFixMe[method-unbinding]
|
529
|
-
assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept);
|
530
|
-
});
|
531
|
-
acceptedAssets[id] = true;
|
532
|
-
}
|
533
|
-
|
534
|
-
},{}],"p4VhZ":[function(require,module,exports) {
|
535
|
-
var _iframeResizer = require("iframe-resizer/js/iframeResizer");
|
536
|
-
window.Lookbook = window.Lookbook || {};
|
537
|
-
window.Lookbook.initEmbeds = function() {
|
538
|
-
const embeds = Array.from(document.querySelectorAll("lookbook-embed"));
|
539
|
-
embeds.forEach((embed)=>{
|
540
|
-
const attrs = Array.from(embed.attributes);
|
541
|
-
const iframe = createIframe(attrs);
|
542
|
-
embed.replaceWith(iframe);
|
543
|
-
});
|
544
|
-
window.iFrameResize({}, "[data-lookbook-embed]");
|
545
|
-
};
|
546
|
-
const endpoint = "embed";
|
547
|
-
const defaultBasePath = `//${location.host}/lookbook`;
|
548
|
-
function createIframe(attrs) {
|
549
|
-
const src = buildSrc(attrs);
|
550
|
-
const id = attrValue(attrs, "id");
|
551
|
-
const classes = attrValue(attrs, "class", "").split(" ").map((c)=>c.trim()).filter((c)=>c.length);
|
552
|
-
const iframe = document.createElement("iframe");
|
553
|
-
iframe.src = src;
|
554
|
-
if (id) iframe.id = id;
|
555
|
-
iframe.setAttribute("frameborder", 0);
|
556
|
-
iframe.setAttribute("data-lookbook-embed", true);
|
557
|
-
if (classes.length) iframe.classList.add(...classes);
|
558
|
-
iframe.style.width = "100%";
|
559
|
-
iframe.style.transition = "height 0.3s";
|
560
|
-
iframe.style.boxShadow = "0px 0px 4px rgba(0,0,0,0.15)";
|
561
|
-
iframe.style.borderRadius = "8px";
|
562
|
-
return iframe;
|
563
|
-
}
|
564
|
-
function buildSrc(attrs) {
|
565
|
-
const basePath = attrValue(attrs, "base") || defaultBasePath;
|
566
|
-
const props = {};
|
567
|
-
attrsWithout(attrs, "base", "class").forEach(({ name , value })=>{
|
568
|
-
name = name.replace("-", "_").toLowerCase();
|
569
|
-
value = encodeURIComponent(value);
|
570
|
-
props[name] = value;
|
571
|
-
});
|
572
|
-
return [
|
573
|
-
basePath,
|
574
|
-
endpoint
|
575
|
-
].join("/") + `?props=${JSON.stringify(props)}`;
|
576
|
-
}
|
577
|
-
function attrValue(attrs, name, fallback = null) {
|
578
|
-
const attr = attrs.find((attr)=>attr.name === name);
|
579
|
-
return attr ? attr.value : fallback;
|
580
|
-
}
|
581
|
-
function attrsWithout(attrs, ...without) {
|
582
|
-
return attrs.filter((attr)=>!without.includes(attr.name));
|
583
|
-
}
|
584
|
-
function insertAfter(newNode, referenceNode) {
|
585
|
-
referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
|
586
|
-
}
|
587
|
-
|
588
|
-
},{"iframe-resizer/js/iframeResizer":"l3td4"}],"l3td4":[function(require,module,exports) {
|
589
|
-
/*
|
590
|
-
* File: iframeResizer.js
|
591
|
-
* Desc: Force iframes to size to content.
|
592
|
-
* Requires: iframeResizer.contentWindow.js to be loaded into the target frame.
|
593
|
-
* Doc: https://github.com/davidjbradshaw/iframe-resizer
|
594
|
-
* Author: David J. Bradshaw - dave@bradshaw.net
|
595
|
-
* Contributor: Jure Mav - jure.mav@gmail.com
|
596
|
-
* Contributor: Reed Dadoune - reed@dadoune.com
|
597
|
-
*/ // eslint-disable-next-line sonarjs/cognitive-complexity, no-shadow-restricted-names
|
598
|
-
(function(undefined) {
|
599
|
-
if (typeof window === "undefined") return; // don't run for server side render
|
600
|
-
var count = 0, logEnabled = false, hiddenCheckEnabled = false, msgHeader = "message", msgHeaderLen = msgHeader.length, msgId = "[iFrameSizer]", msgIdLen = msgId.length, pagePosition = null, requestAnimationFrame = window.requestAnimationFrame, resetRequiredMethods = {
|
601
|
-
max: 1,
|
602
|
-
scroll: 1,
|
603
|
-
bodyScroll: 1,
|
604
|
-
documentElementScroll: 1
|
605
|
-
}, settings = {}, timer = null, defaults = {
|
606
|
-
autoResize: true,
|
607
|
-
bodyBackground: null,
|
608
|
-
bodyMargin: null,
|
609
|
-
bodyMarginV1: 8,
|
610
|
-
bodyPadding: null,
|
611
|
-
checkOrigin: true,
|
612
|
-
inPageLinks: false,
|
613
|
-
enablePublicMethods: true,
|
614
|
-
heightCalculationMethod: "bodyOffset",
|
615
|
-
id: "iFrameResizer",
|
616
|
-
interval: 32,
|
617
|
-
log: false,
|
618
|
-
maxHeight: Infinity,
|
619
|
-
maxWidth: Infinity,
|
620
|
-
minHeight: 0,
|
621
|
-
minWidth: 0,
|
622
|
-
mouseEvents: true,
|
623
|
-
resizeFrom: "parent",
|
624
|
-
scrolling: false,
|
625
|
-
sizeHeight: true,
|
626
|
-
sizeWidth: false,
|
627
|
-
warningTimeout: 5000,
|
628
|
-
tolerance: 0,
|
629
|
-
widthCalculationMethod: "scroll",
|
630
|
-
onClose: function() {
|
631
|
-
return true;
|
632
|
-
},
|
633
|
-
onClosed: function() {},
|
634
|
-
onInit: function() {},
|
635
|
-
onMessage: function() {
|
636
|
-
warn("onMessage function not defined");
|
637
|
-
},
|
638
|
-
onMouseEnter: function() {},
|
639
|
-
onMouseLeave: function() {},
|
640
|
-
onResized: function() {},
|
641
|
-
onScroll: function() {
|
642
|
-
return true;
|
643
|
-
}
|
644
|
-
};
|
645
|
-
function getMutationObserver() {
|
646
|
-
return window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver;
|
647
|
-
}
|
648
|
-
function addEventListener(el, evt, func) {
|
649
|
-
el.addEventListener(evt, func, false);
|
650
|
-
}
|
651
|
-
function removeEventListener(el, evt, func) {
|
652
|
-
el.removeEventListener(evt, func, false);
|
653
|
-
}
|
654
|
-
function setupRequestAnimationFrame() {
|
655
|
-
var vendors = [
|
656
|
-
"moz",
|
657
|
-
"webkit",
|
658
|
-
"o",
|
659
|
-
"ms"
|
660
|
-
];
|
661
|
-
var x;
|
662
|
-
// Remove vendor prefixing if prefixed and break early if not
|
663
|
-
for(x = 0; x < vendors.length && !requestAnimationFrame; x += 1)requestAnimationFrame = window[vendors[x] + "RequestAnimationFrame"];
|
664
|
-
if (!requestAnimationFrame) log("setup", "RequestAnimationFrame not supported");
|
665
|
-
else // Firefox extension content-scripts have a globalThis object that is not the same as window.
|
666
|
-
// Binding `requestAnimationFrame` to window allows the function to work and prevents errors
|
667
|
-
// being thrown when run in that context, and should be a no-op in every other context.
|
668
|
-
requestAnimationFrame = requestAnimationFrame.bind(window);
|
669
|
-
}
|
670
|
-
function getMyID(iframeId) {
|
671
|
-
var retStr = "Host page: " + iframeId;
|
672
|
-
if (window.top !== window.self) retStr = window.parentIFrame && window.parentIFrame.getId ? window.parentIFrame.getId() + ": " + iframeId : "Nested host page: " + iframeId;
|
673
|
-
return retStr;
|
674
|
-
}
|
675
|
-
function formatLogHeader(iframeId) {
|
676
|
-
return msgId + "[" + getMyID(iframeId) + "]";
|
677
|
-
}
|
678
|
-
function isLogEnabled(iframeId) {
|
679
|
-
return settings[iframeId] ? settings[iframeId].log : logEnabled;
|
680
|
-
}
|
681
|
-
function log(iframeId, msg) {
|
682
|
-
output("log", iframeId, msg, isLogEnabled(iframeId));
|
683
|
-
}
|
684
|
-
function info(iframeId, msg) {
|
685
|
-
output("info", iframeId, msg, isLogEnabled(iframeId));
|
686
|
-
}
|
687
|
-
function warn(iframeId, msg) {
|
688
|
-
output("warn", iframeId, msg, true);
|
689
|
-
}
|
690
|
-
function output(type, iframeId, msg, enabled) {
|
691
|
-
if (true === enabled && "object" === typeof window.console) // eslint-disable-next-line no-console
|
692
|
-
console[type](formatLogHeader(iframeId), msg);
|
693
|
-
}
|
694
|
-
function iFrameListener(event) {
|
695
|
-
function resizeIFrame() {
|
696
|
-
function resize() {
|
697
|
-
setSize(messageData);
|
698
|
-
setPagePosition(iframeId);
|
699
|
-
on("onResized", messageData);
|
700
|
-
}
|
701
|
-
ensureInRange("Height");
|
702
|
-
ensureInRange("Width");
|
703
|
-
syncResize(resize, messageData, "init");
|
704
|
-
}
|
705
|
-
function processMsg() {
|
706
|
-
var data = msg.substr(msgIdLen).split(":");
|
707
|
-
var height = data[1] ? parseInt(data[1], 10) : 0;
|
708
|
-
var iframe = settings[data[0]] && settings[data[0]].iframe;
|
709
|
-
var compStyle = getComputedStyle(iframe);
|
710
|
-
return {
|
711
|
-
iframe: iframe,
|
712
|
-
id: data[0],
|
713
|
-
height: height + getPaddingEnds(compStyle) + getBorderEnds(compStyle),
|
714
|
-
width: data[2],
|
715
|
-
type: data[3]
|
716
|
-
};
|
717
|
-
}
|
718
|
-
function getPaddingEnds(compStyle) {
|
719
|
-
if (compStyle.boxSizing !== "border-box") return 0;
|
720
|
-
var top = compStyle.paddingTop ? parseInt(compStyle.paddingTop, 10) : 0;
|
721
|
-
var bot = compStyle.paddingBottom ? parseInt(compStyle.paddingBottom, 10) : 0;
|
722
|
-
return top + bot;
|
723
|
-
}
|
724
|
-
function getBorderEnds(compStyle) {
|
725
|
-
if (compStyle.boxSizing !== "border-box") return 0;
|
726
|
-
var top = compStyle.borderTopWidth ? parseInt(compStyle.borderTopWidth, 10) : 0;
|
727
|
-
var bot = compStyle.borderBottomWidth ? parseInt(compStyle.borderBottomWidth, 10) : 0;
|
728
|
-
return top + bot;
|
729
|
-
}
|
730
|
-
function ensureInRange(Dimension) {
|
731
|
-
var max = Number(settings[iframeId]["max" + Dimension]), min = Number(settings[iframeId]["min" + Dimension]), dimension = Dimension.toLowerCase(), size = Number(messageData[dimension]);
|
732
|
-
log(iframeId, "Checking " + dimension + " is in range " + min + "-" + max);
|
733
|
-
if (size < min) {
|
734
|
-
size = min;
|
735
|
-
log(iframeId, "Set " + dimension + " to min value");
|
736
|
-
}
|
737
|
-
if (size > max) {
|
738
|
-
size = max;
|
739
|
-
log(iframeId, "Set " + dimension + " to max value");
|
740
|
-
}
|
741
|
-
messageData[dimension] = "" + size;
|
742
|
-
}
|
743
|
-
function isMessageFromIFrame() {
|
744
|
-
function checkAllowedOrigin() {
|
745
|
-
function checkList() {
|
746
|
-
var i = 0, retCode = false;
|
747
|
-
log(iframeId, "Checking connection is from allowed list of origins: " + checkOrigin);
|
748
|
-
for(; i < checkOrigin.length; i++)if (checkOrigin[i] === origin) {
|
749
|
-
retCode = true;
|
750
|
-
break;
|
751
|
-
}
|
752
|
-
return retCode;
|
753
|
-
}
|
754
|
-
function checkSingle() {
|
755
|
-
var remoteHost = settings[iframeId] && settings[iframeId].remoteHost;
|
756
|
-
log(iframeId, "Checking connection is from: " + remoteHost);
|
757
|
-
return origin === remoteHost;
|
758
|
-
}
|
759
|
-
return checkOrigin.constructor === Array ? checkList() : checkSingle();
|
760
|
-
}
|
761
|
-
var origin = event.origin, checkOrigin = settings[iframeId] && settings[iframeId].checkOrigin;
|
762
|
-
if (checkOrigin && "" + origin !== "null" && !checkAllowedOrigin()) throw new Error("Unexpected message received from: " + origin + " for " + messageData.iframe.id + ". Message was: " + event.data + ". This error can be disabled by setting the checkOrigin: false option or by providing of array of trusted domains.");
|
763
|
-
return true;
|
764
|
-
}
|
765
|
-
function isMessageForUs() {
|
766
|
-
return msgId === ("" + msg).substr(0, msgIdLen) && msg.substr(msgIdLen).split(":")[0] in settings // ''+Protects against non-string msg
|
767
|
-
;
|
768
|
-
}
|
769
|
-
function isMessageFromMetaParent() {
|
770
|
-
// Test if this message is from a parent above us. This is an ugly test, however, updating
|
771
|
-
// the message format would break backwards compatibity.
|
772
|
-
var retCode = messageData.type in {
|
773
|
-
true: 1,
|
774
|
-
false: 1,
|
775
|
-
undefined: 1
|
776
|
-
};
|
777
|
-
if (retCode) log(iframeId, "Ignoring init message from meta parent page");
|
778
|
-
return retCode;
|
779
|
-
}
|
780
|
-
function getMsgBody(offset) {
|
781
|
-
return msg.substr(msg.indexOf(":") + msgHeaderLen + offset);
|
782
|
-
}
|
783
|
-
function forwardMsgFromIFrame(msgBody) {
|
784
|
-
log(iframeId, "onMessage passed: {iframe: " + messageData.iframe.id + ", message: " + msgBody + "}");
|
785
|
-
on("onMessage", {
|
786
|
-
iframe: messageData.iframe,
|
787
|
-
message: JSON.parse(msgBody)
|
788
|
-
});
|
789
|
-
log(iframeId, "--");
|
790
|
-
}
|
791
|
-
function getPageInfo() {
|
792
|
-
var bodyPosition = document.body.getBoundingClientRect(), iFramePosition = messageData.iframe.getBoundingClientRect();
|
793
|
-
return JSON.stringify({
|
794
|
-
iframeHeight: iFramePosition.height,
|
795
|
-
iframeWidth: iFramePosition.width,
|
796
|
-
clientHeight: Math.max(document.documentElement.clientHeight, window.innerHeight || 0),
|
797
|
-
clientWidth: Math.max(document.documentElement.clientWidth, window.innerWidth || 0),
|
798
|
-
offsetTop: parseInt(iFramePosition.top - bodyPosition.top, 10),
|
799
|
-
offsetLeft: parseInt(iFramePosition.left - bodyPosition.left, 10),
|
800
|
-
scrollTop: window.pageYOffset,
|
801
|
-
scrollLeft: window.pageXOffset,
|
802
|
-
documentHeight: document.documentElement.clientHeight,
|
803
|
-
documentWidth: document.documentElement.clientWidth,
|
804
|
-
windowHeight: window.innerHeight,
|
805
|
-
windowWidth: window.innerWidth
|
806
|
-
});
|
807
|
-
}
|
808
|
-
function sendPageInfoToIframe(iframe, iframeId) {
|
809
|
-
function debouncedTrigger() {
|
810
|
-
trigger("Send Page Info", "pageInfo:" + getPageInfo(), iframe, iframeId);
|
811
|
-
}
|
812
|
-
debounceFrameEvents(debouncedTrigger, 32, iframeId);
|
813
|
-
}
|
814
|
-
function startPageInfoMonitor() {
|
815
|
-
function setListener(type, func) {
|
816
|
-
function sendPageInfo() {
|
817
|
-
if (settings[id]) sendPageInfoToIframe(settings[id].iframe, id);
|
818
|
-
else stop();
|
819
|
-
}
|
820
|
-
[
|
821
|
-
"scroll",
|
822
|
-
"resize"
|
823
|
-
].forEach(function(evt) {
|
824
|
-
log(id, type + evt + " listener for sendPageInfo");
|
825
|
-
func(window, evt, sendPageInfo);
|
826
|
-
});
|
827
|
-
}
|
828
|
-
function stop() {
|
829
|
-
setListener("Remove ", removeEventListener);
|
830
|
-
}
|
831
|
-
function start() {
|
832
|
-
setListener("Add ", addEventListener);
|
833
|
-
}
|
834
|
-
var id = iframeId // Create locally scoped copy of iFrame ID
|
835
|
-
;
|
836
|
-
start();
|
837
|
-
if (settings[id]) settings[id].stopPageInfo = stop;
|
838
|
-
}
|
839
|
-
function stopPageInfoMonitor() {
|
840
|
-
if (settings[iframeId] && settings[iframeId].stopPageInfo) {
|
841
|
-
settings[iframeId].stopPageInfo();
|
842
|
-
delete settings[iframeId].stopPageInfo;
|
843
|
-
}
|
844
|
-
}
|
845
|
-
function checkIFrameExists() {
|
846
|
-
var retBool = true;
|
847
|
-
if (null === messageData.iframe) {
|
848
|
-
warn(iframeId, "IFrame (" + messageData.id + ") not found");
|
849
|
-
retBool = false;
|
850
|
-
}
|
851
|
-
return retBool;
|
852
|
-
}
|
853
|
-
function getElementPosition(target) {
|
854
|
-
var iFramePosition = target.getBoundingClientRect();
|
855
|
-
getPagePosition(iframeId);
|
856
|
-
return {
|
857
|
-
x: Math.floor(Number(iFramePosition.left) + Number(pagePosition.x)),
|
858
|
-
y: Math.floor(Number(iFramePosition.top) + Number(pagePosition.y))
|
859
|
-
};
|
860
|
-
}
|
861
|
-
function scrollRequestFromChild(addOffset) {
|
862
|
-
/* istanbul ignore next */ // Not testable in Karma
|
863
|
-
function reposition() {
|
864
|
-
pagePosition = newPosition;
|
865
|
-
scrollTo();
|
866
|
-
log(iframeId, "--");
|
867
|
-
}
|
868
|
-
function calcOffset() {
|
869
|
-
return {
|
870
|
-
x: Number(messageData.width) + offset.x,
|
871
|
-
y: Number(messageData.height) + offset.y
|
872
|
-
};
|
873
|
-
}
|
874
|
-
function scrollParent() {
|
875
|
-
if (window.parentIFrame) window.parentIFrame["scrollTo" + (addOffset ? "Offset" : "")](newPosition.x, newPosition.y);
|
876
|
-
else warn(iframeId, "Unable to scroll to requested position, window.parentIFrame not found");
|
877
|
-
}
|
878
|
-
var offset = addOffset ? getElementPosition(messageData.iframe) : {
|
879
|
-
x: 0,
|
880
|
-
y: 0
|
881
|
-
}, newPosition = calcOffset();
|
882
|
-
log(iframeId, "Reposition requested from iFrame (offset x:" + offset.x + " y:" + offset.y + ")");
|
883
|
-
if (window.top !== window.self) scrollParent();
|
884
|
-
else reposition();
|
885
|
-
}
|
886
|
-
function scrollTo() {
|
887
|
-
if (false !== on("onScroll", pagePosition)) setPagePosition(iframeId);
|
888
|
-
else unsetPagePosition();
|
889
|
-
}
|
890
|
-
function findTarget(location) {
|
891
|
-
function jumpToTarget() {
|
892
|
-
var jumpPosition = getElementPosition(target);
|
893
|
-
log(iframeId, "Moving to in page link (#" + hash + ") at x: " + jumpPosition.x + " y: " + jumpPosition.y);
|
894
|
-
pagePosition = {
|
895
|
-
x: jumpPosition.x,
|
896
|
-
y: jumpPosition.y
|
897
|
-
};
|
898
|
-
scrollTo();
|
899
|
-
log(iframeId, "--");
|
900
|
-
}
|
901
|
-
function jumpToParent() {
|
902
|
-
if (window.parentIFrame) window.parentIFrame.moveToAnchor(hash);
|
903
|
-
else log(iframeId, "In page link #" + hash + " not found and window.parentIFrame not found");
|
904
|
-
}
|
905
|
-
var hash = location.split("#")[1] || "", hashData = decodeURIComponent(hash), target = document.getElementById(hashData) || document.getElementsByName(hashData)[0];
|
906
|
-
if (target) jumpToTarget();
|
907
|
-
else if (window.top !== window.self) jumpToParent();
|
908
|
-
else log(iframeId, "In page link #" + hash + " not found");
|
909
|
-
}
|
910
|
-
function onMouse(event) {
|
911
|
-
var mousePos = {};
|
912
|
-
if (Number(messageData.width) === 0 && Number(messageData.height) === 0) {
|
913
|
-
var data = getMsgBody(9).split(":");
|
914
|
-
mousePos = {
|
915
|
-
x: data[1],
|
916
|
-
y: data[0]
|
917
|
-
};
|
918
|
-
} else mousePos = {
|
919
|
-
x: messageData.width,
|
920
|
-
y: messageData.height
|
921
|
-
};
|
922
|
-
on(event, {
|
923
|
-
iframe: messageData.iframe,
|
924
|
-
screenX: Number(mousePos.x),
|
925
|
-
screenY: Number(mousePos.y),
|
926
|
-
type: messageData.type
|
927
|
-
});
|
928
|
-
}
|
929
|
-
function on(funcName, val) {
|
930
|
-
return chkEvent(iframeId, funcName, val);
|
931
|
-
}
|
932
|
-
function actionMsg() {
|
933
|
-
if (settings[iframeId] && settings[iframeId].firstRun) firstRun();
|
934
|
-
switch(messageData.type){
|
935
|
-
case "close":
|
936
|
-
closeIFrame(messageData.iframe);
|
937
|
-
break;
|
938
|
-
case "message":
|
939
|
-
forwardMsgFromIFrame(getMsgBody(6));
|
940
|
-
break;
|
941
|
-
case "mouseenter":
|
942
|
-
onMouse("onMouseEnter");
|
943
|
-
break;
|
944
|
-
case "mouseleave":
|
945
|
-
onMouse("onMouseLeave");
|
946
|
-
break;
|
947
|
-
case "autoResize":
|
948
|
-
settings[iframeId].autoResize = JSON.parse(getMsgBody(9));
|
949
|
-
break;
|
950
|
-
case "scrollTo":
|
951
|
-
scrollRequestFromChild(false);
|
952
|
-
break;
|
953
|
-
case "scrollToOffset":
|
954
|
-
scrollRequestFromChild(true);
|
955
|
-
break;
|
956
|
-
case "pageInfo":
|
957
|
-
sendPageInfoToIframe(settings[iframeId] && settings[iframeId].iframe, iframeId);
|
958
|
-
startPageInfoMonitor();
|
959
|
-
break;
|
960
|
-
case "pageInfoStop":
|
961
|
-
stopPageInfoMonitor();
|
962
|
-
break;
|
963
|
-
case "inPageLink":
|
964
|
-
findTarget(getMsgBody(9));
|
965
|
-
break;
|
966
|
-
case "reset":
|
967
|
-
resetIFrame(messageData);
|
968
|
-
break;
|
969
|
-
case "init":
|
970
|
-
resizeIFrame();
|
971
|
-
on("onInit", messageData.iframe);
|
972
|
-
break;
|
973
|
-
default:
|
974
|
-
if (Number(messageData.width) === 0 && Number(messageData.height) === 0) warn("Unsupported message received (" + messageData.type + "), this is likely due to the iframe containing a later " + "version of iframe-resizer than the parent page");
|
975
|
-
else resizeIFrame();
|
976
|
-
}
|
977
|
-
}
|
978
|
-
function hasSettings(iframeId) {
|
979
|
-
var retBool = true;
|
980
|
-
if (!settings[iframeId]) {
|
981
|
-
retBool = false;
|
982
|
-
warn(messageData.type + " No settings for " + iframeId + ". Message was: " + msg);
|
983
|
-
}
|
984
|
-
return retBool;
|
985
|
-
}
|
986
|
-
function iFrameReadyMsgReceived() {
|
987
|
-
// eslint-disable-next-line no-restricted-syntax, guard-for-in
|
988
|
-
for(var iframeId in settings)trigger("iFrame requested init", createOutgoingMsg(iframeId), settings[iframeId].iframe, iframeId);
|
989
|
-
}
|
990
|
-
function firstRun() {
|
991
|
-
if (settings[iframeId]) settings[iframeId].firstRun = false;
|
992
|
-
}
|
993
|
-
var msg = event.data, messageData = {}, iframeId = null;
|
994
|
-
if ("[iFrameResizerChild]Ready" === msg) iFrameReadyMsgReceived();
|
995
|
-
else if (isMessageForUs()) {
|
996
|
-
messageData = processMsg();
|
997
|
-
iframeId = messageData.id;
|
998
|
-
if (settings[iframeId]) settings[iframeId].loaded = true;
|
999
|
-
if (!isMessageFromMetaParent() && hasSettings(iframeId)) {
|
1000
|
-
log(iframeId, "Received: " + msg);
|
1001
|
-
if (checkIFrameExists() && isMessageFromIFrame()) actionMsg();
|
1002
|
-
}
|
1003
|
-
} else info(iframeId, "Ignored: " + msg);
|
1004
|
-
}
|
1005
|
-
function chkEvent(iframeId, funcName, val) {
|
1006
|
-
var func = null, retVal = null;
|
1007
|
-
if (settings[iframeId]) {
|
1008
|
-
func = settings[iframeId][funcName];
|
1009
|
-
if ("function" === typeof func) retVal = func(val);
|
1010
|
-
else throw new TypeError(funcName + " on iFrame[" + iframeId + "] is not a function");
|
1011
|
-
}
|
1012
|
-
return retVal;
|
1013
|
-
}
|
1014
|
-
function removeIframeListeners(iframe) {
|
1015
|
-
var iframeId = iframe.id;
|
1016
|
-
delete settings[iframeId];
|
1017
|
-
}
|
1018
|
-
function closeIFrame(iframe) {
|
1019
|
-
var iframeId = iframe.id;
|
1020
|
-
if (chkEvent(iframeId, "onClose", iframeId) === false) {
|
1021
|
-
log(iframeId, "Close iframe cancelled by onClose event");
|
1022
|
-
return;
|
1023
|
-
}
|
1024
|
-
log(iframeId, "Removing iFrame: " + iframeId);
|
1025
|
-
try {
|
1026
|
-
// Catch race condition error with React
|
1027
|
-
if (iframe.parentNode) iframe.parentNode.removeChild(iframe);
|
1028
|
-
} catch (error) {
|
1029
|
-
warn(error);
|
1030
|
-
}
|
1031
|
-
chkEvent(iframeId, "onClosed", iframeId);
|
1032
|
-
log(iframeId, "--");
|
1033
|
-
removeIframeListeners(iframe);
|
1034
|
-
}
|
1035
|
-
function getPagePosition(iframeId) {
|
1036
|
-
if (null === pagePosition) {
|
1037
|
-
pagePosition = {
|
1038
|
-
x: window.pageXOffset !== undefined ? window.pageXOffset : document.documentElement.scrollLeft,
|
1039
|
-
y: window.pageYOffset !== undefined ? window.pageYOffset : document.documentElement.scrollTop
|
1040
|
-
};
|
1041
|
-
log(iframeId, "Get page position: " + pagePosition.x + "," + pagePosition.y);
|
1042
|
-
}
|
1043
|
-
}
|
1044
|
-
function setPagePosition(iframeId) {
|
1045
|
-
if (null !== pagePosition) {
|
1046
|
-
window.scrollTo(pagePosition.x, pagePosition.y);
|
1047
|
-
log(iframeId, "Set page position: " + pagePosition.x + "," + pagePosition.y);
|
1048
|
-
unsetPagePosition();
|
1049
|
-
}
|
1050
|
-
}
|
1051
|
-
function unsetPagePosition() {
|
1052
|
-
pagePosition = null;
|
1053
|
-
}
|
1054
|
-
function resetIFrame(messageData) {
|
1055
|
-
function reset() {
|
1056
|
-
setSize(messageData);
|
1057
|
-
trigger("reset", "reset", messageData.iframe, messageData.id);
|
1058
|
-
}
|
1059
|
-
log(messageData.id, "Size reset requested by " + ("init" === messageData.type ? "host page" : "iFrame"));
|
1060
|
-
getPagePosition(messageData.id);
|
1061
|
-
syncResize(reset, messageData, "reset");
|
1062
|
-
}
|
1063
|
-
function setSize(messageData) {
|
1064
|
-
function setDimension(dimension) {
|
1065
|
-
if (!messageData.id) {
|
1066
|
-
log("undefined", "messageData id not set");
|
1067
|
-
return;
|
1068
|
-
}
|
1069
|
-
messageData.iframe.style[dimension] = messageData[dimension] + "px";
|
1070
|
-
log(messageData.id, "IFrame (" + iframeId + ") " + dimension + " set to " + messageData[dimension] + "px");
|
1071
|
-
}
|
1072
|
-
function chkZero(dimension) {
|
1073
|
-
// FireFox sets dimension of hidden iFrames to zero.
|
1074
|
-
// So if we detect that set up an event to check for
|
1075
|
-
// when iFrame becomes visible.
|
1076
|
-
/* istanbul ignore next */ // Not testable in PhantomJS
|
1077
|
-
if (!hiddenCheckEnabled && "0" === messageData[dimension]) {
|
1078
|
-
hiddenCheckEnabled = true;
|
1079
|
-
log(iframeId, "Hidden iFrame detected, creating visibility listener");
|
1080
|
-
fixHiddenIFrames();
|
1081
|
-
}
|
1082
|
-
}
|
1083
|
-
function processDimension(dimension) {
|
1084
|
-
setDimension(dimension);
|
1085
|
-
chkZero(dimension);
|
1086
|
-
}
|
1087
|
-
var iframeId = messageData.iframe.id;
|
1088
|
-
if (settings[iframeId]) {
|
1089
|
-
if (settings[iframeId].sizeHeight) processDimension("height");
|
1090
|
-
if (settings[iframeId].sizeWidth) processDimension("width");
|
1091
|
-
}
|
1092
|
-
}
|
1093
|
-
function syncResize(func, messageData, doNotSync) {
|
1094
|
-
/* istanbul ignore if */ // Not testable in PhantomJS
|
1095
|
-
if (doNotSync !== messageData.type && requestAnimationFrame && // including check for jasmine because had trouble getting spy to work in unit test using requestAnimationFrame
|
1096
|
-
!window.jasmine) {
|
1097
|
-
log(messageData.id, "Requesting animation frame");
|
1098
|
-
requestAnimationFrame(func);
|
1099
|
-
} else func();
|
1100
|
-
}
|
1101
|
-
function trigger(calleeMsg, msg, iframe, id, noResponseWarning) {
|
1102
|
-
function postMessageToIFrame() {
|
1103
|
-
var target = settings[id] && settings[id].targetOrigin;
|
1104
|
-
log(id, "[" + calleeMsg + "] Sending msg to iframe[" + id + "] (" + msg + ") targetOrigin: " + target);
|
1105
|
-
iframe.contentWindow.postMessage(msgId + msg, target);
|
1106
|
-
}
|
1107
|
-
function iFrameNotFound() {
|
1108
|
-
warn(id, "[" + calleeMsg + "] IFrame(" + id + ") not found");
|
1109
|
-
}
|
1110
|
-
function chkAndSend() {
|
1111
|
-
if (iframe && "contentWindow" in iframe && null !== iframe.contentWindow) // Null test for PhantomJS
|
1112
|
-
postMessageToIFrame();
|
1113
|
-
else iFrameNotFound();
|
1114
|
-
}
|
1115
|
-
function warnOnNoResponse() {
|
1116
|
-
function warning() {
|
1117
|
-
if (settings[id] && !settings[id].loaded && !errorShown) {
|
1118
|
-
errorShown = true;
|
1119
|
-
warn(id, "IFrame has not responded within " + settings[id].warningTimeout / 1000 + " seconds. Check iFrameResizer.contentWindow.js has been loaded in iFrame. This message can be ignored if everything is working, or you can set the warningTimeout option to a higher value or zero to suppress this warning.");
|
1120
|
-
}
|
1121
|
-
}
|
1122
|
-
if (!!noResponseWarning && settings[id] && !!settings[id].warningTimeout) settings[id].msgTimeout = setTimeout(warning, settings[id].warningTimeout);
|
1123
|
-
}
|
1124
|
-
var errorShown = false;
|
1125
|
-
id = id || iframe.id;
|
1126
|
-
if (settings[id]) {
|
1127
|
-
chkAndSend();
|
1128
|
-
warnOnNoResponse();
|
1129
|
-
}
|
1130
|
-
}
|
1131
|
-
function createOutgoingMsg(iframeId) {
|
1132
|
-
return iframeId + ":" + settings[iframeId].bodyMarginV1 + ":" + settings[iframeId].sizeWidth + ":" + settings[iframeId].log + ":" + settings[iframeId].interval + ":" + settings[iframeId].enablePublicMethods + ":" + settings[iframeId].autoResize + ":" + settings[iframeId].bodyMargin + ":" + settings[iframeId].heightCalculationMethod + ":" + settings[iframeId].bodyBackground + ":" + settings[iframeId].bodyPadding + ":" + settings[iframeId].tolerance + ":" + settings[iframeId].inPageLinks + ":" + settings[iframeId].resizeFrom + ":" + settings[iframeId].widthCalculationMethod + ":" + settings[iframeId].mouseEvents;
|
1133
|
-
}
|
1134
|
-
function isNumber(value) {
|
1135
|
-
return typeof value === "number";
|
1136
|
-
}
|
1137
|
-
function setupIFrame(iframe, options) {
|
1138
|
-
function setLimits() {
|
1139
|
-
function addStyle(style) {
|
1140
|
-
var styleValue = settings[iframeId][style];
|
1141
|
-
if (Infinity !== styleValue && 0 !== styleValue) {
|
1142
|
-
iframe.style[style] = isNumber(styleValue) ? styleValue + "px" : styleValue;
|
1143
|
-
log(iframeId, "Set " + style + " = " + iframe.style[style]);
|
1144
|
-
}
|
1145
|
-
}
|
1146
|
-
function chkMinMax(dimension) {
|
1147
|
-
if (settings[iframeId]["min" + dimension] > settings[iframeId]["max" + dimension]) throw new Error("Value for min" + dimension + " can not be greater than max" + dimension);
|
1148
|
-
}
|
1149
|
-
chkMinMax("Height");
|
1150
|
-
chkMinMax("Width");
|
1151
|
-
addStyle("maxHeight");
|
1152
|
-
addStyle("minHeight");
|
1153
|
-
addStyle("maxWidth");
|
1154
|
-
addStyle("minWidth");
|
1155
|
-
}
|
1156
|
-
function newId() {
|
1157
|
-
var id = options && options.id || defaults.id + count++;
|
1158
|
-
if (null !== document.getElementById(id)) id += count++;
|
1159
|
-
return id;
|
1160
|
-
}
|
1161
|
-
function ensureHasId(iframeId) {
|
1162
|
-
if ("" === iframeId) {
|
1163
|
-
// eslint-disable-next-line no-multi-assign
|
1164
|
-
iframe.id = iframeId = newId();
|
1165
|
-
logEnabled = (options || {}).log;
|
1166
|
-
log(iframeId, "Added missing iframe ID: " + iframeId + " (" + iframe.src + ")");
|
1167
|
-
}
|
1168
|
-
return iframeId;
|
1169
|
-
}
|
1170
|
-
function setScrolling() {
|
1171
|
-
log(iframeId, "IFrame scrolling " + (settings[iframeId] && settings[iframeId].scrolling ? "enabled" : "disabled") + " for " + iframeId);
|
1172
|
-
iframe.style.overflow = false === (settings[iframeId] && settings[iframeId].scrolling) ? "hidden" : "auto";
|
1173
|
-
switch(settings[iframeId] && settings[iframeId].scrolling){
|
1174
|
-
case "omit":
|
1175
|
-
break;
|
1176
|
-
case true:
|
1177
|
-
iframe.scrolling = "yes";
|
1178
|
-
break;
|
1179
|
-
case false:
|
1180
|
-
iframe.scrolling = "no";
|
1181
|
-
break;
|
1182
|
-
default:
|
1183
|
-
iframe.scrolling = settings[iframeId] ? settings[iframeId].scrolling : "no";
|
1184
|
-
}
|
1185
|
-
}
|
1186
|
-
// The V1 iFrame script expects an int, where as in V2 expects a CSS
|
1187
|
-
// string value such as '1px 3em', so if we have an int for V2, set V1=V2
|
1188
|
-
// and then convert V2 to a string PX value.
|
1189
|
-
function setupBodyMarginValues() {
|
1190
|
-
if ("number" === typeof (settings[iframeId] && settings[iframeId].bodyMargin) || "0" === (settings[iframeId] && settings[iframeId].bodyMargin)) {
|
1191
|
-
settings[iframeId].bodyMarginV1 = settings[iframeId].bodyMargin;
|
1192
|
-
settings[iframeId].bodyMargin = "" + settings[iframeId].bodyMargin + "px";
|
1193
|
-
}
|
1194
|
-
}
|
1195
|
-
function checkReset() {
|
1196
|
-
// Reduce scope of firstRun to function, because IE8's JS execution
|
1197
|
-
// context stack is borked and this value gets externally
|
1198
|
-
// changed midway through running this function!!!
|
1199
|
-
var firstRun = settings[iframeId] && settings[iframeId].firstRun, resetRequertMethod = settings[iframeId] && settings[iframeId].heightCalculationMethod in resetRequiredMethods;
|
1200
|
-
if (!firstRun && resetRequertMethod) resetIFrame({
|
1201
|
-
iframe: iframe,
|
1202
|
-
height: 0,
|
1203
|
-
width: 0,
|
1204
|
-
type: "init"
|
1205
|
-
});
|
1206
|
-
}
|
1207
|
-
function setupIFrameObject() {
|
1208
|
-
if (settings[iframeId]) settings[iframeId].iframe.iFrameResizer = {
|
1209
|
-
close: closeIFrame.bind(null, settings[iframeId].iframe),
|
1210
|
-
removeListeners: removeIframeListeners.bind(null, settings[iframeId].iframe),
|
1211
|
-
resize: trigger.bind(null, "Window resize", "resize", settings[iframeId].iframe),
|
1212
|
-
moveToAnchor: function(anchor) {
|
1213
|
-
trigger("Move to anchor", "moveToAnchor:" + anchor, settings[iframeId].iframe, iframeId);
|
1214
|
-
},
|
1215
|
-
sendMessage: function(message) {
|
1216
|
-
message = JSON.stringify(message);
|
1217
|
-
trigger("Send Message", "message:" + message, settings[iframeId].iframe, iframeId);
|
1218
|
-
}
|
1219
|
-
};
|
1220
|
-
}
|
1221
|
-
// We have to call trigger twice, as we can not be sure if all
|
1222
|
-
// iframes have completed loading when this code runs. The
|
1223
|
-
// event listener also catches the page changing in the iFrame.
|
1224
|
-
function init(msg) {
|
1225
|
-
function iFrameLoaded() {
|
1226
|
-
trigger("iFrame.onload", msg, iframe, undefined, true);
|
1227
|
-
checkReset();
|
1228
|
-
}
|
1229
|
-
function createDestroyObserver(MutationObserver) {
|
1230
|
-
if (!iframe.parentNode) return;
|
1231
|
-
var destroyObserver = new MutationObserver(function(mutations) {
|
1232
|
-
mutations.forEach(function(mutation) {
|
1233
|
-
var removedNodes = Array.prototype.slice.call(mutation.removedNodes) // Transform NodeList into an Array
|
1234
|
-
;
|
1235
|
-
removedNodes.forEach(function(removedNode) {
|
1236
|
-
if (removedNode === iframe) closeIFrame(iframe);
|
1237
|
-
});
|
1238
|
-
});
|
1239
|
-
});
|
1240
|
-
destroyObserver.observe(iframe.parentNode, {
|
1241
|
-
childList: true
|
1242
|
-
});
|
1243
|
-
}
|
1244
|
-
var MutationObserver = getMutationObserver();
|
1245
|
-
if (MutationObserver) createDestroyObserver(MutationObserver);
|
1246
|
-
addEventListener(iframe, "load", iFrameLoaded);
|
1247
|
-
trigger("init", msg, iframe, undefined, true);
|
1248
|
-
}
|
1249
|
-
function checkOptions(options) {
|
1250
|
-
if ("object" !== typeof options) throw new TypeError("Options is not an object");
|
1251
|
-
}
|
1252
|
-
function copyOptions(options) {
|
1253
|
-
// eslint-disable-next-line no-restricted-syntax
|
1254
|
-
for(var option in defaults)if (Object.prototype.hasOwnProperty.call(defaults, option)) settings[iframeId][option] = Object.prototype.hasOwnProperty.call(options, option) ? options[option] : defaults[option];
|
1255
|
-
}
|
1256
|
-
function getTargetOrigin(remoteHost) {
|
1257
|
-
return "" === remoteHost || null !== remoteHost.match(/^(about:blank|javascript:|file:\/\/)/) ? "*" : remoteHost;
|
1258
|
-
}
|
1259
|
-
function depricate(key) {
|
1260
|
-
var splitName = key.split("Callback");
|
1261
|
-
if (splitName.length === 2) {
|
1262
|
-
var name = "on" + splitName[0].charAt(0).toUpperCase() + splitName[0].slice(1);
|
1263
|
-
this[name] = this[key];
|
1264
|
-
delete this[key];
|
1265
|
-
warn(iframeId, "Deprecated: '" + key + "' has been renamed '" + name + "'. The old method will be removed in the next major version.");
|
1266
|
-
}
|
1267
|
-
}
|
1268
|
-
function processOptions(options) {
|
1269
|
-
options = options || {};
|
1270
|
-
settings[iframeId] = {
|
1271
|
-
firstRun: true,
|
1272
|
-
iframe: iframe,
|
1273
|
-
remoteHost: iframe.src && iframe.src.split("/").slice(0, 3).join("/")
|
1274
|
-
};
|
1275
|
-
checkOptions(options);
|
1276
|
-
Object.keys(options).forEach(depricate, options);
|
1277
|
-
copyOptions(options);
|
1278
|
-
if (settings[iframeId]) settings[iframeId].targetOrigin = true === settings[iframeId].checkOrigin ? getTargetOrigin(settings[iframeId].remoteHost) : "*";
|
1279
|
-
}
|
1280
|
-
function beenHere() {
|
1281
|
-
return iframeId in settings && "iFrameResizer" in iframe;
|
1282
|
-
}
|
1283
|
-
var iframeId = ensureHasId(iframe.id);
|
1284
|
-
if (!beenHere()) {
|
1285
|
-
processOptions(options);
|
1286
|
-
setScrolling();
|
1287
|
-
setLimits();
|
1288
|
-
setupBodyMarginValues();
|
1289
|
-
init(createOutgoingMsg(iframeId));
|
1290
|
-
setupIFrameObject();
|
1291
|
-
} else warn(iframeId, "Ignored iFrame, already setup.");
|
1292
|
-
}
|
1293
|
-
function debouce(fn, time) {
|
1294
|
-
if (null === timer) timer = setTimeout(function() {
|
1295
|
-
timer = null;
|
1296
|
-
fn();
|
1297
|
-
}, time);
|
1298
|
-
}
|
1299
|
-
var frameTimer = {};
|
1300
|
-
function debounceFrameEvents(fn, time, frameId) {
|
1301
|
-
if (!frameTimer[frameId]) frameTimer[frameId] = setTimeout(function() {
|
1302
|
-
frameTimer[frameId] = null;
|
1303
|
-
fn();
|
1304
|
-
}, time);
|
1305
|
-
}
|
1306
|
-
// Not testable in PhantomJS
|
1307
|
-
/* istanbul ignore next */ function fixHiddenIFrames() {
|
1308
|
-
function checkIFrames() {
|
1309
|
-
function checkIFrame(settingId) {
|
1310
|
-
function chkDimension(dimension) {
|
1311
|
-
return "0px" === (settings[settingId] && settings[settingId].iframe.style[dimension]);
|
1312
|
-
}
|
1313
|
-
function isVisible(el) {
|
1314
|
-
return null !== el.offsetParent;
|
1315
|
-
}
|
1316
|
-
if (settings[settingId] && isVisible(settings[settingId].iframe) && (chkDimension("height") || chkDimension("width"))) trigger("Visibility change", "resize", settings[settingId].iframe, settingId);
|
1317
|
-
}
|
1318
|
-
Object.keys(settings).forEach(function(key) {
|
1319
|
-
checkIFrame(key);
|
1320
|
-
});
|
1321
|
-
}
|
1322
|
-
function mutationObserved(mutations) {
|
1323
|
-
log("window", "Mutation observed: " + mutations[0].target + " " + mutations[0].type);
|
1324
|
-
debouce(checkIFrames, 16);
|
1325
|
-
}
|
1326
|
-
function createMutationObserver() {
|
1327
|
-
var target = document.querySelector("body"), config = {
|
1328
|
-
attributes: true,
|
1329
|
-
attributeOldValue: false,
|
1330
|
-
characterData: true,
|
1331
|
-
characterDataOldValue: false,
|
1332
|
-
childList: true,
|
1333
|
-
subtree: true
|
1334
|
-
}, observer = new MutationObserver(mutationObserved);
|
1335
|
-
observer.observe(target, config);
|
1336
|
-
}
|
1337
|
-
var MutationObserver = getMutationObserver();
|
1338
|
-
if (MutationObserver) createMutationObserver();
|
1339
|
-
}
|
1340
|
-
function resizeIFrames(event) {
|
1341
|
-
function resize() {
|
1342
|
-
sendTriggerMsg("Window " + event, "resize");
|
1343
|
-
}
|
1344
|
-
log("window", "Trigger event: " + event);
|
1345
|
-
debouce(resize, 16);
|
1346
|
-
}
|
1347
|
-
// Not testable in PhantomJS
|
1348
|
-
/* istanbul ignore next */ function tabVisible() {
|
1349
|
-
function resize() {
|
1350
|
-
sendTriggerMsg("Tab Visable", "resize");
|
1351
|
-
}
|
1352
|
-
if ("hidden" !== document.visibilityState) {
|
1353
|
-
log("document", "Trigger event: Visiblity change");
|
1354
|
-
debouce(resize, 16);
|
1355
|
-
}
|
1356
|
-
}
|
1357
|
-
function sendTriggerMsg(eventName, event) {
|
1358
|
-
function isIFrameResizeEnabled(iframeId) {
|
1359
|
-
return settings[iframeId] && "parent" === settings[iframeId].resizeFrom && settings[iframeId].autoResize && !settings[iframeId].firstRun;
|
1360
|
-
}
|
1361
|
-
Object.keys(settings).forEach(function(iframeId) {
|
1362
|
-
if (isIFrameResizeEnabled(iframeId)) trigger(eventName, event, settings[iframeId].iframe, iframeId);
|
1363
|
-
});
|
1364
|
-
}
|
1365
|
-
function setupEventListeners() {
|
1366
|
-
addEventListener(window, "message", iFrameListener);
|
1367
|
-
addEventListener(window, "resize", function() {
|
1368
|
-
resizeIFrames("resize");
|
1369
|
-
});
|
1370
|
-
addEventListener(document, "visibilitychange", tabVisible);
|
1371
|
-
addEventListener(document, "-webkit-visibilitychange", tabVisible);
|
1372
|
-
}
|
1373
|
-
function factory() {
|
1374
|
-
function init(options, element) {
|
1375
|
-
function chkType() {
|
1376
|
-
if (!element.tagName) throw new TypeError("Object is not a valid DOM element");
|
1377
|
-
else if ("IFRAME" !== element.tagName.toUpperCase()) throw new TypeError("Expected <IFRAME> tag, found <" + element.tagName + ">");
|
1378
|
-
}
|
1379
|
-
if (element) {
|
1380
|
-
chkType();
|
1381
|
-
setupIFrame(element, options);
|
1382
|
-
iFrames.push(element);
|
1383
|
-
}
|
1384
|
-
}
|
1385
|
-
function warnDeprecatedOptions(options) {
|
1386
|
-
if (options && options.enablePublicMethods) warn("enablePublicMethods option has been removed, public methods are now always available in the iFrame");
|
1387
|
-
}
|
1388
|
-
var iFrames;
|
1389
|
-
setupRequestAnimationFrame();
|
1390
|
-
setupEventListeners();
|
1391
|
-
return function iFrameResizeF(options, target) {
|
1392
|
-
iFrames = [] // Only return iFrames past in on this call
|
1393
|
-
;
|
1394
|
-
warnDeprecatedOptions(options);
|
1395
|
-
switch(typeof target){
|
1396
|
-
case "undefined":
|
1397
|
-
case "string":
|
1398
|
-
Array.prototype.forEach.call(document.querySelectorAll(target || "iframe"), init.bind(undefined, options));
|
1399
|
-
break;
|
1400
|
-
case "object":
|
1401
|
-
init(options, target);
|
1402
|
-
break;
|
1403
|
-
default:
|
1404
|
-
throw new TypeError("Unexpected data type (" + typeof target + ")");
|
1405
|
-
}
|
1406
|
-
return iFrames;
|
1407
|
-
};
|
1408
|
-
}
|
1409
|
-
function createJQueryPublicMethod($) {
|
1410
|
-
if (!$.fn) info("", "Unable to bind to jQuery, it is not fully loaded.");
|
1411
|
-
else if (!$.fn.iFrameResize) $.fn.iFrameResize = function $iFrameResizeF(options) {
|
1412
|
-
function init(index, element) {
|
1413
|
-
setupIFrame(element, options);
|
1414
|
-
}
|
1415
|
-
return this.filter("iframe").each(init).end();
|
1416
|
-
};
|
1417
|
-
}
|
1418
|
-
if (window.jQuery) createJQueryPublicMethod(window.jQuery);
|
1419
|
-
if (typeof define === "function" && define.amd) define([], factory);
|
1420
|
-
else if (typeof module.exports === "object") // Node for browserfy
|
1421
|
-
module.exports = factory();
|
1422
|
-
window.iFrameResize = window.iFrameResize || factory();
|
1423
|
-
})();
|
1424
|
-
|
1425
|
-
},{}]},["2Ac7p","p4VhZ"], "p4VhZ", "parcelRequirea49c")
|
1426
|
-
|
1427
|
-
//# sourceMappingURL=embed.js.map
|