lookbook 2.0.0.beta.2 → 2.0.0.beta.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/lookbook/css/fonts.css +33 -0
- data/app/assets/lookbook/css/lookbook.css +7 -0
- data/app/assets/lookbook/css/themes/blue.css +4 -1
- data/app/assets/lookbook/css/themes/green.css +4 -1
- data/app/assets/lookbook/css/themes/indigo.css +4 -1
- data/app/assets/lookbook/css/themes/rose.css +4 -1
- data/app/assets/lookbook/css/themes/zinc.css +4 -1
- 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/img/lucide-sprite.svg +869 -869
- data/app/assets/lookbook/js/lib/lookbook.js +12 -2
- data/app/components/lookbook/code/highlight_github.css +16 -17
- data/app/components/lookbook/dimensions_display/component.js +4 -7
- data/app/components/lookbook/file_source/component.html.erb +9 -0
- data/app/components/lookbook/file_source/component.rb +73 -0
- data/app/components/lookbook/header/component.html.erb +11 -8
- data/app/components/lookbook/icon/component.css +1 -1
- data/app/components/lookbook/icon/component.html.erb +1 -1
- data/app/components/lookbook/icon/component.rb +4 -1
- data/app/components/lookbook/logo/component.html.erb +6 -0
- data/app/components/lookbook/logo/component.rb +15 -0
- data/app/components/lookbook/message/component.css +33 -0
- data/app/components/lookbook/message/component.html.erb +26 -0
- data/app/components/lookbook/message/component.rb +13 -0
- data/app/components/lookbook/nav/entity/component.html.erb +2 -2
- data/app/components/lookbook/nav/entity/component.rb +1 -1
- data/app/components/lookbook/page_tabs/component.html.erb +2 -2
- data/app/components/lookbook/params/field/component.css +3 -3
- data/app/components/lookbook/prose/component.css +8 -1
- data/app/components/lookbook/prose/component.html.erb +6 -1
- data/app/components/lookbook/prose/component.rb +2 -2
- data/app/controllers/concerns/lookbook/targetable_concern.rb +2 -16
- data/app/controllers/lookbook/application_controller.rb +38 -14
- data/app/controllers/lookbook/embeds_controller.rb +3 -4
- data/app/controllers/lookbook/inspector_controller.rb +4 -12
- data/app/controllers/lookbook/pages_controller.rb +15 -27
- data/app/controllers/lookbook/preview_controller.rb +30 -2
- data/app/controllers/lookbook/previews_controller.rb +13 -15
- data/app/views/layouts/lookbook/application.html.erb +1 -0
- data/app/views/layouts/lookbook/skeleton.html.erb +2 -2
- data/app/views/lookbook/errors/default.html.erb +40 -0
- data/app/views/lookbook/errors/not_found.html.erb +10 -0
- data/app/views/lookbook/index.html.erb +29 -24
- data/app/views/lookbook/pages/show.html.erb +9 -8
- data/app/views/lookbook/partials/_blank_slate.html.erb +7 -0
- data/config/app.yml +8 -0
- data/config/routes.rb +2 -0
- data/lib/lookbook/engine.rb +12 -5
- data/lib/lookbook/entities/concerns/annotatable_entity.rb +26 -1
- data/lib/lookbook/entities/concerns/inspectable_entity.rb +17 -2
- data/lib/lookbook/entities/concerns/locatable_entity.rb +51 -7
- data/lib/lookbook/entities/concerns/navigable_entity.rb +14 -1
- data/lib/lookbook/entities/entity.rb +34 -12
- data/lib/lookbook/entities/page_entity.rb +68 -10
- data/lib/lookbook/entities/page_section_entity.rb +4 -0
- data/lib/lookbook/entities/preview_entity.rb +107 -17
- data/lib/lookbook/entities/renderable_entity.rb +47 -9
- data/lib/lookbook/entities/rendered_scenario_entity.rb +17 -6
- data/lib/lookbook/entities/scenario_entity.rb +77 -16
- data/lib/lookbook/entities/scenario_group_entity.rb +82 -9
- data/lib/lookbook/helpers/page_helper.rb +26 -1
- data/lib/lookbook/helpers/ui_elements_helper.rb +0 -24
- data/lib/lookbook/param.rb +1 -1
- data/lib/lookbook/services/markdown_renderer.rb +2 -4
- data/lib/lookbook/stores/config_store.rb +0 -12
- data/lib/lookbook/support/errors/config_error.rb +1 -1
- data/lib/lookbook/support/errors/error.rb +64 -0
- data/lib/lookbook/support/errors/parser_error.rb +1 -1
- data/lib/lookbook/support/errors/preview_template_error.rb +1 -1
- data/lib/lookbook/support/errors/routing_error.rb +7 -0
- data/lib/lookbook/support/errors/template_error.rb +7 -0
- 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 +417 -58
- data/public/lookbook-assets/css/lookbook.css.map +1 -1
- data/public/lookbook-assets/css/themes/blue.css +4 -1
- data/public/lookbook-assets/css/themes/blue.css.map +1 -1
- data/public/lookbook-assets/css/themes/green.css +4 -1
- data/public/lookbook-assets/css/themes/green.css.map +1 -1
- data/public/lookbook-assets/css/themes/indigo.css +4 -1
- data/public/lookbook-assets/css/themes/indigo.css.map +1 -1
- data/public/lookbook-assets/css/themes/rose.css +4 -1
- data/public/lookbook-assets/css/themes/rose.css.map +1 -1
- data/public/lookbook-assets/css/themes/zinc.css +4 -1
- data/public/lookbook-assets/css/themes/zinc.css.map +1 -1
- data/public/lookbook-assets/img/lucide-sprite.svg +869 -869
- data/public/lookbook-assets/js/index.js +173 -173
- 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 +31 -26
- data/app/views/layouts/lookbook/shell.html.erb +0 -25
- data/app/views/lookbook/404.html.erb +0 -15
- data/app/views/lookbook/error.html.erb +0 -46
- data/lib/lookbook/error.rb +0 -120
- data/lib/lookbook/support/errors/lookbook_error.rb +0 -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
|
-
})({"3AgOT":[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 = "439701173a9199ea";
|
151
|
-
module.bundle.HMR_BUNDLE_ID = "0e5aeac1cb50f978";
|
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
|
-
},{}],"im2oa":[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":"2Is2j"}],"2Is2j":[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
|
-
},{}]},["3AgOT","im2oa"], "im2oa", "parcelRequirea49c")
|
1426
|
-
|
1427
|
-
//# sourceMappingURL=lookbook-esm.js.map
|