lookbook 2.3.6 → 2.3.7

data/public/lookbook-assets/js/lookbook.js

@@ -1,124 +1,4 @@
 (() => {
-
-      var $parcel$global = globalThis;
-    
-var $parcel$modules = {};
-var $parcel$inits = {};
-
-var parcelRequire = $parcel$global["parcelRequirea49c"];
-
-if (parcelRequire == null) {
-  parcelRequire = function(id) {
-    if (id in $parcel$modules) {
-      return $parcel$modules[id].exports;
-    }
-    if (id in $parcel$inits) {
-      var init = $parcel$inits[id];
-      delete $parcel$inits[id];
-      var module = {id: id, exports: {}};
-      $parcel$modules[id] = module;
-      init.call(module.exports, module, module.exports);
-      return module.exports;
-    }
-    var err = new Error("Cannot find module '" + id + "'");
-    err.code = 'MODULE_NOT_FOUND';
-    throw err;
-  };
-
-  parcelRequire.register = function register(id, init) {
-    $parcel$inits[id] = init;
-  };
-
-  $parcel$global["parcelRequirea49c"] = parcelRequire;
-}
-
-var parcelRegister = parcelRequire.register;
-parcelRegister("6RQZy", function(module, exports) {
-window.Lookbook = window.Lookbook || {};
-window.Lookbook.initEmbeds = $5000cc5d1e9e824a$var$initEmbeds;
-const $5000cc5d1e9e824a$var$embedUrlPrefix = "embed";
-const $5000cc5d1e9e824a$var$whiteListedAttributes = [
-    "preview",
-    "scenario",
-    "panels",
-    "actions",
-    "param-*"
-];
-function $5000cc5d1e9e824a$var$initEmbeds(root = document) {
-    if (typeof window.iFrameResize !== "function") {
-        console.error("Lookbook embeds require the 'iframe-resizer' library to be available. Skipping embed instantiation.");
-        return;
-    }
-    if (typeof root === "string") root = document.querySelector(root);
-    if (!root) return console.error("Could not initialize Lookbook embeds. Root node not found.");
-    const embeds = Array.from(root.querySelectorAll("lookbook-embed"));
-    embeds.forEach((embed)=>{
-        const attrs = Array.from(embed.attributes);
-        const wrapper = $5000cc5d1e9e824a$var$createWrapper();
-        const iframe = $5000cc5d1e9e824a$var$createIframe(attrs);
-        wrapper.appendChild(iframe);
-        embed.replaceWith(wrapper);
-    });
-    window.iFrameResize({
-        checkOrigin: false
-    }, "[data-lookbook-embed-iframe]");
-}
-function $5000cc5d1e9e824a$var$createWrapper() {
-    const wrapper = document.createElement("div");
-    wrapper.setAttribute("data-lookbook-embed", "");
-    wrapper.classList.add("lookbook-embed");
-    return wrapper;
-}
-function $5000cc5d1e9e824a$var$createIframe(attrs) {
-    const src = $5000cc5d1e9e824a$var$buildSrc(attrs);
-    const id = $5000cc5d1e9e824a$var$attrValue(attrs, "id");
-    const styles = $5000cc5d1e9e824a$var$attrValue(attrs, "style");
-    const classes = $5000cc5d1e9e824a$var$attrValue(attrs, "class", "").split(" ").map((c)=>c.trim()).filter((c)=>c.length);
-    const iframe = document.createElement("iframe");
-    iframe.src = src;
-    if (id) iframe.id = id;
-    iframe.setAttribute("frameborder", 0);
-    iframe.setAttribute("data-lookbook-embed-iframe", "");
-    if (classes.length) iframe.classList.add(...classes);
-    if (styles) iframe.style.cssText = styles;
-    iframe.style.width = "100%";
-    iframe.style.transition = "height 0.3s";
-    return iframe;
-}
-function $5000cc5d1e9e824a$var$buildSrc(attrs) {
-    const appPath = $5000cc5d1e9e824a$var$attrValue(attrs, "app") || $5000cc5d1e9e824a$var$guessBasePath();
-    const props = {};
-    $5000cc5d1e9e824a$var$permittedAttrs(attrs).forEach(({ name: name, value: value })=>{
-        name = name.replace("-", "_").toLowerCase();
-        props[name] = value;
-    });
-    return encodeURI([
-        appPath,
-        $5000cc5d1e9e824a$var$embedUrlPrefix
-    ].join("/") + `?props=${JSON.stringify(props)}`);
-}
-function $5000cc5d1e9e824a$var$attrValue(attrs, name, fallback = null) {
-    const attr = attrs.find((attr)=>attr.name === name);
-    return attr ? attr.value : fallback;
-}
-function $5000cc5d1e9e824a$var$permittedAttrs(attrs) {
-    return attrs.filter((attr)=>{
-        return $5000cc5d1e9e824a$var$whiteListedAttributes.find((key)=>{
-            const name = attr.name;
-            return key === name || key.includes("*") && name.startsWith(key.replace("*", ""));
-        });
-    });
-}
-function $5000cc5d1e9e824a$var$guessBasePath() {
-    const script = document.currentScript || document.querySelector('script[src*="lookbook.js"]');
-    const scriptSrc = script.src;
-    if (scriptSrc && scriptSrc.includes("lookbook-assets")) return scriptSrc.split("?")[0].replace("lookbook-assets/js/lookbook.js", "lookbook");
-    return `//${location.host}/lookbook`;
-}
-document.addEventListener("DOMContentLoaded", ()=>$5000cc5d1e9e824a$var$initEmbeds());
-
-});
-
 var $5180433265c858be$exports = {};
 /*
  * File: iframeResizer.js
@@ -130,8 +10,8 @@ var $5180433265c858be$exports = {};
  * Contributor: Reed Dadoune - reed@dadoune.com
  */ // eslint-disable-next-line sonarjs/cognitive-complexity, no-shadow-restricted-names
 (function(undefined) {
-    if (typeof window === "undefined") return; // don't run for server side render
-    var count = 0, logEnabled = false, hiddenCheckEnabled = false, msgHeader = "message", msgHeaderLen = msgHeader.length, msgId = "[iFrameSizer]", msgIdLen = msgId.length, pagePosition = null, requestAnimationFrame = window.requestAnimationFrame, resetRequiredMethods = Object.freeze({
+    if (typeof window === 'undefined') return; // don't run for server side render
+    var count = 0, logEnabled = false, hiddenCheckEnabled = false, msgHeader = 'message', msgHeaderLen = msgHeader.length, msgId = '[iFrameSizer]', msgIdLen = msgId.length, pagePosition = null, requestAnimationFrame = window.requestAnimationFrame, resetRequiredMethods = Object.freeze({
         max: 1,
         scroll: 1,
         bodyScroll: 1,
@@ -145,8 +25,8 @@ var $5180433265c858be$exports = {};
         checkOrigin: true,
         inPageLinks: false,
         enablePublicMethods: true,
-        heightCalculationMethod: "bodyOffset",
-        id: "iFrameResizer",
+        heightCalculationMethod: 'bodyOffset',
+        id: 'iFrameResizer',
         interval: 32,
         log: false,
         maxHeight: Infinity,
@@ -154,20 +34,20 @@ var $5180433265c858be$exports = {};
         minHeight: 0,
         minWidth: 0,
         mouseEvents: true,
-        resizeFrom: "parent",
+        resizeFrom: 'parent',
         scrolling: false,
         sizeHeight: true,
         sizeWidth: false,
         warningTimeout: 5000,
         tolerance: 0,
-        widthCalculationMethod: "scroll",
+        widthCalculationMethod: 'scroll',
         onClose: function() {
             return true;
         },
         onClosed: function() {},
         onInit: function() {},
         onMessage: function() {
-            warn("onMessage function not defined");
+            warn('onMessage function not defined');
         },
         onMouseEnter: function() {},
         onMouseLeave: function() {},
@@ -187,42 +67,42 @@ var $5180433265c858be$exports = {};
     }
     function setupRequestAnimationFrame() {
         var vendors = [
-            "moz",
-            "webkit",
-            "o",
-            "ms"
+            'moz',
+            'webkit',
+            'o',
+            'ms'
         ];
         var x;
         // Remove vendor prefixing if prefixed and break early if not
-        for(x = 0; x < vendors.length && !requestAnimationFrame; x += 1)requestAnimationFrame = window[vendors[x] + "RequestAnimationFrame"];
+        for(x = 0; x < vendors.length && !requestAnimationFrame; x += 1)requestAnimationFrame = window[vendors[x] + 'RequestAnimationFrame'];
         if (requestAnimationFrame) // Firefox extension content-scripts have a globalThis object that is not the same as window.
         // Binding `requestAnimationFrame` to window allows the function to work and prevents errors
         // being thrown when run in that context, and should be a no-op in every other context.
         requestAnimationFrame = requestAnimationFrame.bind(window);
-        else log("setup", "RequestAnimationFrame not supported");
+        else log('setup', 'RequestAnimationFrame not supported');
     }
     function getMyID(iframeId) {
-        var retStr = "Host page: " + iframeId;
-        if (window.top !== window.self) retStr = window.parentIFrame && window.parentIFrame.getId ? window.parentIFrame.getId() + ": " + iframeId : "Nested host page: " + iframeId;
+        var retStr = 'Host page: ' + iframeId;
+        if (window.top !== window.self) retStr = window.parentIFrame && window.parentIFrame.getId ? window.parentIFrame.getId() + ': ' + iframeId : 'Nested host page: ' + iframeId;
         return retStr;
     }
     function formatLogHeader(iframeId) {
-        return msgId + "[" + getMyID(iframeId) + "]";
+        return msgId + '[' + getMyID(iframeId) + ']';
     }
     function isLogEnabled(iframeId) {
         return settings[iframeId] ? settings[iframeId].log : logEnabled;
     }
     function log(iframeId, msg) {
-        output("log", iframeId, msg, isLogEnabled(iframeId));
+        output('log', iframeId, msg, isLogEnabled(iframeId));
     }
     function info(iframeId, msg) {
-        output("info", iframeId, msg, isLogEnabled(iframeId));
+        output('info', iframeId, msg, isLogEnabled(iframeId));
     }
     function warn(iframeId, msg) {
-        output("warn", iframeId, msg, true);
+        output('warn', iframeId, msg, true);
     }
     function output(type, iframeId, msg, enabled) {
-        if (true === enabled && "object" === typeof window.console) // eslint-disable-next-line no-console
+        if (true === enabled && 'object' === typeof window.console) // eslint-disable-next-line no-console
         console[type](formatLogHeader(iframeId), msg);
     }
     function iFrameListener(event) {
@@ -230,14 +110,14 @@ var $5180433265c858be$exports = {};
             function resize() {
                 setSize(messageData);
                 setPagePosition(iframeId);
-                on("onResized", messageData);
+                on('onResized', messageData);
             }
-            ensureInRange("Height");
-            ensureInRange("Width");
-            syncResize(resize, messageData, "init");
+            ensureInRange('Height');
+            ensureInRange('Width');
+            syncResize(resize, messageData, 'init');
         }
         function processMsg() {
-            var data = msg.slice(msgIdLen).split(":");
+            var data = msg.slice(msgIdLen).split(':');
             var height = data[1] ? parseInt(data[1], 10) : 0;
             var iframe = settings[data[0]] && settings[data[0]].iframe;
             var compStyle = getComputedStyle(iframe);
@@ -250,35 +130,35 @@ var $5180433265c858be$exports = {};
             };
         }
         function getPaddingEnds(compStyle) {
-            if (compStyle.boxSizing !== "border-box") return 0;
+            if (compStyle.boxSizing !== 'border-box') return 0;
             var top = compStyle.paddingTop ? parseInt(compStyle.paddingTop, 10) : 0;
             var bot = compStyle.paddingBottom ? parseInt(compStyle.paddingBottom, 10) : 0;
             return top + bot;
         }
         function getBorderEnds(compStyle) {
-            if (compStyle.boxSizing !== "border-box") return 0;
+            if (compStyle.boxSizing !== 'border-box') return 0;
             var top = compStyle.borderTopWidth ? parseInt(compStyle.borderTopWidth, 10) : 0;
             var bot = compStyle.borderBottomWidth ? parseInt(compStyle.borderBottomWidth, 10) : 0;
             return top + bot;
         }
         function ensureInRange(Dimension) {
-            var max = Number(settings[iframeId]["max" + Dimension]), min = Number(settings[iframeId]["min" + Dimension]), dimension = Dimension.toLowerCase(), size = Number(messageData[dimension]);
-            log(iframeId, "Checking " + dimension + " is in range " + min + "-" + max);
+            var max = Number(settings[iframeId]['max' + Dimension]), min = Number(settings[iframeId]['min' + Dimension]), dimension = Dimension.toLowerCase(), size = Number(messageData[dimension]);
+            log(iframeId, 'Checking ' + dimension + ' is in range ' + min + '-' + max);
             if (size < min) {
                 size = min;
-                log(iframeId, "Set " + dimension + " to min value");
+                log(iframeId, 'Set ' + dimension + ' to min value');
             }
             if (size > max) {
                 size = max;
-                log(iframeId, "Set " + dimension + " to max value");
+                log(iframeId, 'Set ' + dimension + ' to max value');
             }
-            messageData[dimension] = "" + size;
+            messageData[dimension] = '' + size;
         }
         function isMessageFromIFrame() {
             function checkAllowedOrigin() {
                 function checkList() {
                     var i = 0, retCode = false;
-                    log(iframeId, "Checking connection is from allowed list of origins: " + checkOrigin);
+                    log(iframeId, 'Checking connection is from allowed list of origins: ' + checkOrigin);
                     for(; i < checkOrigin.length; i++)if (checkOrigin[i] === origin) {
                         retCode = true;
                         break;
@@ -287,17 +167,17 @@ var $5180433265c858be$exports = {};
                 }
                 function checkSingle() {
                     var remoteHost = settings[iframeId] && settings[iframeId].remoteHost;
-                    log(iframeId, "Checking connection is from: " + remoteHost);
+                    log(iframeId, 'Checking connection is from: ' + remoteHost);
                     return origin === remoteHost;
                 }
                 return checkOrigin.constructor === Array ? checkList() : checkSingle();
             }
             var origin = event.origin, checkOrigin = settings[iframeId] && settings[iframeId].checkOrigin;
-            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.");
+            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.');
             return true;
         }
         function isMessageForUs() {
-            return msgId === ("" + msg).slice(0, msgIdLen) && msg.slice(msgIdLen).split(":")[0] in settings // ''+Protects against non-string msg
+            return msgId === ('' + msg).slice(0, msgIdLen) && msg.slice(msgIdLen).split(':')[0] in settings // ''+Protects against non-string msg
             ;
         }
         function isMessageFromMetaParent() {
@@ -308,19 +188,19 @@ var $5180433265c858be$exports = {};
                 false: 1,
                 undefined: 1
             };
-            if (retCode) log(iframeId, "Ignoring init message from meta parent page");
+            if (retCode) log(iframeId, 'Ignoring init message from meta parent page');
             return retCode;
         }
         function getMsgBody(offset) {
-            return msg.slice(msg.indexOf(":") + msgHeaderLen + offset);
+            return msg.slice(msg.indexOf(':') + msgHeaderLen + offset);
         }
         function forwardMsgFromIFrame(msgBody) {
-            log(iframeId, "onMessage passed: {iframe: " + messageData.iframe.id + ", message: " + msgBody + "}");
-            on("onMessage", {
+            log(iframeId, 'onMessage passed: {iframe: ' + messageData.iframe.id + ', message: ' + msgBody + '}');
+            on('onMessage', {
                 iframe: messageData.iframe,
                 message: JSON.parse(msgBody)
             });
-            log(iframeId, "--");
+            log(iframeId, '--');
         }
         function getPageInfo() {
             var bodyPosition = document.body.getBoundingClientRect(), iFramePosition = messageData.iframe.getBoundingClientRect();
@@ -341,7 +221,7 @@ var $5180433265c858be$exports = {};
         }
         function sendPageInfoToIframe(iframe, iframeId) {
             function debouncedTrigger() {
-                trigger("Send Page Info", "pageInfo:" + getPageInfo(), iframe, iframeId);
+                trigger('Send Page Info', 'pageInfo:' + getPageInfo(), iframe, iframeId);
             }
             debounceFrameEvents(debouncedTrigger, 32, iframeId);
         }
@@ -352,18 +232,18 @@ var $5180433265c858be$exports = {};
                     else stop();
                 }
                 [
-                    "scroll",
-                    "resize"
+                    'scroll',
+                    'resize'
                 ].forEach(function(evt) {
-                    log(id, type + evt + " listener for sendPageInfo");
+                    log(id, type + evt + ' listener for sendPageInfo');
                     func(window, evt, sendPageInfo);
                 });
             }
             function stop() {
-                setListener("Remove ", removeEventListener);
+                setListener('Remove ', removeEventListener);
             }
             function start() {
-                setListener("Add ", addEventListener);
+                setListener('Add ', addEventListener);
             }
             var id = iframeId // Create locally scoped copy of iFrame ID
             ;
@@ -379,7 +259,7 @@ var $5180433265c858be$exports = {};
         function checkIFrameExists() {
             var retBool = true;
             if (null === messageData.iframe) {
-                warn(iframeId, "IFrame (" + messageData.id + ") not found");
+                warn(iframeId, 'IFrame (' + messageData.id + ') not found');
                 retBool = false;
             }
             return retBool;
@@ -397,7 +277,7 @@ var $5180433265c858be$exports = {};
             function reposition() {
                 pagePosition = newPosition;
                 scrollTo();
-                log(iframeId, "--");
+                log(iframeId, '--');
             }
             function calcOffset() {
                 return {
@@ -406,45 +286,45 @@ var $5180433265c858be$exports = {};
                 };
             }
             function scrollParent() {
-                if (window.parentIFrame) window.parentIFrame["scrollTo" + (addOffset ? "Offset" : "")](newPosition.x, newPosition.y);
-                else warn(iframeId, "Unable to scroll to requested position, window.parentIFrame not found");
+                if (window.parentIFrame) window.parentIFrame['scrollTo' + (addOffset ? 'Offset' : '')](newPosition.x, newPosition.y);
+                else warn(iframeId, 'Unable to scroll to requested position, window.parentIFrame not found');
             }
             var offset = addOffset ? getElementPosition(messageData.iframe) : {
                 x: 0,
                 y: 0
             }, newPosition = calcOffset();
-            log(iframeId, "Reposition requested from iFrame (offset x:" + offset.x + " y:" + offset.y + ")");
+            log(iframeId, 'Reposition requested from iFrame (offset x:' + offset.x + ' y:' + offset.y + ')');
             if (window.top === window.self) reposition();
             else scrollParent();
         }
         function scrollTo() {
-            if (false === on("onScroll", pagePosition)) unsetPagePosition();
+            if (false === on('onScroll', pagePosition)) unsetPagePosition();
             else setPagePosition(iframeId);
         }
         function findTarget(location) {
             function jumpToTarget() {
                 var jumpPosition = getElementPosition(target);
-                log(iframeId, "Moving to in page link (#" + hash + ") at x: " + jumpPosition.x + " y: " + jumpPosition.y);
+                log(iframeId, 'Moving to in page link (#' + hash + ') at x: ' + jumpPosition.x + ' y: ' + jumpPosition.y);
                 pagePosition = {
                     x: jumpPosition.x,
                     y: jumpPosition.y
                 };
                 scrollTo();
-                log(iframeId, "--");
+                log(iframeId, '--');
             }
             function jumpToParent() {
                 if (window.parentIFrame) window.parentIFrame.moveToAnchor(hash);
-                else log(iframeId, "In page link #" + hash + " not found and window.parentIFrame not found");
+                else log(iframeId, 'In page link #' + hash + ' not found and window.parentIFrame not found');
             }
-            var hash = location.split("#")[1] || "", hashData = decodeURIComponent(hash), target = document.getElementById(hashData) || document.getElementsByName(hashData)[0];
+            var hash = location.split('#')[1] || '', hashData = decodeURIComponent(hash), target = document.getElementById(hashData) || document.getElementsByName(hashData)[0];
             if (target) jumpToTarget();
-            else if (window.top === window.self) log(iframeId, "In page link #" + hash + " not found");
+            else if (window.top === window.self) log(iframeId, 'In page link #' + hash + ' not found');
             else jumpToParent();
         }
         function onMouse(event) {
             var mousePos = {};
             if (Number(messageData.width) === 0 && Number(messageData.height) === 0) {
-                var data = getMsgBody(9).split(":");
+                var data = getMsgBody(9).split(':');
                 mousePos = {
                     x: data[1],
                     y: data[0]
@@ -466,46 +346,46 @@ var $5180433265c858be$exports = {};
         function actionMsg() {
             if (settings[iframeId] && settings[iframeId].firstRun) firstRun();
             switch(messageData.type){
-                case "close":
+                case 'close':
                     closeIFrame(messageData.iframe);
                     break;
-                case "message":
+                case 'message':
                     forwardMsgFromIFrame(getMsgBody(6));
                     break;
-                case "mouseenter":
-                    onMouse("onMouseEnter");
+                case 'mouseenter':
+                    onMouse('onMouseEnter');
                     break;
-                case "mouseleave":
-                    onMouse("onMouseLeave");
+                case 'mouseleave':
+                    onMouse('onMouseLeave');
                     break;
-                case "autoResize":
+                case 'autoResize':
                     settings[iframeId].autoResize = JSON.parse(getMsgBody(9));
                     break;
-                case "scrollTo":
+                case 'scrollTo':
                     scrollRequestFromChild(false);
                     break;
-                case "scrollToOffset":
+                case 'scrollToOffset':
                     scrollRequestFromChild(true);
                     break;
-                case "pageInfo":
+                case 'pageInfo':
                     sendPageInfoToIframe(settings[iframeId] && settings[iframeId].iframe, iframeId);
                     startPageInfoMonitor();
                     break;
-                case "pageInfoStop":
+                case 'pageInfoStop':
                     stopPageInfoMonitor();
                     break;
-                case "inPageLink":
+                case 'inPageLink':
                     findTarget(getMsgBody(9));
                     break;
-                case "reset":
+                case 'reset':
                     resetIFrame(messageData);
                     break;
-                case "init":
+                case 'init':
                     resizeIFrame();
-                    on("onInit", messageData.iframe);
+                    on('onInit', messageData.iframe);
                     break;
                 default:
-                    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");
+                    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');
                     else resizeIFrame();
             }
         }
@@ -513,35 +393,35 @@ var $5180433265c858be$exports = {};
             var retBool = true;
             if (!settings[iframeId]) {
                 retBool = false;
-                warn(messageData.type + " No settings for " + iframeId + ". Message was: " + msg);
+                warn(messageData.type + ' No settings for ' + iframeId + '. Message was: ' + msg);
             }
             return retBool;
         }
         function iFrameReadyMsgReceived() {
             // eslint-disable-next-line no-restricted-syntax, guard-for-in
-            for(var iframeId in settings)trigger("iFrame requested init", createOutgoingMsg(iframeId), settings[iframeId].iframe, iframeId);
+            for(var iframeId in settings)trigger('iFrame requested init', createOutgoingMsg(iframeId), settings[iframeId].iframe, iframeId);
         }
         function firstRun() {
             if (settings[iframeId]) settings[iframeId].firstRun = false;
         }
         var msg = event.data, messageData = {}, iframeId = null;
-        if ("[iFrameResizerChild]Ready" === msg) iFrameReadyMsgReceived();
+        if ('[iFrameResizerChild]Ready' === msg) iFrameReadyMsgReceived();
         else if (isMessageForUs()) {
             messageData = processMsg();
             iframeId = messageData.id;
             if (settings[iframeId]) settings[iframeId].loaded = true;
             if (!isMessageFromMetaParent() && hasSettings(iframeId)) {
-                log(iframeId, "Received: " + msg);
+                log(iframeId, 'Received: ' + msg);
                 if (checkIFrameExists() && isMessageFromIFrame()) actionMsg();
             }
-        } else info(iframeId, "Ignored: " + msg);
+        } else info(iframeId, 'Ignored: ' + msg);
     }
     function chkEvent(iframeId, funcName, val) {
         var func = null, retVal = null;
         if (settings[iframeId]) {
             func = settings[iframeId][funcName];
-            if ("function" === typeof func) retVal = func(val);
-            else throw new TypeError(funcName + " on iFrame[" + iframeId + "] is not a function");
+            if ('function' === typeof func) retVal = func(val);
+            else throw new TypeError(funcName + ' on iFrame[' + iframeId + '] is not a function');
         }
         return retVal;
     }
@@ -551,19 +431,19 @@ var $5180433265c858be$exports = {};
     }
     function closeIFrame(iframe) {
         var iframeId = iframe.id;
-        if (chkEvent(iframeId, "onClose", iframeId) === false) {
-            log(iframeId, "Close iframe cancelled by onClose event");
+        if (chkEvent(iframeId, 'onClose', iframeId) === false) {
+            log(iframeId, 'Close iframe cancelled by onClose event');
             return;
         }
-        log(iframeId, "Removing iFrame: " + iframeId);
+        log(iframeId, 'Removing iFrame: ' + iframeId);
         try {
             // Catch race condition error with React
             if (iframe.parentNode) iframe.parentNode.removeChild(iframe);
         } catch (error) {
             warn(error);
         }
-        chkEvent(iframeId, "onClosed", iframeId);
-        log(iframeId, "--");
+        chkEvent(iframeId, 'onClosed', iframeId);
+        log(iframeId, '--');
         removeIframeListeners(iframe);
     }
     function getPagePosition(iframeId) {
@@ -572,13 +452,13 @@ var $5180433265c858be$exports = {};
                 x: window.pageXOffset === undefined ? document.documentElement.scrollLeft : window.pageXOffset,
                 y: window.pageYOffset === undefined ? document.documentElement.scrollTop : window.pageYOffset
             };
-            log(iframeId, "Get page position: " + pagePosition.x + "," + pagePosition.y);
+            log(iframeId, 'Get page position: ' + pagePosition.x + ',' + pagePosition.y);
         }
     }
     function setPagePosition(iframeId) {
         if (null !== pagePosition) {
             window.scrollTo(pagePosition.x, pagePosition.y);
-            log(iframeId, "Set page position: " + pagePosition.x + "," + pagePosition.y);
+            log(iframeId, 'Set page position: ' + pagePosition.x + ',' + pagePosition.y);
             unsetPagePosition();
         }
     }
@@ -588,29 +468,29 @@ var $5180433265c858be$exports = {};
     function resetIFrame(messageData) {
         function reset() {
             setSize(messageData);
-            trigger("reset", "reset", messageData.iframe, messageData.id);
+            trigger('reset', 'reset', messageData.iframe, messageData.id);
         }
-        log(messageData.id, "Size reset requested by " + ("init" === messageData.type ? "host page" : "iFrame"));
+        log(messageData.id, 'Size reset requested by ' + ('init' === messageData.type ? 'host page' : 'iFrame'));
         getPagePosition(messageData.id);
-        syncResize(reset, messageData, "reset");
+        syncResize(reset, messageData, 'reset');
     }
     function setSize(messageData) {
         function setDimension(dimension) {
             if (!messageData.id) {
-                log("undefined", "messageData id not set");
+                log('undefined', 'messageData id not set');
                 return;
             }
-            messageData.iframe.style[dimension] = messageData[dimension] + "px";
-            log(messageData.id, "IFrame (" + iframeId + ") " + dimension + " set to " + messageData[dimension] + "px");
+            messageData.iframe.style[dimension] = messageData[dimension] + 'px';
+            log(messageData.id, 'IFrame (' + iframeId + ') ' + dimension + ' set to ' + messageData[dimension] + 'px');
         }
         function chkZero(dimension) {
             // FireFox sets dimension of hidden iFrames to zero.
             // So if we detect that set up an event to check for
             // when iFrame becomes visible.
             /* istanbul ignore next */ // Not testable in PhantomJS
-            if (!hiddenCheckEnabled && "0" === messageData[dimension]) {
+            if (!hiddenCheckEnabled && '0' === messageData[dimension]) {
                 hiddenCheckEnabled = true;
-                log(iframeId, "Hidden iFrame detected, creating visibility listener");
+                log(iframeId, 'Hidden iFrame detected, creating visibility listener');
                 fixHiddenIFrames();
             }
         }
@@ -620,29 +500,29 @@ var $5180433265c858be$exports = {};
         }
         var iframeId = messageData.iframe.id;
         if (settings[iframeId]) {
-            if (settings[iframeId].sizeHeight) processDimension("height");
-            if (settings[iframeId].sizeWidth) processDimension("width");
+            if (settings[iframeId].sizeHeight) processDimension('height');
+            if (settings[iframeId].sizeWidth) processDimension('width');
         }
     }
     function syncResize(func, messageData, doNotSync) {
         /* istanbul ignore if */ // Not testable in PhantomJS
         if (doNotSync !== messageData.type && requestAnimationFrame && // including check for jasmine because had trouble getting spy to work in unit test using requestAnimationFrame
         !window.jasmine) {
-            log(messageData.id, "Requesting animation frame");
+            log(messageData.id, 'Requesting animation frame');
             requestAnimationFrame(func);
         } else func();
     }
     function trigger(calleeMsg, msg, iframe, id, noResponseWarning) {
         function postMessageToIFrame() {
             var target = settings[id] && settings[id].targetOrigin;
-            log(id, "[" + calleeMsg + "] Sending msg to iframe[" + id + "] (" + msg + ") targetOrigin: " + target);
+            log(id, '[' + calleeMsg + '] Sending msg to iframe[' + id + '] (' + msg + ') targetOrigin: ' + target);
             iframe.contentWindow.postMessage(msgId + msg, target);
         }
         function iFrameNotFound() {
-            warn(id, "[" + calleeMsg + "] IFrame(" + id + ") not found");
+            warn(id, '[' + calleeMsg + '] IFrame(' + id + ') not found');
         }
         function chkAndSend() {
-            if (iframe && "contentWindow" in iframe && null !== iframe.contentWindow) // Null test for PhantomJS
+            if (iframe && 'contentWindow' in iframe && null !== iframe.contentWindow) // Null test for PhantomJS
             postMessageToIFrame();
             else iFrameNotFound();
         }
@@ -650,7 +530,7 @@ var $5180433265c858be$exports = {};
             function warning() {
                 if (settings[id] && !settings[id].loaded && !errorShown) {
                     errorShown = true;
-                    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.");
+                    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.');
                 }
             }
             if (!!noResponseWarning && settings[id] && !!settings[id].warningTimeout) settings[id].msgTimeout = setTimeout(warning, settings[id].warningTimeout);
@@ -663,29 +543,29 @@ var $5180433265c858be$exports = {};
         }
     }
     function createOutgoingMsg(iframeId) {
-        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;
+        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;
     }
     function isNumber(value) {
-        return typeof value === "number";
+        return typeof value === 'number';
     }
     function setupIFrame(iframe, options) {
         function setLimits() {
             function addStyle(style) {
                 var styleValue = settings[iframeId][style];
                 if (Infinity !== styleValue && 0 !== styleValue) {
-                    iframe.style[style] = isNumber(styleValue) ? styleValue + "px" : styleValue;
-                    log(iframeId, "Set " + style + " = " + iframe.style[style]);
+                    iframe.style[style] = isNumber(styleValue) ? styleValue + 'px' : styleValue;
+                    log(iframeId, 'Set ' + style + ' = ' + iframe.style[style]);
                 }
             }
             function chkMinMax(dimension) {
-                if (settings[iframeId]["min" + dimension] > settings[iframeId]["max" + dimension]) throw new Error("Value for min" + dimension + " can not be greater than max" + dimension);
+                if (settings[iframeId]['min' + dimension] > settings[iframeId]['max' + dimension]) throw new Error('Value for min' + dimension + ' can not be greater than max' + dimension);
             }
-            chkMinMax("Height");
-            chkMinMax("Width");
-            addStyle("maxHeight");
-            addStyle("minHeight");
-            addStyle("maxWidth");
-            addStyle("minWidth");
+            chkMinMax('Height');
+            chkMinMax('Width');
+            addStyle('maxHeight');
+            addStyle('minHeight');
+            addStyle('maxWidth');
+            addStyle('minWidth');
         }
         function newId() {
             var id = options && options.id || defaults.id + count++;
@@ -693,38 +573,38 @@ var $5180433265c858be$exports = {};
             return id;
         }
         function ensureHasId(iframeId) {
-            if (typeof iframeId !== "string") throw new TypeError("Invaild id for iFrame. Expected String");
-            if ("" === iframeId) {
+            if (typeof iframeId !== 'string') throw new TypeError('Invaild id for iFrame. Expected String');
+            if ('' === iframeId) {
                 // eslint-disable-next-line no-multi-assign
                 iframe.id = iframeId = newId();
                 logEnabled = (options || {}).log;
-                log(iframeId, "Added missing iframe ID: " + iframeId + " (" + iframe.src + ")");
+                log(iframeId, 'Added missing iframe ID: ' + iframeId + ' (' + iframe.src + ')');
             }
             return iframeId;
         }
         function setScrolling() {
-            log(iframeId, "IFrame scrolling " + (settings[iframeId] && settings[iframeId].scrolling ? "enabled" : "disabled") + " for " + iframeId);
-            iframe.style.overflow = false === (settings[iframeId] && settings[iframeId].scrolling) ? "hidden" : "auto";
+            log(iframeId, 'IFrame scrolling ' + (settings[iframeId] && settings[iframeId].scrolling ? 'enabled' : 'disabled') + ' for ' + iframeId);
+            iframe.style.overflow = false === (settings[iframeId] && settings[iframeId].scrolling) ? 'hidden' : 'auto';
             switch(settings[iframeId] && settings[iframeId].scrolling){
-                case "omit":
+                case 'omit':
                     break;
                 case true:
-                    iframe.scrolling = "yes";
+                    iframe.scrolling = 'yes';
                     break;
                 case false:
-                    iframe.scrolling = "no";
+                    iframe.scrolling = 'no';
                     break;
                 default:
-                    iframe.scrolling = settings[iframeId] ? settings[iframeId].scrolling : "no";
+                    iframe.scrolling = settings[iframeId] ? settings[iframeId].scrolling : 'no';
             }
         }
         // The V1 iFrame script expects an int, where as in V2 expects a CSS
         // string value such as '1px 3em', so if we have an int for V2, set V1=V2
         // and then convert V2 to a string PX value.
         function setupBodyMarginValues() {
-            if ("number" === typeof (settings[iframeId] && settings[iframeId].bodyMargin) || "0" === (settings[iframeId] && settings[iframeId].bodyMargin)) {
+            if ('number' === typeof (settings[iframeId] && settings[iframeId].bodyMargin) || '0' === (settings[iframeId] && settings[iframeId].bodyMargin)) {
                 settings[iframeId].bodyMarginV1 = settings[iframeId].bodyMargin;
-                settings[iframeId].bodyMargin = "" + settings[iframeId].bodyMargin + "px";
+                settings[iframeId].bodyMargin = '' + settings[iframeId].bodyMargin + 'px';
             }
         }
         function checkReset() {
@@ -736,20 +616,20 @@ var $5180433265c858be$exports = {};
                 iframe: iframe,
                 height: 0,
                 width: 0,
-                type: "init"
+                type: 'init'
             });
         }
         function setupIFrameObject() {
             if (settings[iframeId]) settings[iframeId].iframe.iFrameResizer = {
                 close: closeIFrame.bind(null, settings[iframeId].iframe),
                 removeListeners: removeIframeListeners.bind(null, settings[iframeId].iframe),
-                resize: trigger.bind(null, "Window resize", "resize", settings[iframeId].iframe),
+                resize: trigger.bind(null, 'Window resize', 'resize', settings[iframeId].iframe),
                 moveToAnchor: function(anchor) {
-                    trigger("Move to anchor", "moveToAnchor:" + anchor, settings[iframeId].iframe, iframeId);
+                    trigger('Move to anchor', 'moveToAnchor:' + anchor, settings[iframeId].iframe, iframeId);
                 },
                 sendMessage: function(message) {
                     message = JSON.stringify(message);
-                    trigger("Send Message", "message:" + message, settings[iframeId].iframe, iframeId);
+                    trigger('Send Message', 'message:' + message, settings[iframeId].iframe, iframeId);
                 }
             };
         }
@@ -758,7 +638,7 @@ var $5180433265c858be$exports = {};
         // event listener also catches the page changing in the iFrame.
         function init(msg) {
             function iFrameLoaded() {
-                trigger("iFrame.onload", msg, iframe, undefined, true);
+                trigger('iFrame.onload', msg, iframe, undefined, true);
                 checkReset();
             }
             function createDestroyObserver(MutationObserver) {
@@ -778,23 +658,23 @@ var $5180433265c858be$exports = {};
             }
             var MutationObserver = getMutationObserver();
             if (MutationObserver) createDestroyObserver(MutationObserver);
-            addEventListener(iframe, "load", iFrameLoaded);
-            trigger("init", msg, iframe, undefined, true);
+            addEventListener(iframe, 'load', iFrameLoaded);
+            trigger('init', msg, iframe, undefined, true);
         }
         function checkOptions(options) {
-            if ("object" !== typeof options) throw new TypeError("Options is not an object");
+            if ('object' !== typeof options) throw new TypeError('Options is not an object');
         }
         function copyOptions(options) {
             // eslint-disable-next-line no-restricted-syntax
             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];
         }
         function getTargetOrigin(remoteHost) {
-            return "" === remoteHost || null !== remoteHost.match(/^(about:blank|javascript:|file:\/\/)/) ? "*" : remoteHost;
+            return '' === remoteHost || null !== remoteHost.match(/^(about:blank|javascript:|file:\/\/)/) ? '*' : remoteHost;
         }
         function depricate(key) {
-            var splitName = key.split("Callback");
+            var splitName = key.split('Callback');
             if (splitName.length === 2) {
-                var name = "on" + splitName[0].charAt(0).toUpperCase() + splitName[0].slice(1);
+                var name = 'on' + splitName[0].charAt(0).toUpperCase() + splitName[0].slice(1);
                 this[name] = this[key];
                 delete this[key];
                 warn(iframeId, "Deprecated: '" + key + "' has been renamed '" + name + "'. The old method will be removed in the next major version.");
@@ -806,17 +686,17 @@ var $5180433265c858be$exports = {};
             ;
             settings[iframeId].iframe = iframe;
             settings[iframeId].firstRun = true;
-            settings[iframeId].remoteHost = iframe.src && iframe.src.split("/").slice(0, 3).join("/");
+            settings[iframeId].remoteHost = iframe.src && iframe.src.split('/').slice(0, 3).join('/');
             checkOptions(options);
             Object.keys(options).forEach(depricate, options);
             copyOptions(options);
-            if (settings[iframeId]) settings[iframeId].targetOrigin = true === settings[iframeId].checkOrigin ? getTargetOrigin(settings[iframeId].remoteHost) : "*";
+            if (settings[iframeId]) settings[iframeId].targetOrigin = true === settings[iframeId].checkOrigin ? getTargetOrigin(settings[iframeId].remoteHost) : '*';
         }
         function beenHere() {
-            return iframeId in settings && "iFrameResizer" in iframe;
+            return iframeId in settings && 'iFrameResizer' in iframe;
         }
         var iframeId = ensureHasId(iframe.id);
-        if (beenHere()) warn(iframeId, "Ignored iFrame, already setup.");
+        if (beenHere()) warn(iframeId, 'Ignored iFrame, already setup.');
         else {
             processOptions(options);
             setScrolling();
@@ -844,23 +724,23 @@ var $5180433265c858be$exports = {};
         function checkIFrames() {
             function checkIFrame(settingId) {
                 function chkDimension(dimension) {
-                    return "0px" === (settings[settingId] && settings[settingId].iframe.style[dimension]);
+                    return '0px' === (settings[settingId] && settings[settingId].iframe.style[dimension]);
                 }
                 function isVisible(el) {
                     return null !== el.offsetParent;
                 }
-                if (settings[settingId] && isVisible(settings[settingId].iframe) && (chkDimension("height") || chkDimension("width"))) trigger("Visibility change", "resize", settings[settingId].iframe, settingId);
+                if (settings[settingId] && isVisible(settings[settingId].iframe) && (chkDimension('height') || chkDimension('width'))) trigger('Visibility change', 'resize', settings[settingId].iframe, settingId);
             }
             Object.keys(settings).forEach(function(key) {
                 checkIFrame(key);
             });
         }
         function mutationObserved(mutations) {
-            log("window", "Mutation observed: " + mutations[0].target + " " + mutations[0].type);
+            log('window', 'Mutation observed: ' + mutations[0].target + ' ' + mutations[0].type);
             debouce(checkIFrames, 16);
         }
         function createMutationObserver() {
-            var target = document.querySelector("body"), config = {
+            var target = document.querySelector('body'), config = {
                 attributes: true,
                 attributeOldValue: false,
                 characterData: true,
@@ -875,42 +755,42 @@ var $5180433265c858be$exports = {};
     }
     function resizeIFrames(event) {
         function resize() {
-            sendTriggerMsg("Window " + event, "resize");
+            sendTriggerMsg('Window ' + event, 'resize');
         }
-        log("window", "Trigger event: " + event);
+        log('window', 'Trigger event: ' + event);
         debouce(resize, 16);
     }
     // Not testable in PhantomJS
     /* istanbul ignore next */ function tabVisible() {
         function resize() {
-            sendTriggerMsg("Tab Visible", "resize");
+            sendTriggerMsg('Tab Visible', 'resize');
         }
-        if ("hidden" !== document.visibilityState) {
-            log("document", "Trigger event: Visibility change");
+        if ('hidden' !== document.visibilityState) {
+            log('document', 'Trigger event: Visibility change');
             debouce(resize, 16);
         }
     }
     function sendTriggerMsg(eventName, event) {
         function isIFrameResizeEnabled(iframeId) {
-            return settings[iframeId] && "parent" === settings[iframeId].resizeFrom && settings[iframeId].autoResize && !settings[iframeId].firstRun;
+            return settings[iframeId] && 'parent' === settings[iframeId].resizeFrom && settings[iframeId].autoResize && !settings[iframeId].firstRun;
         }
         Object.keys(settings).forEach(function(iframeId) {
             if (isIFrameResizeEnabled(iframeId)) trigger(eventName, event, settings[iframeId].iframe, iframeId);
         });
     }
     function setupEventListeners() {
-        addEventListener(window, "message", iFrameListener);
-        addEventListener(window, "resize", function() {
-            resizeIFrames("resize");
+        addEventListener(window, 'message', iFrameListener);
+        addEventListener(window, 'resize', function() {
+            resizeIFrames('resize');
         });
-        addEventListener(document, "visibilitychange", tabVisible);
-        addEventListener(document, "-webkit-visibilitychange", tabVisible);
+        addEventListener(document, 'visibilitychange', tabVisible);
+        addEventListener(document, '-webkit-visibilitychange', tabVisible);
     }
     function factory() {
         function init(options, element) {
             function chkType() {
-                if (!element.tagName) throw new TypeError("Object is not a valid DOM element");
-                else if ("IFRAME" !== element.tagName.toUpperCase()) throw new TypeError("Expected <IFRAME> tag, found <" + element.tagName + ">");
+                if (!element.tagName) throw new TypeError('Object is not a valid DOM element');
+                else if ('IFRAME' !== element.tagName.toUpperCase()) throw new TypeError('Expected <IFRAME> tag, found <' + element.tagName + '>');
             }
             if (element) {
                 chkType();
@@ -919,7 +799,7 @@ var $5180433265c858be$exports = {};
             }
         }
         function warnDeprecatedOptions(options) {
-            if (options && options.enablePublicMethods) warn("enablePublicMethods option has been removed, public methods are now always available in the iFrame");
+            if (options && options.enablePublicMethods) warn('enablePublicMethods option has been removed, public methods are now always available in the iFrame');
         }
         var iFrames;
         setupRequestAnimationFrame();
@@ -929,36 +809,119 @@ var $5180433265c858be$exports = {};
             ;
             warnDeprecatedOptions(options);
             switch(typeof target){
-                case "undefined":
-                case "string":
-                    Array.prototype.forEach.call(document.querySelectorAll(target || "iframe"), init.bind(undefined, options));
+                case 'undefined':
+                case 'string':
+                    Array.prototype.forEach.call(document.querySelectorAll(target || 'iframe'), init.bind(undefined, options));
                     break;
-                case "object":
+                case 'object':
                     init(options, target);
                     break;
                 default:
-                    throw new TypeError("Unexpected data type (" + typeof target + ")");
+                    throw new TypeError('Unexpected data type (' + typeof target + ')');
             }
             return iFrames;
         };
     }
     function createJQueryPublicMethod($) {
-        if (!$.fn) info("", "Unable to bind to jQuery, it is not fully loaded.");
+        if (!$.fn) info('', 'Unable to bind to jQuery, it is not fully loaded.');
         else if (!$.fn.iFrameResize) $.fn.iFrameResize = function $iFrameResizeF(options) {
             function init(index, element) {
                 setupIFrame(element, options);
             }
-            return this.filter("iframe").each(init).end();
+            return this.filter('iframe').each(init).end();
         };
     }
     if (window.jQuery !== undefined) createJQueryPublicMethod(window.jQuery);
-    if (typeof define === "function" && define.amd) define([], factory);
-    else if (typeof $5180433265c858be$exports === "object") // Node for browserfy
+    if (typeof define === 'function' && define.amd) define([], factory);
+    else if (typeof $5180433265c858be$exports === 'object') // Node for browserfy
     $5180433265c858be$exports = factory();
     window.iFrameResize = window.iFrameResize || factory();
 })();
 
 
-parcelRequire("6RQZy");
+window.Lookbook = window.Lookbook || {};
+window.Lookbook.initEmbeds = $5000cc5d1e9e824a$var$initEmbeds;
+const $5000cc5d1e9e824a$var$embedUrlPrefix = "embed";
+const $5000cc5d1e9e824a$var$whiteListedAttributes = [
+    "preview",
+    "scenario",
+    "panels",
+    "actions",
+    "param-*"
+];
+function $5000cc5d1e9e824a$var$initEmbeds(root = document) {
+    if (typeof window.iFrameResize !== "function") {
+        console.error("Lookbook embeds require the 'iframe-resizer' library to be available. Skipping embed instantiation.");
+        return;
+    }
+    if (typeof root === "string") root = document.querySelector(root);
+    if (!root) return console.error("Could not initialize Lookbook embeds. Root node not found.");
+    const embeds = Array.from(root.querySelectorAll("lookbook-embed"));
+    embeds.forEach((embed)=>{
+        const attrs = Array.from(embed.attributes);
+        const wrapper = $5000cc5d1e9e824a$var$createWrapper();
+        const iframe = $5000cc5d1e9e824a$var$createIframe(attrs);
+        wrapper.appendChild(iframe);
+        embed.replaceWith(wrapper);
+    });
+    window.iFrameResize({
+        checkOrigin: false
+    }, "[data-lookbook-embed-iframe]");
+}
+function $5000cc5d1e9e824a$var$createWrapper() {
+    const wrapper = document.createElement("div");
+    wrapper.setAttribute("data-lookbook-embed", "");
+    wrapper.classList.add("lookbook-embed");
+    return wrapper;
+}
+function $5000cc5d1e9e824a$var$createIframe(attrs) {
+    const src = $5000cc5d1e9e824a$var$buildSrc(attrs);
+    const id = $5000cc5d1e9e824a$var$attrValue(attrs, "id");
+    const styles = $5000cc5d1e9e824a$var$attrValue(attrs, "style");
+    const classes = $5000cc5d1e9e824a$var$attrValue(attrs, "class", "").split(" ").map((c)=>c.trim()).filter((c)=>c.length);
+    const iframe = document.createElement("iframe");
+    iframe.src = src;
+    if (id) iframe.id = id;
+    iframe.setAttribute("frameborder", 0);
+    iframe.setAttribute("data-lookbook-embed-iframe", "");
+    if (classes.length) iframe.classList.add(...classes);
+    if (styles) iframe.style.cssText = styles;
+    iframe.style.width = "100%";
+    iframe.style.transition = "height 0.3s";
+    return iframe;
+}
+function $5000cc5d1e9e824a$var$buildSrc(attrs) {
+    const appPath = $5000cc5d1e9e824a$var$attrValue(attrs, "app") || $5000cc5d1e9e824a$var$guessBasePath();
+    const props = {};
+    $5000cc5d1e9e824a$var$permittedAttrs(attrs).forEach(({ name: name, value: value })=>{
+        name = name.replace("-", "_").toLowerCase();
+        props[name] = value;
+    });
+    return encodeURI([
+        appPath,
+        $5000cc5d1e9e824a$var$embedUrlPrefix
+    ].join("/") + `?props=${JSON.stringify(props)}`);
+}
+function $5000cc5d1e9e824a$var$attrValue(attrs, name, fallback = null) {
+    const attr = attrs.find((attr)=>attr.name === name);
+    return attr ? attr.value : fallback;
+}
+function $5000cc5d1e9e824a$var$permittedAttrs(attrs) {
+    return attrs.filter((attr)=>{
+        return $5000cc5d1e9e824a$var$whiteListedAttributes.find((key)=>{
+            const name = attr.name;
+            return key === name || key.includes("*") && name.startsWith(key.replace("*", ""));
+        });
+    });
+}
+function $5000cc5d1e9e824a$var$guessBasePath() {
+    const script = document.currentScript || document.querySelector('script[src*="lookbook.js"]');
+    const scriptSrc = script.src;
+    if (scriptSrc && scriptSrc.includes("lookbook-assets")) return scriptSrc.split("?")[0].replace("lookbook-assets/js/lookbook.js", "lookbook");
+    return `//${location.host}/lookbook`;
+}
+document.addEventListener("DOMContentLoaded", ()=>$5000cc5d1e9e824a$var$initEmbeds());
+
+
 
 })();