lookbook 1.0.8 → 1.1.1

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

@@ -177,16 +177,16 @@ function $caa9439642c6336c$var$onMutate(mutations) {
     let removedNodes = [];
     let addedAttributes = new Map();
     let removedAttributes = new Map();
-    for(let i1 = 0; i1 < mutations.length; i1++){
-        if (mutations[i1].target._x_ignoreMutationObserver) continue;
-        if (mutations[i1].type === "childList") {
-            mutations[i1].addedNodes.forEach((node)=>node.nodeType === 1 && addedNodes.push(node));
-            mutations[i1].removedNodes.forEach((node)=>node.nodeType === 1 && removedNodes.push(node));
-        }
-        if (mutations[i1].type === "attributes") {
-            let el = mutations[i1].target;
-            let name = mutations[i1].attributeName;
-            let oldValue = mutations[i1].oldValue;
+    for(let i = 0; i < mutations.length; i++){
+        if (mutations[i].target._x_ignoreMutationObserver) continue;
+        if (mutations[i].type === "childList") {
+            mutations[i].addedNodes.forEach((node)=>node.nodeType === 1 && addedNodes.push(node));
+            mutations[i].removedNodes.forEach((node)=>node.nodeType === 1 && removedNodes.push(node));
+        }
+        if (mutations[i].type === "attributes") {
+            let el = mutations[i].target;
+            let name = mutations[i].attributeName;
+            let oldValue = mutations[i].oldValue;
             let add2 = ()=>{
                 if (!addedAttributes.has(el)) addedAttributes.set(el, []);
                 addedAttributes.get(el).push({
@@ -211,10 +211,10 @@ function $caa9439642c6336c$var$onMutate(mutations) {
     addedAttributes.forEach((attrs, el)=>{
         $caa9439642c6336c$var$onAttributeAddeds.forEach((i)=>i(el, attrs));
     });
-    for (let node2 of removedNodes){
-        if (addedNodes.includes(node2)) continue;
-        $caa9439642c6336c$var$onElRemoveds.forEach((i)=>i(node2));
-        if (node2._x_cleanups) while(node2._x_cleanups.length)node2._x_cleanups.pop()();
+    for (let node of removedNodes){
+        if (addedNodes.includes(node)) continue;
+        $caa9439642c6336c$var$onElRemoveds.forEach((i)=>i(node));
+        if (node._x_cleanups) while(node._x_cleanups.length)node._x_cleanups.pop()();
     }
     addedNodes.forEach((node)=>{
         node._x_ignoreSelf = true;
@@ -495,8 +495,24 @@ function $caa9439642c6336c$var$directive(name, callback) {
     $caa9439642c6336c$var$directiveHandlers[name] = callback;
 }
 function $caa9439642c6336c$var$directives(el, attributes, originalAttributeOverride) {
+    attributes = Array.from(attributes);
+    if (el._x_virtualDirectives) {
+        let vAttributes = Object.entries(el._x_virtualDirectives).map(([name, value])=>({
+                name: name,
+                value: value
+            }));
+        let staticAttributes = $caa9439642c6336c$var$attributesOnly(vAttributes);
+        vAttributes = vAttributes.map((attribute)=>{
+            if (staticAttributes.find((attr)=>attr.name === attribute.name)) return {
+                name: `x-bind:${attribute.name}`,
+                value: `"${attribute.value}"`
+            };
+            return attribute;
+        });
+        attributes = attributes.concat(vAttributes);
+    }
     let transformedAttributeMap = {};
-    let directives2 = Array.from(attributes).map($caa9439642c6336c$var$toTransformedAttributes((newName, oldName)=>transformedAttributeMap[newName] = oldName)).filter($caa9439642c6336c$var$outNonAlpineAttributes).map($caa9439642c6336c$var$toParsedDirectives(transformedAttributeMap, originalAttributeOverride)).sort($caa9439642c6336c$var$byPriority);
+    let directives2 = attributes.map($caa9439642c6336c$var$toTransformedAttributes((newName, oldName)=>transformedAttributeMap[newName] = oldName)).filter($caa9439642c6336c$var$outNonAlpineAttributes).map($caa9439642c6336c$var$toParsedDirectives(transformedAttributeMap, originalAttributeOverride)).sort($caa9439642c6336c$var$byPriority);
     return directives2.map((directive2)=>{
         return $caa9439642c6336c$var$getDirectiveHandler(el, directive2);
     });
@@ -607,6 +623,10 @@ var $caa9439642c6336c$var$directiveOrder = [
     "ref",
     "data",
     "id",
+    "tabs",
+    "radio",
+    "switch",
+    "disclosure",
     "bind",
     "init",
     "for",
@@ -617,8 +637,7 @@ var $caa9439642c6336c$var$directiveOrder = [
     "show",
     "if",
     $caa9439642c6336c$var$DEFAULT,
-    "teleport",
-    "element"
+    "teleport"
 ];
 function $caa9439642c6336c$var$byPriority(a, b) {
     let typeA = $caa9439642c6336c$var$directiveOrder.indexOf(a.type) === -1 ? $caa9439642c6336c$var$DEFAULT : a.type;
@@ -931,9 +950,8 @@ function $caa9439642c6336c$var$registerTransitionObject(el, setFunction, default
     };
 }
 window.Element.prototype._x_toggleAndCascadeWithTransitions = function(el, value, show, hide) {
-    let clickAwayCompatibleShow = ()=>{
-        document.visibilityState === "visible" ? requestAnimationFrame(show) : setTimeout(show);
-    };
+    const nextTick2 = document.visibilityState === "visible" ? requestAnimationFrame : setTimeout;
+    let clickAwayCompatibleShow = ()=>nextTick2(show);
     if (value) {
         if (el._x_transition && (el._x_transition.enter || el._x_transition.leave)) el._x_transition.enter && (Object.entries(el._x_transition.enter.during).length || Object.entries(el._x_transition.enter.start).length || Object.entries(el._x_transition.enter.end).length) ? el._x_transition.in(show) : clickAwayCompatibleShow();
         else el._x_transition ? el._x_transition.in(show) : clickAwayCompatibleShow();
@@ -950,7 +968,7 @@ window.Element.prototype._x_toggleAndCascadeWithTransitions = function(el, value
         if (closest) {
             if (!closest._x_hideChildren) closest._x_hideChildren = [];
             closest._x_hideChildren.push(el);
-        } else queueMicrotask(()=>{
+        } else nextTick2(()=>{
             let hideAfterChildren = (el2)=>{
                 let carry = Promise.all([
                     el2._x_hidePromise,
@@ -1224,11 +1242,11 @@ function $caa9439642c6336c$var$getBinding(el, name, fallback) {
     if (el._x_bindings && el._x_bindings[name] !== void 0) return el._x_bindings[name];
     let attr = el.getAttribute(name);
     if (attr === null) return typeof fallback === "function" ? fallback() : fallback;
+    if (attr === "") return true;
     if ($caa9439642c6336c$var$isBooleanAttr(name)) return !![
         name,
         "true"
     ].includes(attr);
-    if (attr === "") return true;
     return attr;
 }
 // packages/alpinejs/src/utils/debounce.js
@@ -1278,8 +1296,10 @@ function $caa9439642c6336c$var$getStores() {
 }
 // packages/alpinejs/src/binds.js
 var $caa9439642c6336c$var$binds = {};
-function $caa9439642c6336c$var$bind2(name, object) {
-    $caa9439642c6336c$var$binds[name] = typeof object !== "function" ? ()=>object : object;
+function $caa9439642c6336c$var$bind2(name, bindings) {
+    let getBindings = typeof bindings !== "function" ? ()=>bindings : bindings;
+    if (name instanceof Element) $caa9439642c6336c$var$applyBindingsObject(name, getBindings());
+    else $caa9439642c6336c$var$binds[name] = getBindings;
 }
 function $caa9439642c6336c$var$injectBindingProviders(obj) {
     Object.entries($caa9439642c6336c$var$binds).forEach(([name, callback])=>{
@@ -1293,6 +1313,26 @@ function $caa9439642c6336c$var$injectBindingProviders(obj) {
     });
     return obj;
 }
+function $caa9439642c6336c$var$applyBindingsObject(el, obj, original) {
+    let cleanupRunners = [];
+    while(cleanupRunners.length)cleanupRunners.pop()();
+    let attributes = Object.entries(obj).map(([name, value])=>({
+            name: name,
+            value: value
+        }));
+    let staticAttributes = $caa9439642c6336c$var$attributesOnly(attributes);
+    attributes = attributes.map((attribute)=>{
+        if (staticAttributes.find((attr)=>attr.name === attribute.name)) return {
+            name: `x-bind:${attribute.name}`,
+            value: `"${attribute.value}"`
+        };
+        return attribute;
+    });
+    $caa9439642c6336c$var$directives(el, attributes, original).map((handle)=>{
+        cleanupRunners.push(handle.runCleanups);
+        handle();
+    });
+}
 // packages/alpinejs/src/datas.js
 var $caa9439642c6336c$var$datas = {};
 function $caa9439642c6336c$var$data(name, callback) {
@@ -1325,7 +1365,7 @@ var $caa9439642c6336c$var$Alpine = {
     get raw () {
         return $caa9439642c6336c$var$raw;
     },
-    version: "3.10.0",
+    version: "3.10.4",
     flushAndStopDeferringMutations: $caa9439642c6336c$var$flushAndStopDeferringMutations,
     dontAutoEvaluateFunctions: $caa9439642c6336c$var$dontAutoEvaluateFunctions,
     disableEffectScheduling: $caa9439642c6336c$var$disableEffectScheduling,
@@ -1395,8 +1435,8 @@ var $caa9439642c6336c$var$slotFlagsText = {
 };
 var $caa9439642c6336c$var$specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
 var $caa9439642c6336c$var$isBooleanAttr2 = /* @__PURE__ */ $caa9439642c6336c$var$makeMap($caa9439642c6336c$var$specialBooleanAttrs + `,async,autofocus,autoplay,controls,default,defer,disabled,hidden,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected`);
-var $caa9439642c6336c$var$EMPTY_OBJ = {};
-var $caa9439642c6336c$var$EMPTY_ARR = [];
+var $caa9439642c6336c$var$EMPTY_OBJ = Object.freeze({});
+var $caa9439642c6336c$var$EMPTY_ARR = Object.freeze([]);
 var $caa9439642c6336c$var$extend = Object.assign;
 var $caa9439642c6336c$var$hasOwnProperty = Object.prototype.hasOwnProperty;
 var $caa9439642c6336c$var$hasOwn = (val, key)=>$caa9439642c6336c$var$hasOwnProperty.call(val, key);
@@ -1431,8 +1471,8 @@ var $caa9439642c6336c$var$hasChanged = (value, oldValue)=>value !== oldValue &&
 var $caa9439642c6336c$var$targetMap = new WeakMap();
 var $caa9439642c6336c$var$effectStack = [];
 var $caa9439642c6336c$var$activeEffect;
-var $caa9439642c6336c$var$ITERATE_KEY = Symbol("");
-var $caa9439642c6336c$var$MAP_KEY_ITERATE_KEY = Symbol("");
+var $caa9439642c6336c$var$ITERATE_KEY = Symbol("iterate");
+var $caa9439642c6336c$var$MAP_KEY_ITERATE_KEY = Symbol("Map key iterate");
 function $caa9439642c6336c$var$isEffect(fn) {
     return fn && fn._isEffect === true;
 }
@@ -1506,6 +1546,12 @@ function $caa9439642c6336c$var$track(target, type, key) {
     if (!dep.has($caa9439642c6336c$var$activeEffect)) {
         dep.add($caa9439642c6336c$var$activeEffect);
         $caa9439642c6336c$var$activeEffect.deps.push(dep);
+        if ($caa9439642c6336c$var$activeEffect.options.onTrack) $caa9439642c6336c$var$activeEffect.options.onTrack({
+            effect: $caa9439642c6336c$var$activeEffect,
+            target: target,
+            type: type,
+            key: key
+        });
     }
 }
 function $caa9439642c6336c$var$trigger(target, type, key, newValue, oldValue, oldTarget) {
@@ -1542,6 +1588,15 @@ function $caa9439642c6336c$var$trigger(target, type, key, newValue, oldValue, ol
         }
     }
     const run = (effect3)=>{
+        if (effect3.options.onTrigger) effect3.options.onTrigger({
+            effect: effect3,
+            target: target,
+            key: key,
+            type: type,
+            newValue: newValue,
+            oldValue: oldValue,
+            oldTarget: oldTarget
+        });
         if (effect3.options.scheduler) effect3.options.scheduler(effect3);
         else effect3();
     };
@@ -1650,9 +1705,11 @@ var $caa9439642c6336c$var$mutableHandlers = {
 var $caa9439642c6336c$var$readonlyHandlers = {
     get: $caa9439642c6336c$var$readonlyGet,
     set (target, key) {
+        console.warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target);
         return true;
     },
     deleteProperty (target, key) {
+        console.warn(`Delete operation on key "${String(key)}" failed: target is readonly.`, target);
         return true;
     }
 };
@@ -1711,7 +1768,7 @@ function $caa9439642c6336c$var$set$1(key, value) {
     if (!hadKey) {
         key = $caa9439642c6336c$var$toRaw(key);
         hadKey = has2.call(target, key);
-    }
+    } else $caa9439642c6336c$var$checkIdentityKeys(target, has2, key);
     const oldValue = get3.call(target, key);
     target.set(key, value);
     if (!hadKey) $caa9439642c6336c$var$trigger(target, "add", key, value);
@@ -1725,7 +1782,7 @@ function $caa9439642c6336c$var$deleteEntry(key) {
     if (!hadKey) {
         key = $caa9439642c6336c$var$toRaw(key);
         hadKey = has2.call(target, key);
-    }
+    } else $caa9439642c6336c$var$checkIdentityKeys(target, has2, key);
     const oldValue = get3 ? get3.call(target, key) : void 0;
     const result = target.delete(key);
     if (hadKey) $caa9439642c6336c$var$trigger(target, "delete", key, void 0, oldValue);
@@ -1734,7 +1791,7 @@ function $caa9439642c6336c$var$deleteEntry(key) {
 function $caa9439642c6336c$var$clear() {
     const target = $caa9439642c6336c$var$toRaw(this);
     const hadItems = target.size !== 0;
-    const oldTarget = void 0;
+    const oldTarget = $caa9439642c6336c$var$isMap(target) ? new Map(target) : new Set(target);
     const result = target.clear();
     if (hadItems) $caa9439642c6336c$var$trigger(target, "clear", void 0, void 0, oldTarget);
     return result;
@@ -1783,6 +1840,10 @@ function $caa9439642c6336c$var$createIterableMethod(method, isReadonly, isShallo
 }
 function $caa9439642c6336c$var$createReadonlyMethod(type) {
     return function(...args) {
+        {
+            const key = args[0] ? `on key "${args[0]}" ` : ``;
+            console.warn(`${$caa9439642c6336c$var$capitalize(type)} operation ${key}failed: target is readonly.`, $caa9439642c6336c$var$toRaw(this));
+        }
         return type === "delete" ? false : this;
     };
 }
@@ -1879,6 +1940,13 @@ var $caa9439642c6336c$var$readonlyCollectionHandlers = {
 var $caa9439642c6336c$var$shallowReadonlyCollectionHandlers = {
     get: $caa9439642c6336c$var$createInstrumentationGetter(true, true)
 };
+function $caa9439642c6336c$var$checkIdentityKeys(target, has2, key) {
+    const rawKey = $caa9439642c6336c$var$toRaw(key);
+    if (rawKey !== key && has2.call(target, rawKey)) {
+        const type = $caa9439642c6336c$var$toRawType(target);
+        console.warn(`Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`);
+    }
+}
 var $caa9439642c6336c$var$reactiveMap = new WeakMap();
 var $caa9439642c6336c$var$shallowReactiveMap = new WeakMap();
 var $caa9439642c6336c$var$readonlyMap = new WeakMap();
@@ -1908,7 +1976,10 @@ function $caa9439642c6336c$var$readonly(target) {
     return $caa9439642c6336c$var$createReactiveObject(target, true, $caa9439642c6336c$var$readonlyHandlers, $caa9439642c6336c$var$readonlyCollectionHandlers, $caa9439642c6336c$var$readonlyMap);
 }
 function $caa9439642c6336c$var$createReactiveObject(target, isReadonly, baseHandlers, collectionHandlers, proxyMap) {
-    if (!$caa9439642c6336c$var$isObject(target)) return target;
+    if (!$caa9439642c6336c$var$isObject(target)) {
+        console.warn(`value cannot be made reactive: ${String(target)}`);
+        return target;
+    }
     if (target["__v_raw"] && !(isReadonly && target["__v_isReactive"])) return target;
     const existingProxy = proxyMap.get(target);
     if (existingProxy) return existingProxy;
@@ -2101,9 +2172,9 @@ function $caa9439642c6336c$var$on(el, event, modifiers, callback) {
         handler3 = $caa9439642c6336c$var$debounce(handler3, wait);
     }
     if (modifiers.includes("throttle")) {
-        let nextModifier = modifiers[modifiers.indexOf("throttle") + 1] || "invalid-wait";
-        let wait = $caa9439642c6336c$var$isNumeric(nextModifier.split("ms")[0]) ? Number(nextModifier.split("ms")[0]) : 250;
-        handler3 = $caa9439642c6336c$var$throttle(handler3, wait);
+        let nextModifier1 = modifiers[modifiers.indexOf("throttle") + 1] || "invalid-wait";
+        let wait1 = $caa9439642c6336c$var$isNumeric(nextModifier1.split("ms")[0]) ? Number(nextModifier1.split("ms")[0]) : 250;
+        handler3 = $caa9439642c6336c$var$throttle(handler3, wait1);
     }
     listenerTarget.addEventListener(event, handler3, options);
     return ()=>{
@@ -2309,41 +2380,24 @@ $caa9439642c6336c$var$directive("html", (el, { expression: expression  }, { effe
 // packages/alpinejs/src/directives/x-bind.js
 $caa9439642c6336c$var$mapAttributes($caa9439642c6336c$var$startingWith(":", $caa9439642c6336c$var$into($caa9439642c6336c$var$prefix("bind:"))));
 $caa9439642c6336c$var$directive("bind", (el, { value: value , modifiers: modifiers , expression: expression , original: original  }, { effect: effect3  })=>{
-    if (!value) return $caa9439642c6336c$var$applyBindingsObject(el, expression, original, effect3);
+    if (!value) {
+        let bindingProviders = {};
+        $caa9439642c6336c$var$injectBindingProviders(bindingProviders);
+        let getBindings = $caa9439642c6336c$var$evaluateLater(el, expression);
+        getBindings((bindings)=>{
+            $caa9439642c6336c$var$applyBindingsObject(el, bindings, original);
+        }, {
+            scope: bindingProviders
+        });
+        return;
+    }
     if (value === "key") return $caa9439642c6336c$var$storeKeyForXFor(el, expression);
     let evaluate2 = $caa9439642c6336c$var$evaluateLater(el, expression);
     effect3(()=>evaluate2((result)=>{
-            if (result === void 0 && expression.match(/\./)) result = "";
+            if (result === void 0 && typeof expression === "string" && expression.match(/\./)) result = "";
             $caa9439642c6336c$var$mutateDom(()=>$caa9439642c6336c$var$bind(el, value, result, modifiers));
         }));
 });
-function $caa9439642c6336c$var$applyBindingsObject(el, expression, original, effect3) {
-    let bindingProviders = {};
-    $caa9439642c6336c$var$injectBindingProviders(bindingProviders);
-    let getBindings = $caa9439642c6336c$var$evaluateLater(el, expression);
-    let cleanupRunners = [];
-    while(cleanupRunners.length)cleanupRunners.pop()();
-    getBindings((bindings)=>{
-        let attributes = Object.entries(bindings).map(([name, value])=>({
-                name: name,
-                value: value
-            }));
-        let staticAttributes = $caa9439642c6336c$var$attributesOnly(attributes);
-        attributes = attributes.map((attribute)=>{
-            if (staticAttributes.find((attr)=>attr.name === attribute.name)) return {
-                name: `x-bind:${attribute.name}`,
-                value: `"${attribute.value}"`
-            };
-            return attribute;
-        });
-        $caa9439642c6336c$var$directives(el, attributes, original).map((handle)=>{
-            cleanupRunners.push(handle.runCleanups);
-            handle();
-        });
-    }, {
-        scope: bindingProviders
-    });
-}
 function $caa9439642c6336c$var$storeKeyForXFor(el, expression) {
     el._x_keyExpression = expression;
 }
@@ -2373,7 +2427,9 @@ $caa9439642c6336c$var$directive("data", $caa9439642c6336c$var$skipDuringClone((e
 $caa9439642c6336c$var$directive("show", (el, { modifiers: modifiers , expression: expression  }, { effect: effect3  })=>{
     let evaluate2 = $caa9439642c6336c$var$evaluateLater(el, expression);
     if (!el._x_doHide) el._x_doHide = ()=>{
-        $caa9439642c6336c$var$mutateDom(()=>el.style.display = "none");
+        $caa9439642c6336c$var$mutateDom(()=>{
+            el.style.setProperty("display", "none", modifiers.includes("important") ? "important" : void 0);
+        });
     };
     if (!el._x_doShow) el._x_doShow = ()=>{
         $caa9439642c6336c$var$mutateDom(()=>{
@@ -2438,11 +2494,11 @@ function $caa9439642c6336c$var$loop(el, iteratorNames, evaluateItems, evaluateKe
             });
             scopes.push(scope2);
         });
-        else for(let i8 = 0; i8 < items.length; i8++){
-            let scope2 = $caa9439642c6336c$var$getIterationScopeVariables(iteratorNames, items[i8], i8, items);
+        else for(let i = 0; i < items.length; i++){
+            let scope2 = $caa9439642c6336c$var$getIterationScopeVariables(iteratorNames, items[i], i, items);
             evaluateKey((value)=>keys.push(value), {
                 scope: {
-                    index: i8,
+                    index: i,
                     ...scope2
                 }
             });
@@ -2452,44 +2508,44 @@ function $caa9439642c6336c$var$loop(el, iteratorNames, evaluateItems, evaluateKe
         let moves = [];
         let removes = [];
         let sames = [];
-        for(let i2 = 0; i2 < prevKeys.length; i2++){
-            let key = prevKeys[i2];
+        for(let i1 = 0; i1 < prevKeys.length; i1++){
+            let key = prevKeys[i1];
             if (keys.indexOf(key) === -1) removes.push(key);
         }
         prevKeys = prevKeys.filter((key)=>!removes.includes(key));
         let lastKey = "template";
-        for(let i3 = 0; i3 < keys.length; i3++){
-            let key = keys[i3];
-            let prevIndex = prevKeys.indexOf(key);
+        for(let i2 = 0; i2 < keys.length; i2++){
+            let key1 = keys[i2];
+            let prevIndex = prevKeys.indexOf(key1);
             if (prevIndex === -1) {
-                prevKeys.splice(i3, 0, key);
+                prevKeys.splice(i2, 0, key1);
                 adds.push([
                     lastKey,
-                    i3
+                    i2
                 ]);
-            } else if (prevIndex !== i3) {
-                let keyInSpot = prevKeys.splice(i3, 1)[0];
+            } else if (prevIndex !== i2) {
+                let keyInSpot = prevKeys.splice(i2, 1)[0];
                 let keyForSpot = prevKeys.splice(prevIndex - 1, 1)[0];
-                prevKeys.splice(i3, 0, keyForSpot);
+                prevKeys.splice(i2, 0, keyForSpot);
                 prevKeys.splice(prevIndex, 0, keyInSpot);
                 moves.push([
                     keyInSpot,
                     keyForSpot
                 ]);
-            } else sames.push(key);
-            lastKey = key;
-        }
-        for(let i4 = 0; i4 < removes.length; i4++){
-            let key = removes[i4];
-            if (!!lookup[key]._x_effects) lookup[key]._x_effects.forEach($caa9439642c6336c$var$dequeueJob);
-            lookup[key].remove();
-            lookup[key] = null;
-            delete lookup[key];
-        }
-        for(let i5 = 0; i5 < moves.length; i5++){
-            let [keyInSpot, keyForSpot] = moves[i5];
-            let elInSpot = lookup[keyInSpot];
-            let elForSpot = lookup[keyForSpot];
+            } else sames.push(key1);
+            lastKey = key1;
+        }
+        for(let i3 = 0; i3 < removes.length; i3++){
+            let key2 = removes[i3];
+            if (!!lookup[key2]._x_effects) lookup[key2]._x_effects.forEach($caa9439642c6336c$var$dequeueJob);
+            lookup[key2].remove();
+            lookup[key2] = null;
+            delete lookup[key2];
+        }
+        for(let i4 = 0; i4 < moves.length; i4++){
+            let [keyInSpot1, keyForSpot1] = moves[i4];
+            let elInSpot = lookup[keyInSpot1];
+            let elForSpot = lookup[keyForSpot1];
             let marker = document.createElement("div");
             $caa9439642c6336c$var$mutateDom(()=>{
                 elForSpot.after(marker);
@@ -2499,24 +2555,24 @@ function $caa9439642c6336c$var$loop(el, iteratorNames, evaluateItems, evaluateKe
                 elInSpot._x_currentIfEl && elInSpot.after(elInSpot._x_currentIfEl);
                 marker.remove();
             });
-            $caa9439642c6336c$var$refreshScope(elForSpot, scopes[keys.indexOf(keyForSpot)]);
+            $caa9439642c6336c$var$refreshScope(elForSpot, scopes[keys.indexOf(keyForSpot1)]);
         }
-        for(let i6 = 0; i6 < adds.length; i6++){
-            let [lastKey2, index] = adds[i6];
+        for(let i5 = 0; i5 < adds.length; i5++){
+            let [lastKey2, index] = adds[i5];
             let lastEl = lastKey2 === "template" ? templateEl : lookup[lastKey2];
             if (lastEl._x_currentIfEl) lastEl = lastEl._x_currentIfEl;
-            let scope2 = scopes[index];
-            let key = keys[index];
+            let scope21 = scopes[index];
+            let key3 = keys[index];
             let clone2 = document.importNode(templateEl.content, true).firstElementChild;
-            $caa9439642c6336c$var$addScopeToNode(clone2, $caa9439642c6336c$var$reactive(scope2), templateEl);
+            $caa9439642c6336c$var$addScopeToNode(clone2, $caa9439642c6336c$var$reactive(scope21), templateEl);
             $caa9439642c6336c$var$mutateDom(()=>{
                 lastEl.after(clone2);
                 $caa9439642c6336c$var$initTree(clone2);
             });
-            if (typeof key === "object") $caa9439642c6336c$var$warn("x-for key cannot be an object, it must be a string or an integer", templateEl);
-            lookup[key] = clone2;
+            if (typeof key3 === "object") $caa9439642c6336c$var$warn("x-for key cannot be an object, it must be a string or an integer", templateEl);
+            lookup[key3] = clone2;
         }
-        for(let i7 = 0; i7 < sames.length; i7++)$caa9439642c6336c$var$refreshScope(lookup[sames[i7]], scopes[keys.indexOf(sames[i7])]);
+        for(let i6 = 0; i6 < sames.length; i6++)$caa9439642c6336c$var$refreshScope(lookup[sames[i6]], scopes[keys.indexOf(sames[i6])]);
         templateEl._x_prevKeys = keys;
     });
 }
@@ -2545,8 +2601,8 @@ function $caa9439642c6336c$var$getIterationScopeVariables(iteratorNames, item, i
             scopeVariables[name] = item[i];
         });
     } else if (/^\{.*\}$/.test(iteratorNames.item) && !Array.isArray(item) && typeof item === "object") {
-        let names = iteratorNames.item.replace("{", "").replace("}", "").split(",").map((i)=>i.trim());
-        names.forEach((name)=>{
+        let names1 = iteratorNames.item.replace("{", "").replace("}", "").split(",").map((i)=>i.trim());
+        names1.forEach((name)=>{
             scopeVariables[name] = item[name];
         });
     } else scopeVariables[iteratorNames.item] = item;
@@ -2695,7 +2751,9 @@ function $512e3a9270ec7803$var$dom(el) {
     return new $512e3a9270ec7803$var$DomManager(el);
 }
 function $512e3a9270ec7803$var$createElement(html) {
-    return document.createRange().createContextualFragment(html).firstElementChild;
+    const template = document.createElement("template");
+    template.innerHTML = html;
+    return template.content.firstElementChild;
 }
 function $512e3a9270ec7803$var$textOrComment(el) {
     return el.nodeType === 3 || el.nodeType === 8;
@@ -2774,11 +2832,11 @@ async function $512e3a9270ec7803$export$2e5e8c41f5d4e7c7(from, toHtml, options)
             }
         }
         for(let i1 = toAttributes.length - 1; i1 >= 0; i1--){
-            let name = toAttributes[i1].name;
+            let name1 = toAttributes[i1].name;
             let value = toAttributes[i1].value;
-            if (from2.getAttribute(name) !== value) {
-                from2.setAttribute(name, value);
-                await breakpoint(`Set [${name}] attribute to: "${value}"`);
+            if (from2.getAttribute(name1) !== value) {
+                from2.setAttribute(name1, value);
+                await breakpoint(`Set [${name1}] attribute to: "${value}"`);
             }
         }
     }
@@ -4613,7 +4671,7 @@ var $69a8ec8dbeef3157$var$require_tippy_cjs = $69a8ec8dbeef3157$var$__commonJS((
         return value.replace(spacesAndTabs, " ").replace(lineStartWithSpaces, "").trim();
     }
     function getDevMessage(message) {
-        return clean("\n  %ctippy.js\n\n  %c" + clean(message) + "\n\n  %c\uD83D\uDC77\u200D This is a development-only message. It will be removed in production.\n  ");
+        return clean("\n  %ctippy.js\n\n  %c" + clean(message) + "\n\n  %c\uD83D\uDC77‍ This is a development-only message. It will be removed in production.\n  ");
     }
     function getFormattedMessage(message) {
         return [
@@ -6510,7 +6568,7 @@ var $5267f0d63de538ba$exports = {};
                 var cookie = window.document.cookie;
                 var location = cookie.indexOf(encodeURIComponent(storageKey) + "=");
                 if (location !== -1) storedLevel = /^([^;]+)/.exec(cookie.slice(location))[1];
-            } catch (ignore2) {}
+            } catch (ignore1) {}
             // If the stored level is not valid, treat it as if nothing was stored.
             if (self.levels[storedLevel] === undefined) storedLevel = undefined;
             return storedLevel;
@@ -6525,7 +6583,7 @@ var $5267f0d63de538ba$exports = {};
             // Use session cookie as fallback
             try {
                 window.document.cookie = encodeURIComponent(storageKey) + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC";
-            } catch (ignore3) {}
+            } catch (ignore1) {}
         }
         /*
        *
@@ -6780,7 +6838,7 @@ function $aabd7bdddb195dac$export$2e2bcd8739ae039(Alpine, { prefix: prefix  }) {
         init () {
             (0, $9930d46698775b42$export$33d4bfa367d0ee08)(`(min-width: ${(0, $4d527fa4ac70acba$export$2e2bcd8739ae039).desktopWidth}px)`, (matches)=>{
                 this._isDesktop = matches;
-                (0, (/*@__PURE__*/$parcel$interopDefault($5267f0d63de538ba$exports))).debug(`Media query 'desktop': ${matches ? "\u2705 match" : "\u274C no match"}`);
+                (0, (/*@__PURE__*/$parcel$interopDefault($5267f0d63de538ba$exports))).debug(`Media query 'desktop': ${matches ? "✅ match" : "❌ no match"}`);
             });
         },
         get desktop () {
@@ -6972,7 +7030,7 @@ function $af7ba71c6eecd94a$export$2e2bcd8739ae039(Alpine, { prefix: prefix  }) {
 var $7d6b1fa982d8364d$exports = {};
 (function(global, factory) {
     factory($7d6b1fa982d8364d$exports);
-})($7d6b1fa982d8364d$exports, function(exports) {
+})($7d6b1fa982d8364d$exports, function(exports1) {
     "use strict";
     var adapters = {
         logger: self.console,
@@ -7023,7 +7081,7 @@ var $7d6b1fa982d8364d$exports = {};
     var clamp = function clamp(number, min, max) {
         return Math.max(min, Math.min(max, number));
     };
-    var ConnectionMonitor1 = function() {
+    var ConnectionMonitor = function() {
         function ConnectionMonitor(connection) {
             classCallCheck(this, ConnectionMonitor);
             this.visibilityDidChange = this.visibilityDidChange.bind(this);
@@ -7110,12 +7168,12 @@ var $7d6b1fa982d8364d$exports = {};
         };
         return ConnectionMonitor;
     }();
-    ConnectionMonitor1.pollInterval = {
+    ConnectionMonitor.pollInterval = {
         min: 3,
         max: 30,
         multiplier: 5
     };
-    ConnectionMonitor1.staleThreshold = 6;
+    ConnectionMonitor.staleThreshold = 6;
     var INTERNAL = {
         message_types: {
             welcome: "welcome",
@@ -7138,13 +7196,13 @@ var $7d6b1fa982d8364d$exports = {};
     var message_types = INTERNAL.message_types, protocols = INTERNAL.protocols;
     var supportedProtocols = protocols.slice(0, protocols.length - 1);
     var indexOf = [].indexOf;
-    var Connection1 = function() {
+    var Connection = function() {
         function Connection(consumer) {
             classCallCheck(this, Connection);
             this.open = this.open.bind(this);
             this.consumer = consumer;
             this.subscriptions = this.consumer.subscriptions;
-            this.monitor = new ConnectionMonitor1(this);
+            this.monitor = new ConnectionMonitor(this);
             this.disconnected = true;
         }
         Connection.prototype.send = function send(data) {
@@ -7218,8 +7276,8 @@ var $7d6b1fa982d8364d$exports = {};
         };
         return Connection;
     }();
-    Connection1.reopenDelay = 500;
-    Connection1.prototype.events = {
+    Connection.reopenDelay = 500;
+    Connection.prototype.events = {
         message: function message(event) {
             if (!this.isProtocolSupported()) return;
             var _JSON$parse = JSON.parse(event.data), identifier = _JSON$parse.identifier, message = _JSON$parse.message, reason = _JSON$parse.reason, reconnect = _JSON$parse.reconnect, type = _JSON$parse.type;
@@ -7273,7 +7331,7 @@ var $7d6b1fa982d8364d$exports = {};
         }
         return object;
     };
-    var Subscription1 = function() {
+    var Subscription = function() {
         function Subscription(consumer) {
             var params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
             var mixin = arguments[2];
@@ -7299,7 +7357,7 @@ var $7d6b1fa982d8364d$exports = {};
         };
         return Subscription;
     }();
-    var SubscriptionGuarantor1 = function() {
+    var SubscriptionGuarantor = function() {
         function SubscriptionGuarantor(subscriptions) {
             classCallCheck(this, SubscriptionGuarantor);
             this.subscriptions = subscriptions;
@@ -7336,11 +7394,11 @@ var $7d6b1fa982d8364d$exports = {};
         };
         return SubscriptionGuarantor;
     }();
-    var Subscriptions1 = function() {
+    var Subscriptions = function() {
         function Subscriptions(consumer) {
             classCallCheck(this, Subscriptions);
             this.consumer = consumer;
-            this.guarantor = new SubscriptionGuarantor1(this);
+            this.guarantor = new SubscriptionGuarantor(this);
             this.subscriptions = [];
         }
         Subscriptions.prototype.create = function create(channelName, mixin) {
@@ -7348,7 +7406,7 @@ var $7d6b1fa982d8364d$exports = {};
             var params = (typeof channel === "undefined" ? "undefined" : _typeof(channel)) === "object" ? channel : {
                 channel: channel
             };
-            var subscription = new Subscription1(this.consumer, params, mixin);
+            var subscription = new Subscription(this.consumer, params, mixin);
             return this.add(subscription);
         };
         Subscriptions.prototype.add = function add(subscription) {
@@ -7399,12 +7457,12 @@ var $7d6b1fa982d8364d$exports = {};
                 ].concat(args));
             });
         };
-        Subscriptions.prototype.notify = function notify(subscription1, callbackName) {
+        Subscriptions.prototype.notify = function notify(subscription, callbackName) {
             for(var _len2 = arguments.length, args = Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++)args[_key2 - 2] = arguments[_key2];
             var subscriptions = void 0;
-            if (typeof subscription1 === "string") subscriptions = this.findAll(subscription1);
+            if (typeof subscription === "string") subscriptions = this.findAll(subscription);
             else subscriptions = [
-                subscription1
+                subscription
             ];
             return subscriptions.map(function(subscription) {
                 return typeof subscription[callbackName] === "function" ? subscription[callbackName].apply(subscription, args) : undefined;
@@ -7429,12 +7487,12 @@ var $7d6b1fa982d8364d$exports = {};
         };
         return Subscriptions;
     }();
-    var Consumer1 = function() {
+    var Consumer = function() {
         function Consumer(url) {
             classCallCheck(this, Consumer);
             this._url = url;
-            this.subscriptions = new Subscriptions1(this);
-            this.connection = new Connection1(this);
+            this.subscriptions = new Subscriptions(this);
+            this.connection = new Connection(this);
         }
         Consumer.prototype.send = function send(data) {
             return this.connection.send(data);
@@ -7472,25 +7530,25 @@ var $7d6b1fa982d8364d$exports = {};
     }
     function createConsumer() {
         var url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getConfig("url") || INTERNAL.default_mount_path;
-        return new Consumer1(url);
+        return new Consumer(url);
     }
     function getConfig(name) {
         var element = document.head.querySelector("meta[name='action-cable-" + name + "']");
         if (element) return element.getAttribute("content");
     }
-    exports.Connection = Connection1;
-    exports.ConnectionMonitor = ConnectionMonitor1;
-    exports.Consumer = Consumer1;
-    exports.INTERNAL = INTERNAL;
-    exports.Subscription = Subscription1;
-    exports.Subscriptions = Subscriptions1;
-    exports.SubscriptionGuarantor = SubscriptionGuarantor1;
-    exports.adapters = adapters;
-    exports.createWebSocketURL = createWebSocketURL;
-    exports.logger = logger;
-    exports.createConsumer = createConsumer;
-    exports.getConfig = getConfig;
-    Object.defineProperty(exports, "__esModule", {
+    exports1.Connection = Connection;
+    exports1.ConnectionMonitor = ConnectionMonitor;
+    exports1.Consumer = Consumer;
+    exports1.INTERNAL = INTERNAL;
+    exports1.Subscription = Subscription;
+    exports1.Subscriptions = Subscriptions;
+    exports1.SubscriptionGuarantor = SubscriptionGuarantor;
+    exports1.adapters = adapters;
+    exports1.createWebSocketURL = createWebSocketURL;
+    exports1.logger = logger;
+    exports1.createConsumer = createConsumer;
+    exports1.getConfig = getConfig;
+    Object.defineProperty(exports1, "__esModule", {
         value: true
     });
 });
@@ -7516,8 +7574,8 @@ var $7d6b1fa982d8364d$exports = {};
  *                                            false (at end), schedule `callback` to execute after `delay` ms.
  *
  * @returns {Function} A new, throttled, function.
- */ function $c5d017602d25d050$export$de363e709c412c8a(delay, callback, options1) {
-    var _ref = options1 || {}, _ref$noTrailing = _ref.noTrailing, noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing, _ref$noLeading = _ref.noLeading, noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading, _ref$debounceMode = _ref.debounceMode, debounceMode = _ref$debounceMode === void 0 ? undefined : _ref$debounceMode;
+ */ function $c5d017602d25d050$export$de363e709c412c8a(delay, callback, options) {
+    var _ref = options || {}, _ref$noTrailing = _ref.noTrailing, noTrailing = _ref$noTrailing === void 0 ? false : _ref$noTrailing, _ref$noLeading = _ref.noLeading, noLeading = _ref$noLeading === void 0 ? false : _ref$noLeading, _ref$debounceMode = _ref.debounceMode, debounceMode = _ref$debounceMode === void 0 ? undefined : _ref$debounceMode;
     /*
    * After wrapper has stopped being called, this timeout ensures that
    * `callback` is executed at the proper times in `throttle` and `end`
@@ -7678,8 +7736,15 @@ async function $e8e1f68a69f95ce8$export$51c59e2af49c1a92(url, selector) {
 
 function $d709d0f4027033b2$export$2e2bcd8739ae039() {
     return {
+        _requestsInProgress: 0,
         version: Alpine.$persist("").as("lookbook-version"),
         location: window.location,
+        get sidebarHidden () {
+            return this.$store.layout.sidebar.hidden;
+        },
+        get loading () {
+            return this._requestsInProgress > 0;
+        },
         init () {
             if (window.SOCKET_PATH) {
                 console.log("SOCKET CREATED");
@@ -7709,10 +7774,12 @@ function $d709d0f4027033b2$export$2e2bcd8739ae039() {
         async updateDOM () {
             this.debug("Starting DOM update");
             this.$dispatch("dom:update-start");
+            this.requestStart();
             try {
                 const { fragment: fragment , title: title  } = await (0, $e8e1f68a69f95ce8$export$51c59e2af49c1a92)(window.location, `#${this.$root.id}`);
                 (0, $e263283f97229955$export$2e5e8c41f5d4e7c7)(this.$root, fragment);
                 document.title = title;
+                this.requestEnd();
                 this.$dispatch("dom:update-complete");
                 this.debug("DOM update complete");
             } catch (err) {
@@ -7726,8 +7793,11 @@ function $d709d0f4027033b2$export$2e2bcd8739ae039() {
         closeMobileSidebar () {
             if (this.$store.layout.mobile && !this.sidebarHidden) this.toggleSidebar();
         },
-        get sidebarHidden () {
-            return this.$store.layout.sidebar.hidden;
+        requestStart () {
+            this._requestsInProgress += 1;
+        },
+        requestEnd () {
+            if (this._requestsInProgress > 0) this._requestsInProgress -= 1;
         },
         ...Alpine.$log
     };
@@ -7755,7 +7825,7 @@ function $5439cede634b2921$var$toCamel(s) {
 }
 
 
-var $5a1160331e703b26$exports = {};
+var $1f889267678ff167$exports = {};
 var $cbd28b10fa9798c7$exports = {};
 
 $parcel$defineInteropFlag($cbd28b10fa9798c7$exports);
@@ -7795,10 +7865,10 @@ function $1fa2a5446b18c455$export$af51f0f06c0f328a(node) {
 // and applies them to the HTMLElements such as popper and arrow
 function $dfb41fce0bddd2d8$var$applyStyles(_ref) {
     var state = _ref.state;
-    Object.keys(state.elements).forEach(function(name1) {
-        var style = state.styles[name1] || {};
-        var attributes = state.attributes[name1] || {};
-        var element = state.elements[name1]; // arrow is optional + virtual elements
+    Object.keys(state.elements).forEach(function(name) {
+        var style = state.styles[name] || {};
+        var attributes = state.attributes[name] || {};
+        var element = state.elements[name]; // arrow is optional + virtual elements
         if (!(0, $1fa2a5446b18c455$export$1b3bfaa9684536aa)(element) || !(0, $59d97a6bab2b727e$export$2e2bcd8739ae039)(element)) return;
          // Flow doesn't support to extend this property, but it's the most
         // effective way to apply styles to an HTMLElement
@@ -7833,12 +7903,12 @@ function $dfb41fce0bddd2d8$var$effect(_ref2) {
             var element = state.elements[name];
             var attributes = state.attributes[name] || {};
             var styleProperties = Object.keys(state.styles.hasOwnProperty(name) ? state.styles[name] : initialStyles[name]); // Set all values to an empty string to unset them
-            var style1 = styleProperties.reduce(function(style, property) {
+            var style = styleProperties.reduce(function(style, property) {
                 style[property] = "";
                 return style;
             }, {}); // arrow is optional + virtual elements
             if (!(0, $1fa2a5446b18c455$export$1b3bfaa9684536aa)(element) || !(0, $59d97a6bab2b727e$export$2e2bcd8739ae039)(element)) return;
-            Object.assign(element.style, style1);
+            Object.assign(element.style, style);
             Object.keys(attributes).forEach(function(attribute) {
                 element.removeAttribute(attribute);
             });
@@ -7863,27 +7933,46 @@ var $a435872b5ba665df$export$96ec731ed4dcb222 = Math.min;
 var $a435872b5ba665df$export$2077e0241d6afd3c = Math.round;
 
 
-function $b854957821c00430$export$2e2bcd8739ae039(element, includeScale) {
+
+function $beb42d7aceecf8c8$export$2e2bcd8739ae039() {
+    var uaData = navigator.userAgentData;
+    if (uaData != null && uaData.brands) return uaData.brands.map(function(item) {
+        return item.brand + "/" + item.version;
+    }).join(" ");
+    return navigator.userAgent;
+}
+
+
+function $f6bdda075fc14cbf$export$2e2bcd8739ae039() {
+    return !/^((?!chrome|android).)*safari/i.test((0, $beb42d7aceecf8c8$export$2e2bcd8739ae039)());
+}
+
+
+function $b854957821c00430$export$2e2bcd8739ae039(element, includeScale, isFixedStrategy) {
     if (includeScale === void 0) includeScale = false;
-    var rect = element.getBoundingClientRect();
+    if (isFixedStrategy === void 0) isFixedStrategy = false;
+    var clientRect = element.getBoundingClientRect();
     var scaleX = 1;
     var scaleY = 1;
-    if ((0, $1fa2a5446b18c455$export$1b3bfaa9684536aa)(element) && includeScale) {
-        var offsetHeight = element.offsetHeight;
-        var offsetWidth = element.offsetWidth; // Do not attempt to divide by 0, otherwise we get `Infinity` as scale
-        // Fallback to 1 in case both values are `0`
-        if (offsetWidth > 0) scaleX = (0, $a435872b5ba665df$export$2077e0241d6afd3c)(rect.width) / offsetWidth || 1;
-        if (offsetHeight > 0) scaleY = (0, $a435872b5ba665df$export$2077e0241d6afd3c)(rect.height) / offsetHeight || 1;
-    }
+    if (includeScale && (0, $1fa2a5446b18c455$export$1b3bfaa9684536aa)(element)) {
+        scaleX = element.offsetWidth > 0 ? (0, $a435872b5ba665df$export$2077e0241d6afd3c)(clientRect.width) / element.offsetWidth || 1 : 1;
+        scaleY = element.offsetHeight > 0 ? (0, $a435872b5ba665df$export$2077e0241d6afd3c)(clientRect.height) / element.offsetHeight || 1 : 1;
+    }
+    var _ref = (0, $1fa2a5446b18c455$export$45a5e7f76e0caa8d)(element) ? (0, $f41f4520bee001a7$export$2e2bcd8739ae039)(element) : window, visualViewport = _ref.visualViewport;
+    var addVisualOffsets = !(0, $f6bdda075fc14cbf$export$2e2bcd8739ae039)() && isFixedStrategy;
+    var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+    var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+    var width = clientRect.width / scaleX;
+    var height = clientRect.height / scaleY;
     return {
-        width: rect.width / scaleX,
-        height: rect.height / scaleY,
-        top: rect.top / scaleY,
-        right: rect.right / scaleX,
-        bottom: rect.bottom / scaleY,
-        left: rect.left / scaleX,
-        x: rect.left / scaleX,
-        y: rect.top / scaleY
+        width: width,
+        height: height,
+        top: y,
+        right: x + width,
+        bottom: y + height,
+        left: x,
+        x: x,
+        y: y
     };
 }
 
@@ -7965,7 +8054,7 @@ function $a195ad21b1cffe79$export$2e2bcd8739ae039(elementOrVirtualElement, offse
     var isOffsetParentAnElement = (0, $1fa2a5446b18c455$export$1b3bfaa9684536aa)(offsetParent);
     var offsetParentIsScaled = (0, $1fa2a5446b18c455$export$1b3bfaa9684536aa)(offsetParent) && $a195ad21b1cffe79$var$isElementScaled(offsetParent);
     var documentElement = (0, $3e02d6708e2a16ac$export$2e2bcd8739ae039)(offsetParent);
-    var rect = (0, $b854957821c00430$export$2e2bcd8739ae039)(elementOrVirtualElement, offsetParentIsScaled);
+    var rect = (0, $b854957821c00430$export$2e2bcd8739ae039)(elementOrVirtualElement, offsetParentIsScaled, isFixed);
     var scroll = {
         scrollLeft: 0,
         scrollTop: 0
@@ -8068,14 +8157,15 @@ function $b7f6a1d3d9524a70$export$2e2bcd8739ae039(element) {
 
 
 
+
 function $4acba801a6bfbaa3$var$getTrueOffsetParent(element) {
     if (!(0, $1fa2a5446b18c455$export$1b3bfaa9684536aa)(element) || (0, $392247934674b5b4$export$2e2bcd8739ae039)(element).position === "fixed") return null;
     return element.offsetParent;
 } // `.offsetParent` reports `null` for fixed elements, while absolute elements
 // return the containing block
 function $4acba801a6bfbaa3$var$getContainingBlock(element) {
-    var isFirefox = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1;
-    var isIE = navigator.userAgent.indexOf("Trident") !== -1;
+    var isFirefox = /firefox/i.test((0, $beb42d7aceecf8c8$export$2e2bcd8739ae039)());
+    var isIE = /Trident/i.test((0, $beb42d7aceecf8c8$export$2e2bcd8739ae039)());
     if (isIE && (0, $1fa2a5446b18c455$export$1b3bfaa9684536aa)(element)) {
         // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
         var elementCss = (0, $392247934674b5b4$export$2e2bcd8739ae039)(element);
@@ -8215,7 +8305,7 @@ function $d6d1d118731c5c9c$export$2e2bcd8739ae039(fn) {
 
 
 function $6af99e74d4c8a734$export$2e2bcd8739ae039(modifiers) {
-    var merged1 = modifiers.reduce(function(merged, current) {
+    var merged = modifiers.reduce(function(merged, current) {
         var existing = merged[current.name];
         merged[current.name] = existing ? Object.assign({}, existing, current, {
             options: Object.assign({}, existing.options, current.options),
@@ -8223,8 +8313,8 @@ function $6af99e74d4c8a734$export$2e2bcd8739ae039(modifiers) {
         }) : current;
         return merged;
     }, {}); // IE11 does not support Object.values
-    return Object.keys(merged1).map(function(key) {
-        return merged1[key];
+    return Object.keys(merged).map(function(key) {
+        return merged[key];
     });
 }
 
@@ -8248,16 +8338,16 @@ function $8e357be334f3fad9$var$areValidElements() {
 function $8e357be334f3fad9$export$ed5e13716264f202(generatorOptions) {
     if (generatorOptions === void 0) generatorOptions = {};
     var _generatorOptions = generatorOptions, _generatorOptions$def = _generatorOptions.defaultModifiers, defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def, _generatorOptions$def2 = _generatorOptions.defaultOptions, defaultOptions = _generatorOptions$def2 === void 0 ? $8e357be334f3fad9$var$DEFAULT_OPTIONS : _generatorOptions$def2;
-    return function createPopper(reference1, popper1, options1) {
-        if (options1 === void 0) options1 = defaultOptions;
-        var state1 = {
+    return function createPopper(reference, popper, options) {
+        if (options === void 0) options = defaultOptions;
+        var state = {
             placement: "bottom",
             orderedModifiers: [],
             options: Object.assign({}, $8e357be334f3fad9$var$DEFAULT_OPTIONS, defaultOptions),
             modifiersData: {},
             elements: {
-                reference: reference1,
-                popper: popper1
+                reference: reference,
+                popper: popper
             },
             attributes: {},
             styles: {}
@@ -8265,18 +8355,18 @@ function $8e357be334f3fad9$export$ed5e13716264f202(generatorOptions) {
         var effectCleanupFns = [];
         var isDestroyed = false;
         var instance = {
-            state: state1,
+            state: state,
             setOptions: function setOptions(setOptionsAction) {
-                var options = typeof setOptionsAction === "function" ? setOptionsAction(state1.options) : setOptionsAction;
+                var options = typeof setOptionsAction === "function" ? setOptionsAction(state.options) : setOptionsAction;
                 cleanupModifierEffects();
-                state1.options = Object.assign({}, defaultOptions, state1.options, options);
-                state1.scrollParents = {
-                    reference: (0, $1fa2a5446b18c455$export$45a5e7f76e0caa8d)(reference1) ? (0, $f14b4e1cd31512ee$export$2e2bcd8739ae039)(reference1) : reference1.contextElement ? (0, $f14b4e1cd31512ee$export$2e2bcd8739ae039)(reference1.contextElement) : [],
-                    popper: (0, $f14b4e1cd31512ee$export$2e2bcd8739ae039)(popper1)
+                state.options = Object.assign({}, defaultOptions, state.options, options);
+                state.scrollParents = {
+                    reference: (0, $1fa2a5446b18c455$export$45a5e7f76e0caa8d)(reference) ? (0, $f14b4e1cd31512ee$export$2e2bcd8739ae039)(reference) : reference.contextElement ? (0, $f14b4e1cd31512ee$export$2e2bcd8739ae039)(reference.contextElement) : [],
+                    popper: (0, $f14b4e1cd31512ee$export$2e2bcd8739ae039)(popper)
                 }; // Orders the modifiers based on their dependencies and `phase`
                 // properties
-                var orderedModifiers = (0, $6e11c0a2f23600d6$export$2e2bcd8739ae039)((0, $6af99e74d4c8a734$export$2e2bcd8739ae039)([].concat(defaultModifiers, state1.options.modifiers))); // Strip out disabled modifiers
-                state1.orderedModifiers = orderedModifiers.filter(function(m) {
+                var orderedModifiers = (0, $6e11c0a2f23600d6$export$2e2bcd8739ae039)((0, $6af99e74d4c8a734$export$2e2bcd8739ae039)([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers
+                state.orderedModifiers = orderedModifiers.filter(function(m) {
                     return m.enabled;
                 }); // Validate the provided modifiers so that the consumer will get warned
                 var modifiers, _ref, name, flipModifier, _ref2, name1, _getComputedStyle, marginTop, marginRight, marginBottom, marginLeft, margin;
@@ -8290,40 +8380,40 @@ function $8e357be334f3fad9$export$ed5e13716264f202(generatorOptions) {
             // prefer the async Popper#update method
             forceUpdate: function forceUpdate() {
                 if (isDestroyed) return;
-                var _state$elements = state1.elements, reference = _state$elements.reference, popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements
+                var _state$elements = state.elements, reference = _state$elements.reference, popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements
                 // anymore
                 if (!$8e357be334f3fad9$var$areValidElements(reference, popper)) return;
                  // Store the reference and popper rects to be read by modifiers
-                state1.rects = {
-                    reference: (0, $a195ad21b1cffe79$export$2e2bcd8739ae039)(reference, (0, $4acba801a6bfbaa3$export$2e2bcd8739ae039)(popper), state1.options.strategy === "fixed"),
+                state.rects = {
+                    reference: (0, $a195ad21b1cffe79$export$2e2bcd8739ae039)(reference, (0, $4acba801a6bfbaa3$export$2e2bcd8739ae039)(popper), state.options.strategy === "fixed"),
                     popper: (0, $e287ac773d355028$export$2e2bcd8739ae039)(popper)
                 }; // Modifiers have the ability to reset the current update cycle. The
                 // most common use case for this is the `flip` modifier changing the
                 // placement, which then needs to re-run all the modifiers, because the
                 // logic was previously ran for the previous placement and is therefore
                 // stale/incorrect
-                state1.reset = false;
-                state1.placement = state1.options.placement; // On each update cycle, the `modifiersData` property for each modifier
+                state.reset = false;
+                state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier
                 // is filled with the initial data specified by the modifier. This means
                 // it doesn't persist and is fresh on each update.
                 // To ensure persistent data, use `${name}#persistent`
-                state1.orderedModifiers.forEach(function(modifier) {
-                    return state1.modifiersData[modifier.name] = Object.assign({}, modifier.data);
+                state.orderedModifiers.forEach(function(modifier) {
+                    return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);
                 });
                 var __debug_loops__ = 0;
-                for(var index = 0; index < state1.orderedModifiers.length; index++){
-                    if (state1.reset === true) {
-                        state1.reset = false;
+                for(var index = 0; index < state.orderedModifiers.length; index++){
+                    if (state.reset === true) {
+                        state.reset = false;
                         index = -1;
                         continue;
                     }
-                    var _state$orderedModifie = state1.orderedModifiers[index], fn = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
-                    if (typeof fn === "function") state1 = fn({
-                        state: state1,
+                    var _state$orderedModifie = state.orderedModifiers[index], fn = _state$orderedModifie.fn, _state$orderedModifie2 = _state$orderedModifie.options, _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2, name = _state$orderedModifie.name;
+                    if (typeof fn === "function") state = fn({
+                        state: state,
                         options: _options,
                         name: name,
                         instance: instance
-                    }) || state1;
+                    }) || state;
                 }
             },
             // Async and optimistically optimized update – it will not be executed if
@@ -8331,7 +8421,7 @@ function $8e357be334f3fad9$export$ed5e13716264f202(generatorOptions) {
             update: (0, $d6d1d118731c5c9c$export$2e2bcd8739ae039)(function() {
                 return new Promise(function(resolve) {
                     instance.forceUpdate();
-                    resolve(state1);
+                    resolve(state);
                 });
             }),
             destroy: function destroy() {
@@ -8339,20 +8429,20 @@ function $8e357be334f3fad9$export$ed5e13716264f202(generatorOptions) {
                 isDestroyed = true;
             }
         };
-        if (!$8e357be334f3fad9$var$areValidElements(reference1, popper1)) return instance;
-        instance.setOptions(options1).then(function(state) {
-            if (!isDestroyed && options1.onFirstUpdate) options1.onFirstUpdate(state);
+        if (!$8e357be334f3fad9$var$areValidElements(reference, popper)) return instance;
+        instance.setOptions(options).then(function(state) {
+            if (!isDestroyed && options.onFirstUpdate) options.onFirstUpdate(state);
         }); // Modifiers have the ability to execute arbitrary code before the first
         // update cycle runs. They will be executed in the same order as the update
         // cycle. This is useful when a modifier adds some persistent data that
         // other modifiers need to use, but the modifier is run after the dependent
         // one.
         function runModifierEffects() {
-            state1.orderedModifiers.forEach(function(_ref3) {
+            state.orderedModifiers.forEach(function(_ref3) {
                 var name = _ref3.name, _ref3$options = _ref3.options, options = _ref3$options === void 0 ? {} : _ref3$options, effect = _ref3.effect;
                 if (typeof effect === "function") {
                     var cleanupFn = effect({
-                        state: state1,
+                        state: state,
                         name: name,
                         instance: instance,
                         options: options
@@ -8627,15 +8717,15 @@ var $03e421bdaa8eda14$export$2e2bcd8739ae039 = {
 
 
 
-function $b2dec03e76957d70$export$7fa02d8595b015ed(placement, rects, offset1) {
+function $b2dec03e76957d70$export$7fa02d8595b015ed(placement, rects, offset) {
     var basePlacement = (0, $923eec132c8d334b$export$2e2bcd8739ae039)(placement);
     var invertDistance = [
         (0, $9b56e55559dfbda1$export$eabcd2c8791e7bf4),
         (0, $9b56e55559dfbda1$export$1e95b668f3b82d)
     ].indexOf(basePlacement) >= 0 ? -1 : 1;
-    var _ref = typeof offset1 === "function" ? offset1(Object.assign({}, rects, {
+    var _ref = typeof offset === "function" ? offset(Object.assign({}, rects, {
         placement: placement
-    })) : offset1, skidding = _ref[0], distance = _ref[1];
+    })) : offset, skidding = _ref[0], distance = _ref[1];
     skidding = skidding || 0;
     distance = (distance || 0) * invertDistance;
     return [
@@ -8651,12 +8741,12 @@ function $b2dec03e76957d70$export$7fa02d8595b015ed(placement, rects, offset1) {
 }
 function $b2dec03e76957d70$var$offset(_ref2) {
     var state = _ref2.state, options = _ref2.options, name = _ref2.name;
-    var _options$offset = options.offset, offset2 = _options$offset === void 0 ? [
+    var _options$offset = options.offset, offset = _options$offset === void 0 ? [
         0,
         0
     ] : _options$offset;
     var data = (0, $9b56e55559dfbda1$export$803cd8101b6c182b).reduce(function(acc, placement) {
-        acc[placement] = $b2dec03e76957d70$export$7fa02d8595b015ed(placement, state.rects, offset2);
+        acc[placement] = $b2dec03e76957d70$export$7fa02d8595b015ed(placement, state.rects, offset);
         return acc;
     }, {});
     var _data$state$placement = data[state.placement], x = _data$state$placement.x, y = _data$state$placement.y;
@@ -8706,29 +8796,20 @@ function $e23a845ff98433e2$export$2e2bcd8739ae039(placement) {
 
 
 
-function $ed6afea5d5a4d314$export$2e2bcd8739ae039(element) {
+
+function $ed6afea5d5a4d314$export$2e2bcd8739ae039(element, strategy) {
     var win = (0, $f41f4520bee001a7$export$2e2bcd8739ae039)(element);
     var html = (0, $3e02d6708e2a16ac$export$2e2bcd8739ae039)(element);
     var visualViewport = win.visualViewport;
     var width = html.clientWidth;
     var height = html.clientHeight;
     var x = 0;
-    var y = 0; // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper
-    // can be obscured underneath it.
-    // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even
-    // if it isn't open, so if this isn't available, the popper will be detected
-    // to overflow the bottom of the screen too early.
+    var y = 0;
     if (visualViewport) {
         width = visualViewport.width;
-        height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently)
-        // In Chrome, it returns a value very close to 0 (+/-) but contains rounding
-        // errors due to floating point numbers, so we need to check precision.
-        // Safari returns a number <= 0, usually < -1 when pinch-zoomed
-        // Feature detection fails in mobile emulation mode in Chrome.
-        // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) <
-        // 0.001
-        // Fallback here: "Not Safari" userAgent
-        if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
+        height = visualViewport.height;
+        var layoutViewport = (0, $f6bdda075fc14cbf$export$2e2bcd8739ae039)();
+        if (layoutViewport || !layoutViewport && strategy === "fixed") {
             x = visualViewport.offsetLeft;
             y = visualViewport.offsetTop;
         }
@@ -8801,8 +8882,8 @@ function $611b7cfc3d40c8f5$export$2e2bcd8739ae039(rect) {
 
 
 
-function $1ae21a55ad42cc80$var$getInnerBoundingClientRect(element) {
-    var rect = (0, $b854957821c00430$export$2e2bcd8739ae039)(element);
+function $1ae21a55ad42cc80$var$getInnerBoundingClientRect(element, strategy) {
+    var rect = (0, $b854957821c00430$export$2e2bcd8739ae039)(element, false, strategy === "fixed");
     rect.top = rect.top + element.clientTop;
     rect.left = rect.left + element.clientLeft;
     rect.bottom = rect.top + element.clientHeight;
@@ -8813,8 +8894,8 @@ function $1ae21a55ad42cc80$var$getInnerBoundingClientRect(element) {
     rect.y = rect.top;
     return rect;
 }
-function $1ae21a55ad42cc80$var$getClientRectFromMixedType(element, clippingParent) {
-    return clippingParent === (0, $9b56e55559dfbda1$export$d7b7311ec04a3e8f) ? (0, $611b7cfc3d40c8f5$export$2e2bcd8739ae039)((0, $ed6afea5d5a4d314$export$2e2bcd8739ae039)(element)) : (0, $1fa2a5446b18c455$export$45a5e7f76e0caa8d)(clippingParent) ? $1ae21a55ad42cc80$var$getInnerBoundingClientRect(clippingParent) : (0, $611b7cfc3d40c8f5$export$2e2bcd8739ae039)((0, $048158ac5222e515$export$2e2bcd8739ae039)((0, $3e02d6708e2a16ac$export$2e2bcd8739ae039)(element)));
+function $1ae21a55ad42cc80$var$getClientRectFromMixedType(element, clippingParent, strategy) {
+    return clippingParent === (0, $9b56e55559dfbda1$export$d7b7311ec04a3e8f) ? (0, $611b7cfc3d40c8f5$export$2e2bcd8739ae039)((0, $ed6afea5d5a4d314$export$2e2bcd8739ae039)(element, strategy)) : (0, $1fa2a5446b18c455$export$45a5e7f76e0caa8d)(clippingParent) ? $1ae21a55ad42cc80$var$getInnerBoundingClientRect(clippingParent, strategy) : (0, $611b7cfc3d40c8f5$export$2e2bcd8739ae039)((0, $048158ac5222e515$export$2e2bcd8739ae039)((0, $3e02d6708e2a16ac$export$2e2bcd8739ae039)(element)));
 } // A "clipping parent" is an overflowable container with the characteristic of
 // clipping (or hiding) overflowing elements with a position different from
 // `initial`
@@ -8831,20 +8912,20 @@ function $1ae21a55ad42cc80$var$getClippingParents(element) {
         return (0, $1fa2a5446b18c455$export$45a5e7f76e0caa8d)(clippingParent) && (0, $d1f185f47d247fa7$export$2e2bcd8739ae039)(clippingParent, clipperElement) && (0, $59d97a6bab2b727e$export$2e2bcd8739ae039)(clippingParent) !== "body";
     });
 } // Gets the maximum area that the element is visible in due to any number of
-function $1ae21a55ad42cc80$export$2e2bcd8739ae039(element, boundary, rootBoundary) {
+function $1ae21a55ad42cc80$export$2e2bcd8739ae039(element, boundary, rootBoundary, strategy) {
     var mainClippingParents = boundary === "clippingParents" ? $1ae21a55ad42cc80$var$getClippingParents(element) : [].concat(boundary);
     var clippingParents = [].concat(mainClippingParents, [
         rootBoundary
     ]);
     var firstClippingParent = clippingParents[0];
     var clippingRect = clippingParents.reduce(function(accRect, clippingParent) {
-        var rect = $1ae21a55ad42cc80$var$getClientRectFromMixedType(element, clippingParent);
+        var rect = $1ae21a55ad42cc80$var$getClientRectFromMixedType(element, clippingParent, strategy);
         accRect.top = (0, $a435872b5ba665df$export$8960430cfd85939f)(rect.top, accRect.top);
         accRect.right = (0, $a435872b5ba665df$export$96ec731ed4dcb222)(rect.right, accRect.right);
         accRect.bottom = (0, $a435872b5ba665df$export$96ec731ed4dcb222)(rect.bottom, accRect.bottom);
         accRect.left = (0, $a435872b5ba665df$export$8960430cfd85939f)(rect.left, accRect.left);
         return accRect;
-    }, $1ae21a55ad42cc80$var$getClientRectFromMixedType(element, firstClippingParent));
+    }, $1ae21a55ad42cc80$var$getClientRectFromMixedType(element, firstClippingParent, strategy));
     clippingRect.width = clippingRect.right - clippingRect.left;
     clippingRect.height = clippingRect.bottom - clippingRect.top;
     clippingRect.x = clippingRect.left;
@@ -8884,12 +8965,12 @@ function $f5b522f3e076d616$export$2e2bcd8739ae039(value, keys) {
 
 function $223e3075705edc49$export$2e2bcd8739ae039(state, options) {
     if (options === void 0) options = {};
-    var _options = options, _options$placement = _options.placement, placement = _options$placement === void 0 ? state.placement : _options$placement, _options$boundary = _options.boundary, boundary = _options$boundary === void 0 ? (0, $9b56e55559dfbda1$export$390fd549c5303b4d) : _options$boundary, _options$rootBoundary = _options.rootBoundary, rootBoundary = _options$rootBoundary === void 0 ? (0, $9b56e55559dfbda1$export$d7b7311ec04a3e8f) : _options$rootBoundary, _options$elementConte = _options.elementContext, elementContext = _options$elementConte === void 0 ? (0, $9b56e55559dfbda1$export$ae5ab1c730825774) : _options$elementConte, _options$altBoundary = _options.altBoundary, altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary, _options$padding = _options.padding, padding = _options$padding === void 0 ? 0 : _options$padding;
+    var _options = options, _options$placement = _options.placement, placement = _options$placement === void 0 ? state.placement : _options$placement, _options$strategy = _options.strategy, strategy = _options$strategy === void 0 ? state.strategy : _options$strategy, _options$boundary = _options.boundary, boundary = _options$boundary === void 0 ? (0, $9b56e55559dfbda1$export$390fd549c5303b4d) : _options$boundary, _options$rootBoundary = _options.rootBoundary, rootBoundary = _options$rootBoundary === void 0 ? (0, $9b56e55559dfbda1$export$d7b7311ec04a3e8f) : _options$rootBoundary, _options$elementConte = _options.elementContext, elementContext = _options$elementConte === void 0 ? (0, $9b56e55559dfbda1$export$ae5ab1c730825774) : _options$elementConte, _options$altBoundary = _options.altBoundary, altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary, _options$padding = _options.padding, padding = _options$padding === void 0 ? 0 : _options$padding;
     var paddingObject = (0, $4867192599152955$export$2e2bcd8739ae039)(typeof padding !== "number" ? padding : (0, $f5b522f3e076d616$export$2e2bcd8739ae039)(padding, (0, $9b56e55559dfbda1$export$aec2ce47c367b8c3)));
     var altContext = elementContext === (0, $9b56e55559dfbda1$export$ae5ab1c730825774) ? (0, $9b56e55559dfbda1$export$ca50aac9f3ba507f) : (0, $9b56e55559dfbda1$export$ae5ab1c730825774);
     var popperRect = state.rects.popper;
     var element = state.elements[altBoundary ? altContext : elementContext];
-    var clippingClientRect = (0, $1ae21a55ad42cc80$export$2e2bcd8739ae039)((0, $1fa2a5446b18c455$export$45a5e7f76e0caa8d)(element) ? element : element.contextElement || (0, $3e02d6708e2a16ac$export$2e2bcd8739ae039)(state.elements.popper), boundary, rootBoundary);
+    var clippingClientRect = (0, $1ae21a55ad42cc80$export$2e2bcd8739ae039)((0, $1fa2a5446b18c455$export$45a5e7f76e0caa8d)(element) ? element : element.contextElement || (0, $3e02d6708e2a16ac$export$2e2bcd8739ae039)(state.elements.popper), boundary, rootBoundary, strategy);
     var referenceClientRect = (0, $b854957821c00430$export$2e2bcd8739ae039)(state.elements.reference);
     var popperOffsets = (0, $05d4a7bd7e0110bf$export$2e2bcd8739ae039)({
         reference: referenceClientRect,
@@ -8931,8 +9012,8 @@ function $223e3075705edc49$export$2e2bcd8739ae039(state, options) {
 
 function $4ec2b0d0092c1820$export$2e2bcd8739ae039(state, options) {
     if (options === void 0) options = {};
-    var _options = options, placement1 = _options.placement, boundary = _options.boundary, rootBoundary = _options.rootBoundary, padding = _options.padding, flipVariations = _options.flipVariations, _options$allowedAutoP = _options.allowedAutoPlacements, allowedAutoPlacements = _options$allowedAutoP === void 0 ? (0, $9b56e55559dfbda1$export$803cd8101b6c182b) : _options$allowedAutoP;
-    var variation = (0, $6572b8fb6297a772$export$2e2bcd8739ae039)(placement1);
+    var _options = options, placement = _options.placement, boundary = _options.boundary, rootBoundary = _options.rootBoundary, padding = _options.padding, flipVariations = _options.flipVariations, _options$allowedAutoP = _options.allowedAutoPlacements, allowedAutoPlacements = _options$allowedAutoP === void 0 ? (0, $9b56e55559dfbda1$export$803cd8101b6c182b) : _options$allowedAutoP;
+    var variation = (0, $6572b8fb6297a772$export$2e2bcd8739ae039)(placement);
     var placements = variation ? flipVariations ? (0, $9b56e55559dfbda1$export$368f9a87e87fa4e1) : (0, $9b56e55559dfbda1$export$368f9a87e87fa4e1).filter(function(placement) {
         return (0, $6572b8fb6297a772$export$2e2bcd8739ae039)(placement) === variation;
     }) : (0, $9b56e55559dfbda1$export$aec2ce47c367b8c3);
@@ -8995,16 +9076,16 @@ function $d886080699dc4994$var$flip(_ref) {
     var makeFallbackChecks = true;
     var firstFittingPlacement = placements[0];
     for(var i = 0; i < placements.length; i++){
-        var placement1 = placements[i];
-        var _basePlacement = (0, $923eec132c8d334b$export$2e2bcd8739ae039)(placement1);
-        var isStartVariation = (0, $6572b8fb6297a772$export$2e2bcd8739ae039)(placement1) === (0, $9b56e55559dfbda1$export$b3571188c770cc5a);
+        var placement = placements[i];
+        var _basePlacement = (0, $923eec132c8d334b$export$2e2bcd8739ae039)(placement);
+        var isStartVariation = (0, $6572b8fb6297a772$export$2e2bcd8739ae039)(placement) === (0, $9b56e55559dfbda1$export$b3571188c770cc5a);
         var isVertical = [
             (0, $9b56e55559dfbda1$export$1e95b668f3b82d),
             (0, $9b56e55559dfbda1$export$40e543e69a8b3fbb)
         ].indexOf(_basePlacement) >= 0;
         var len = isVertical ? "width" : "height";
         var overflow = (0, $223e3075705edc49$export$2e2bcd8739ae039)(state, {
-            placement: placement1,
+            placement: placement,
             boundary: boundary,
             rootBoundary: rootBoundary,
             altBoundary: altBoundary,
@@ -9019,11 +9100,11 @@ function $d886080699dc4994$var$flip(_ref) {
         if (checks.every(function(check) {
             return check;
         })) {
-            firstFittingPlacement = placement1;
+            firstFittingPlacement = placement;
             makeFallbackChecks = false;
             break;
         }
-        checksMap.set(placement1, checks);
+        checksMap.set(placement, checks);
     }
     if (makeFallbackChecks) {
         // `2` may be desired in some cases – research later
@@ -9040,8 +9121,8 @@ function $d886080699dc4994$var$flip(_ref) {
                 return "break";
             }
         };
-        for(var _i1 = numberOfChecks; _i1 > 0; _i1--){
-            var _ret = _loop(_i1);
+        for(var _i = numberOfChecks; _i > 0; _i--){
+            var _ret = _loop(_i);
             if (_ret === "break") break;
         }
     }
@@ -9558,7 +9639,7 @@ function $b013befce1f6217f$var$clean(value) {
     return value.replace(spacesAndTabs, " ").replace(lineStartWithSpaces, "").trim();
 }
 function $b013befce1f6217f$var$getDevMessage(message) {
-    return $b013befce1f6217f$var$clean("\n  %ctippy.js\n\n  %c" + $b013befce1f6217f$var$clean(message) + "\n\n  %c\uD83D\uDC77\u200D This is a development-only message. It will be removed in production.\n  ");
+    return $b013befce1f6217f$var$clean("\n  %ctippy.js\n\n  %c" + $b013befce1f6217f$var$clean(message) + "\n\n  %c\uD83D\uDC77‍ This is a development-only message. It will be removed in production.\n  ");
 }
 function $b013befce1f6217f$var$getFormattedMessage(message) {
     return [
@@ -9669,7 +9750,7 @@ var $b013befce1f6217f$var$setDefaultProps = function setDefaultProps(partialProp
 };
 function $b013befce1f6217f$var$getExtendedPassedProps(passedProps) {
     var plugins = passedProps.plugins || [];
-    var pluginProps1 = plugins.reduce(function(acc, plugin) {
+    var pluginProps = plugins.reduce(function(acc, plugin) {
         var name = plugin.name, defaultValue = plugin.defaultValue;
         if (name) {
             var _name;
@@ -9677,7 +9758,7 @@ function $b013befce1f6217f$var$getExtendedPassedProps(passedProps) {
         }
         return acc;
     }, {});
-    return Object.assign({}, passedProps, pluginProps1);
+    return Object.assign({}, passedProps, pluginProps);
 }
 function $b013befce1f6217f$var$getDataAttributeProps(reference, plugins) {
     var propKeys = plugins ? Object.keys($b013befce1f6217f$var$getExtendedPassedProps(Object.assign({}, $b013befce1f6217f$var$defaultProps, {
@@ -9772,16 +9853,16 @@ function $b013befce1f6217f$var$getChildren(popper) {
 }
 function $b013befce1f6217f$var$render(instance) {
     var popper = $b013befce1f6217f$var$div();
-    var box1 = $b013befce1f6217f$var$div();
-    box1.className = $b013befce1f6217f$var$BOX_CLASS;
-    box1.setAttribute("data-state", "hidden");
-    box1.setAttribute("tabindex", "-1");
-    var content1 = $b013befce1f6217f$var$div();
-    content1.className = $b013befce1f6217f$var$CONTENT_CLASS;
-    content1.setAttribute("data-state", "hidden");
-    $b013befce1f6217f$var$setContent(content1, instance.props);
-    popper.appendChild(box1);
-    box1.appendChild(content1);
+    var box = $b013befce1f6217f$var$div();
+    box.className = $b013befce1f6217f$var$BOX_CLASS;
+    box.setAttribute("data-state", "hidden");
+    box.setAttribute("tabindex", "-1");
+    var content = $b013befce1f6217f$var$div();
+    content.className = $b013befce1f6217f$var$CONTENT_CLASS;
+    content.setAttribute("data-state", "hidden");
+    $b013befce1f6217f$var$setContent(content, instance.props);
+    popper.appendChild(box);
+    box.appendChild(content);
     onUpdate(instance.props, instance.props);
     function onUpdate(prevProps, nextProps) {
         var _getChildren = $b013befce1f6217f$var$getChildren(popper), box = _getChildren.box, content = _getChildren.content, arrow = _getChildren.arrow;
@@ -9832,10 +9913,10 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
     var currentTarget; // ===========================================================================
     // 🔑 Public members
     // ===========================================================================
-    var id1 = $b013befce1f6217f$var$idCounter++;
+    var id = $b013befce1f6217f$var$idCounter++;
     var popperInstance = null;
     var plugins = $b013befce1f6217f$var$unique(props.plugins);
-    var state1 = {
+    var state = {
         // Is the instance currently enabled?
         isEnabled: true,
         // Is the tippy currently showing and not transitioning out?
@@ -9847,19 +9928,19 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
         // Has the tippy finished transitioning in?
         isShown: false
     };
-    var instance1 = {
+    var instance = {
         // properties
-        id: id1,
+        id: id,
         reference: reference,
         popper: $b013befce1f6217f$var$div(),
         popperInstance: popperInstance,
         props: props,
-        state: state1,
+        state: state,
         plugins: plugins,
         // methods
         clearDelayTimeouts: clearDelayTimeouts,
         setProps: setProps,
-        setContent: setContent1,
+        setContent: setContent,
         show: show,
         hide: hide,
         hideWithInteractivity: hideWithInteractivity,
@@ -9869,40 +9950,40 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
         destroy: destroy
     }; // TODO: Investigate why this early return causes a TDZ error in the tests —
     // it doesn't seem to happen in the browser
-    /* istanbul ignore if */ if (!props.render) return instance1;
+    /* istanbul ignore if */ if (!props.render) return instance;
      // ===========================================================================
     // Initial mutations
     // ===========================================================================
-    var _props$render = props.render(instance1), popper1 = _props$render.popper, onUpdate = _props$render.onUpdate;
-    popper1.setAttribute("data-tippy-root", "");
-    popper1.id = "tippy-" + instance1.id;
-    instance1.popper = popper1;
-    reference._tippy = instance1;
-    popper1._tippy = instance1;
+    var _props$render = props.render(instance), popper = _props$render.popper, onUpdate = _props$render.onUpdate;
+    popper.setAttribute("data-tippy-root", "");
+    popper.id = "tippy-" + instance.id;
+    instance.popper = popper;
+    reference._tippy = instance;
+    popper._tippy = instance;
     var pluginsHooks = plugins.map(function(plugin) {
-        return plugin.fn(instance1);
+        return plugin.fn(instance);
     });
     var hasAriaExpanded = reference.hasAttribute("aria-expanded");
     addListeners();
     handleAriaExpandedAttribute();
     handleStyles();
     invokeHook("onCreate", [
-        instance1
+        instance
     ]);
     if (props.showOnCreate) scheduleShow();
      // Prevent a tippy with a delay from hiding if the cursor left then returned
     // before it started hiding
-    popper1.addEventListener("mouseenter", function() {
-        if (instance1.props.interactive && instance1.state.isVisible) instance1.clearDelayTimeouts();
+    popper.addEventListener("mouseenter", function() {
+        if (instance.props.interactive && instance.state.isVisible) instance.clearDelayTimeouts();
     });
-    popper1.addEventListener("mouseleave", function() {
-        if (instance1.props.interactive && instance1.props.trigger.indexOf("mouseenter") >= 0) getDocument().addEventListener("mousemove", debouncedOnMouseMove);
+    popper.addEventListener("mouseleave", function() {
+        if (instance.props.interactive && instance.props.trigger.indexOf("mouseenter") >= 0) getDocument().addEventListener("mousemove", debouncedOnMouseMove);
     });
-    return instance1; // ===========================================================================
+    return instance; // ===========================================================================
     // 🔒 Private methods
     // ===========================================================================
     function getNormalizedTouchSettings() {
-        var touch = instance1.props.touch;
+        var touch = instance.props.touch;
         return Array.isArray(touch) ? touch : [
             touch,
             0
@@ -9914,7 +9995,7 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
     function getIsDefaultRenderFn() {
         var _instance$props$rende;
         // @ts-ignore
-        return !!((_instance$props$rende = instance1.props.render) != null && _instance$props$rende.$$tippy);
+        return !!((_instance$props$rende = instance.props.render) != null && _instance$props$rende.$$tippy);
     }
     function getCurrentTarget() {
         return currentTarget || reference;
@@ -9924,23 +10005,23 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
         return parent ? $b013befce1f6217f$var$getOwnerDocument(parent) : document;
     }
     function getDefaultTemplateChildren() {
-        return $b013befce1f6217f$var$getChildren(popper1);
+        return $b013befce1f6217f$var$getChildren(popper);
     }
     function getDelay(isShow) {
         // For touch or keyboard input, force `0` delay for UX reasons
         // Also if the instance is mounted but not visible (transitioning out),
         // ignore delay
-        if (instance1.state.isMounted && !instance1.state.isVisible || $b013befce1f6217f$var$currentInput.isTouch || lastTriggerEvent && lastTriggerEvent.type === "focus") {
+        if (instance.state.isMounted && !instance.state.isVisible || $b013befce1f6217f$var$currentInput.isTouch || lastTriggerEvent && lastTriggerEvent.type === "focus") {
             return 0;
         }
-        return $b013befce1f6217f$var$getValueAtIndexOrReturn(instance1.props.delay, isShow ? 0 : 1, $b013befce1f6217f$var$defaultProps.delay);
+        return $b013befce1f6217f$var$getValueAtIndexOrReturn(instance.props.delay, isShow ? 0 : 1, $b013befce1f6217f$var$defaultProps.delay);
     }
     function handleStyles(fromHide) {
         if (fromHide === void 0) {
             fromHide = false;
         }
-        popper1.style.pointerEvents = instance1.props.interactive && !fromHide ? "" : "none";
-        popper1.style.zIndex = "" + instance1.props.zIndex;
+        popper.style.pointerEvents = instance.props.interactive && !fromHide ? "" : "none";
+        popper.style.zIndex = "" + instance.props.zIndex;
     }
     function invokeHook(hook, args, shouldInvokePropsHook) {
         if (shouldInvokePropsHook === void 0) {
@@ -9953,20 +10034,20 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
         });
         if (shouldInvokePropsHook) {
             var _instance$props;
-            (_instance$props = instance1.props)[hook].apply(_instance$props, args);
+            (_instance$props = instance.props)[hook].apply(_instance$props, args);
         }
     }
     function handleAriaContentAttribute() {
-        var aria = instance1.props.aria;
+        var aria = instance.props.aria;
         if (!aria.content) {
             return;
         }
         var attr = "aria-" + aria.content;
-        var id = popper1.id;
-        var nodes = $b013befce1f6217f$var$normalizeToArray(instance1.props.triggerTarget || reference);
+        var id = popper.id;
+        var nodes = $b013befce1f6217f$var$normalizeToArray(instance.props.triggerTarget || reference);
         nodes.forEach(function(node) {
             var currentValue = node.getAttribute(attr);
-            if (instance1.state.isVisible) {
+            if (instance.state.isVisible) {
                 node.setAttribute(attr, currentValue ? currentValue + " " + id : id);
             } else {
                 var nextValue = currentValue && currentValue.replace(id, "").trim();
@@ -9979,13 +10060,13 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
         });
     }
     function handleAriaExpandedAttribute() {
-        if (hasAriaExpanded || !instance1.props.aria.expanded) {
+        if (hasAriaExpanded || !instance.props.aria.expanded) {
             return;
         }
-        var nodes = $b013befce1f6217f$var$normalizeToArray(instance1.props.triggerTarget || reference);
+        var nodes = $b013befce1f6217f$var$normalizeToArray(instance.props.triggerTarget || reference);
         nodes.forEach(function(node) {
-            if (instance1.props.interactive) {
-                node.setAttribute("aria-expanded", instance1.state.isVisible && node === getCurrentTarget() ? "true" : "false");
+            if (instance.props.interactive) {
+                node.setAttribute("aria-expanded", instance.state.isVisible && node === getCurrentTarget() ? "true" : "false");
             } else {
                 node.removeAttribute("aria-expanded");
             }
@@ -10005,27 +10086,27 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
             }
         }
         var actualTarget = event.composedPath && event.composedPath()[0] || event.target; // Clicked on interactive popper
-        if (instance1.props.interactive && $b013befce1f6217f$var$actualContains(popper1, actualTarget)) {
+        if (instance.props.interactive && $b013befce1f6217f$var$actualContains(popper, actualTarget)) {
             return;
         } // Clicked on the event listeners target
-        if ($b013befce1f6217f$var$normalizeToArray(instance1.props.triggerTarget || reference).some(function(el) {
+        if ($b013befce1f6217f$var$normalizeToArray(instance.props.triggerTarget || reference).some(function(el) {
             return $b013befce1f6217f$var$actualContains(el, actualTarget);
         })) {
             if ($b013befce1f6217f$var$currentInput.isTouch) {
                 return;
             }
-            if (instance1.state.isVisible && instance1.props.trigger.indexOf("click") >= 0) {
+            if (instance.state.isVisible && instance.props.trigger.indexOf("click") >= 0) {
                 return;
             }
         } else {
             invokeHook("onClickOutside", [
-                instance1,
+                instance,
                 event
             ]);
         }
-        if (instance1.props.hideOnClick === true) {
-            instance1.clearDelayTimeouts();
-            instance1.hide(); // `mousedown` event is fired right before `focus` if pressing the
+        if (instance.props.hideOnClick === true) {
+            instance.clearDelayTimeouts();
+            instance.hide(); // `mousedown` event is fired right before `focus` if pressing the
             // currentTarget. This lets a tippy with `focus` trigger know that it
             // should not show
             didHideDueToDocumentMouseDown = true;
@@ -10034,7 +10115,7 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
             }); // The listener gets added in `scheduleShow()`, but this may be hiding it
             // before it shows, and hide()'s early bail-out behavior can prevent it
             // from being cleaned up
-            if (!instance1.state.isMounted) {
+            if (!instance.state.isMounted) {
                 removeDocumentPress();
             }
         }
@@ -10061,7 +10142,7 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
     }
     function onTransitionedOut(duration, callback) {
         onTransitionEnd(duration, function() {
-            if (!instance1.state.isVisible && popper1.parentNode && popper1.parentNode.contains(popper1)) {
+            if (!instance.state.isVisible && popper.parentNode && popper.parentNode.contains(popper)) {
                 callback();
             }
         });
@@ -10089,7 +10170,7 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
         if (options === void 0) {
             options = false;
         }
-        var nodes = $b013befce1f6217f$var$normalizeToArray(instance1.props.triggerTarget || reference);
+        var nodes = $b013befce1f6217f$var$normalizeToArray(instance.props.triggerTarget || reference);
         nodes.forEach(function(node) {
             node.addEventListener(eventType, handler, options);
             listeners.push({
@@ -10109,7 +10190,7 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
                 passive: true
             });
         }
-        $b013befce1f6217f$var$splitBySpaces(instance1.props.trigger).forEach(function(eventType) {
+        $b013befce1f6217f$var$splitBySpaces(instance.props.trigger).forEach(function(eventType) {
             if (eventType === "manual") {
                 return;
             }
@@ -10137,14 +10218,14 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
     function onTrigger(event) {
         var _lastTriggerEvent;
         var shouldScheduleClickHide = false;
-        if (!instance1.state.isEnabled || isEventListenerStopped(event) || didHideDueToDocumentMouseDown) {
+        if (!instance.state.isEnabled || isEventListenerStopped(event) || didHideDueToDocumentMouseDown) {
             return;
         }
         var wasFocused = ((_lastTriggerEvent = lastTriggerEvent) == null ? void 0 : _lastTriggerEvent.type) === "focus";
         lastTriggerEvent = event;
         currentTarget = event.currentTarget;
         handleAriaExpandedAttribute();
-        if (!instance1.state.isVisible && $b013befce1f6217f$var$isMouseEvent(event)) {
+        if (!instance.state.isVisible && $b013befce1f6217f$var$isMouseEvent(event)) {
             // If scrolling, `mouseenter` events can be fired if the cursor lands
             // over a new target, but `mousemove` events don't get fired. This
             // causes interactive tooltips to get stuck open until the cursor is
@@ -10153,7 +10234,7 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
                 return listener(event);
             });
         } // Toggle show/hide when clicking click-triggered tooltips
-        if (event.type === "click" && (instance1.props.trigger.indexOf("mouseenter") < 0 || isVisibleFromClick) && instance1.props.hideOnClick !== false && instance1.state.isVisible) {
+        if (event.type === "click" && (instance.props.trigger.indexOf("mouseenter") < 0 || isVisibleFromClick) && instance.props.hideOnClick !== false && instance.state.isVisible) {
             shouldScheduleClickHide = true;
         } else {
             scheduleShow(event);
@@ -10167,11 +10248,11 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
     }
     function onMouseMove(event) {
         var target = event.target;
-        var isCursorOverReferenceOrPopper = getCurrentTarget().contains(target) || popper1.contains(target);
+        var isCursorOverReferenceOrPopper = getCurrentTarget().contains(target) || popper.contains(target);
         if (event.type === "mousemove" && isCursorOverReferenceOrPopper) {
             return;
         }
-        var popperTreeData = getNestedPopperTree().concat(popper1).map(function(popper) {
+        var popperTreeData = getNestedPopperTree().concat(popper).map(function(popper) {
             var _instance$popperInsta;
             var instance = popper._tippy;
             var state = (_instance$popperInsta = instance.popperInstance) == null ? void 0 : _instance$popperInsta.state;
@@ -10190,21 +10271,21 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
         }
     }
     function onMouseLeave(event) {
-        var shouldBail = isEventListenerStopped(event) || instance1.props.trigger.indexOf("click") >= 0 && isVisibleFromClick;
+        var shouldBail = isEventListenerStopped(event) || instance.props.trigger.indexOf("click") >= 0 && isVisibleFromClick;
         if (shouldBail) {
             return;
         }
-        if (instance1.props.interactive) {
-            instance1.hideWithInteractivity(event);
+        if (instance.props.interactive) {
+            instance.hideWithInteractivity(event);
             return;
         }
         scheduleHide(event);
     }
     function onBlurOrFocusOut(event) {
-        if (instance1.props.trigger.indexOf("focusin") < 0 && event.target !== getCurrentTarget()) {
+        if (instance.props.trigger.indexOf("focusin") < 0 && event.target !== getCurrentTarget()) {
             return;
         } // If focus was moved to within the popper
-        if (instance1.props.interactive && event.relatedTarget && popper1.contains(event.relatedTarget)) {
+        if (instance.props.interactive && event.relatedTarget && popper.contains(event.relatedTarget)) {
             return;
         }
         scheduleHide(event);
@@ -10214,8 +10295,8 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
     }
     function createPopperInstance() {
         destroyPopperInstance();
-        var _instance$props2 = instance1.props, popperOptions = _instance$props2.popperOptions, placement = _instance$props2.placement, offset = _instance$props2.offset, getReferenceClientRect = _instance$props2.getReferenceClientRect, moveTransition = _instance$props2.moveTransition;
-        var arrow = getIsDefaultRenderFn() ? $b013befce1f6217f$var$getChildren(popper1).arrow : null;
+        var _instance$props2 = instance.props, popperOptions = _instance$props2.popperOptions, placement = _instance$props2.placement, offset = _instance$props2.offset, getReferenceClientRect = _instance$props2.getReferenceClientRect, moveTransition = _instance$props2.moveTransition;
+        var arrow = getIsDefaultRenderFn() ? $b013befce1f6217f$var$getChildren(popper).arrow : null;
         var computedReference = getReferenceClientRect ? {
             getBoundingClientRect: getReferenceClientRect,
             contextElement: getReferenceClientRect.contextElement || getCurrentTarget()
@@ -10292,27 +10373,27 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
             });
         }
         modifiers.push.apply(modifiers, (popperOptions == null ? void 0 : popperOptions.modifiers) || []);
-        instance1.popperInstance = (0, $d3ca9c4a635d8f8b$export$8f7491d57c8f97a9)(computedReference, popper1, Object.assign({}, popperOptions, {
+        instance.popperInstance = (0, $d3ca9c4a635d8f8b$export$8f7491d57c8f97a9)(computedReference, popper, Object.assign({}, popperOptions, {
             placement: placement,
             onFirstUpdate: onFirstUpdate,
             modifiers: modifiers
         }));
     }
     function destroyPopperInstance() {
-        if (instance1.popperInstance) {
-            instance1.popperInstance.destroy();
-            instance1.popperInstance = null;
+        if (instance.popperInstance) {
+            instance.popperInstance.destroy();
+            instance.popperInstance = null;
         }
     }
     function mount() {
-        var appendTo = instance1.props.appendTo;
+        var appendTo = instance.props.appendTo;
         var parentNode; // By default, we'll append the popper to the triggerTargets's parentNode so
         // it's directly after the reference element so the elements inside the
         // tippy can be tabbed to
         // If there are clipping issues, the user can specify a different appendTo
         // and ensure focus management is handled correctly manually
         var node = getCurrentTarget();
-        if (instance1.props.interactive && appendTo === $b013befce1f6217f$var$TIPPY_DEFAULT_APPEND_TO || appendTo === "parent") {
+        if (instance.props.interactive && appendTo === $b013befce1f6217f$var$TIPPY_DEFAULT_APPEND_TO || appendTo === "parent") {
             parentNode = node.parentNode;
         } else {
             parentNode = $b013befce1f6217f$var$invokeWithArgsOrReturn(appendTo, [
@@ -10320,14 +10401,14 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
             ]);
         } // The popper element needs to exist on the DOM before its position can be
         // updated as Popper needs to read its dimensions
-        if (!parentNode.contains(popper1)) {
-            parentNode.appendChild(popper1);
+        if (!parentNode.contains(popper)) {
+            parentNode.appendChild(popper);
         }
-        instance1.state.isMounted = true;
+        instance.state.isMounted = true;
         createPopperInstance();
         /* istanbul ignore else */ if (false) {
             // Accessibility check
-            $b013befce1f6217f$var$warnWhen(instance1.props.interactive && appendTo === $b013befce1f6217f$var$defaultProps.appendTo && node.nextElementSibling !== popper1, [
+            $b013befce1f6217f$var$warnWhen(instance.props.interactive && appendTo === $b013befce1f6217f$var$defaultProps.appendTo && node.nextElementSibling !== popper, [
                 "Interactive tippy element may not be accessible via keyboard",
                 "navigation because it is not directly after the reference element",
                 "in the DOM source order.",
@@ -10344,13 +10425,13 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
         }
     }
     function getNestedPopperTree() {
-        return $b013befce1f6217f$var$arrayFrom(popper1.querySelectorAll("[data-tippy-root]"));
+        return $b013befce1f6217f$var$arrayFrom(popper.querySelectorAll("[data-tippy-root]"));
     }
     function scheduleShow(event) {
-        instance1.clearDelayTimeouts();
+        instance.clearDelayTimeouts();
         if (event) {
             invokeHook("onTrigger", [
-                instance1,
+                instance,
                 event
             ]);
         }
@@ -10362,26 +10443,26 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
         }
         if (delay) {
             showTimeout = setTimeout(function() {
-                instance1.show();
+                instance.show();
             }, delay);
         } else {
-            instance1.show();
+            instance.show();
         }
     }
     function scheduleHide(event) {
-        instance1.clearDelayTimeouts();
+        instance.clearDelayTimeouts();
         invokeHook("onUntrigger", [
-            instance1,
+            instance,
             event
         ]);
-        if (!instance1.state.isVisible) {
+        if (!instance.state.isVisible) {
             removeDocumentPress();
             return;
         } // For interactive tippies, scheduleHide is added to a document.body handler
         // from onMouseLeave so must intercept scheduled hides from mousemove/leave
         // events when trigger contains mouseenter and click, and the tip is
         // currently shown as a result of a click.
-        if (instance1.props.trigger.indexOf("mouseenter") >= 0 && instance1.props.trigger.indexOf("click") >= 0 && [
+        if (instance.props.trigger.indexOf("mouseenter") >= 0 && instance.props.trigger.indexOf("click") >= 0 && [
             "mouseleave",
             "mousemove"
         ].indexOf(event.type) >= 0 && isVisibleFromClick) {
@@ -10390,28 +10471,28 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
         var delay = getDelay(false);
         if (delay) {
             hideTimeout = setTimeout(function() {
-                if (instance1.state.isVisible) {
-                    instance1.hide();
+                if (instance.state.isVisible) {
+                    instance.hide();
                 }
             }, delay);
         } else {
             // Fixes a `transitionend` problem when it fires 1 frame too
             // late sometimes, we don't want hide() to be called.
             scheduleHideAnimationFrame = requestAnimationFrame(function() {
-                instance1.hide();
+                instance.hide();
             });
         }
     } // ===========================================================================
     // 🔑 Public methods
     // ===========================================================================
     function enable() {
-        instance1.state.isEnabled = true;
+        instance.state.isEnabled = true;
     }
     function disable() {
         // Disabling the instance should also hide it
         // https://github.com/atomiks/tippy.js-react/issues/106
-        instance1.hide();
-        instance1.state.isEnabled = false;
+        instance.hide();
+        instance.state.isEnabled = false;
     }
     function clearDelayTimeouts() {
         clearTimeout(showTimeout);
@@ -10420,21 +10501,21 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
     }
     function setProps(partialProps) {
         /* istanbul ignore else */ if (false) {
-            $b013befce1f6217f$var$warnWhen(instance1.state.isDestroyed, $b013befce1f6217f$var$createMemoryLeakWarning("setProps"));
+            $b013befce1f6217f$var$warnWhen(instance.state.isDestroyed, $b013befce1f6217f$var$createMemoryLeakWarning("setProps"));
         }
-        if (instance1.state.isDestroyed) {
+        if (instance.state.isDestroyed) {
             return;
         }
         invokeHook("onBeforeUpdate", [
-            instance1,
+            instance,
             partialProps
         ]);
         removeListeners();
-        var prevProps = instance1.props;
+        var prevProps = instance.props;
         var nextProps = $b013befce1f6217f$var$evaluateProps(reference, Object.assign({}, prevProps, $b013befce1f6217f$var$removeUndefinedProps(partialProps), {
             ignoreAttributes: true
         }));
-        instance1.props = nextProps;
+        instance.props = nextProps;
         addListeners();
         if (prevProps.interactiveDebounce !== nextProps.interactiveDebounce) {
             cleanupInteractiveMouseListeners();
@@ -10452,7 +10533,7 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
         if (onUpdate) {
             onUpdate(prevProps, nextProps);
         }
-        if (instance1.popperInstance) {
+        if (instance.popperInstance) {
             createPopperInstance(); // Fixes an issue with nested tippies if they are all getting re-rendered,
             // and the nested ones get re-rendered first.
             // https://github.com/atomiks/tippyjs-react/issues/177
@@ -10464,24 +10545,24 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
             });
         }
         invokeHook("onAfterUpdate", [
-            instance1,
+            instance,
             partialProps
         ]);
     }
-    function setContent1(content) {
-        instance1.setProps({
+    function setContent(content) {
+        instance.setProps({
             content: content
         });
     }
     function show() {
         /* istanbul ignore else */ if (false) {
-            $b013befce1f6217f$var$warnWhen(instance1.state.isDestroyed, $b013befce1f6217f$var$createMemoryLeakWarning("show"));
+            $b013befce1f6217f$var$warnWhen(instance.state.isDestroyed, $b013befce1f6217f$var$createMemoryLeakWarning("show"));
         } // Early bail-out
-        var isAlreadyVisible = instance1.state.isVisible;
-        var isDestroyed = instance1.state.isDestroyed;
-        var isDisabled = !instance1.state.isEnabled;
-        var isTouchAndTouchDisabled = $b013befce1f6217f$var$currentInput.isTouch && !instance1.props.touch;
-        var duration = $b013befce1f6217f$var$getValueAtIndexOrReturn(instance1.props.duration, 0, $b013befce1f6217f$var$defaultProps.duration);
+        var isAlreadyVisible = instance.state.isVisible;
+        var isDestroyed = instance.state.isDestroyed;
+        var isDisabled = !instance.state.isEnabled;
+        var isTouchAndTouchDisabled = $b013befce1f6217f$var$currentInput.isTouch && !instance.props.touch;
+        var duration = $b013befce1f6217f$var$getValueAtIndexOrReturn(instance.props.duration, 0, $b013befce1f6217f$var$defaultProps.duration);
         if (isAlreadyVisible || isDestroyed || isDisabled || isTouchAndTouchDisabled) {
             return;
         } // Normalize `disabled` behavior across browsers.
@@ -10491,19 +10572,19 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
             return;
         }
         invokeHook("onShow", [
-            instance1
+            instance
         ], false);
-        if (instance1.props.onShow(instance1) === false) {
+        if (instance.props.onShow(instance) === false) {
             return;
         }
-        instance1.state.isVisible = true;
+        instance.state.isVisible = true;
         if (getIsDefaultRenderFn()) {
-            popper1.style.visibility = "visible";
+            popper.style.visibility = "visible";
         }
         handleStyles();
         addDocumentPress();
-        if (!instance1.state.isMounted) {
-            popper1.style.transition = "none";
+        if (!instance.state.isMounted) {
+            popper.style.transition = "none";
         } // If flipping to the opposite side after hiding at least once, the
         // animation will use the wrong placement without resetting the duration
         if (getIsDefaultRenderFn()) {
@@ -10515,13 +10596,13 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
         }
         onFirstUpdate = function onFirstUpdate() {
             var _instance$popperInsta2;
-            if (!instance1.state.isVisible || ignoreOnFirstUpdate) {
+            if (!instance.state.isVisible || ignoreOnFirstUpdate) {
                 return;
             }
             ignoreOnFirstUpdate = true; // reflow
-            void popper1.offsetHeight;
-            popper1.style.transition = instance1.props.moveTransition;
-            if (getIsDefaultRenderFn() && instance1.props.animation) {
+            void popper.offsetHeight;
+            popper.style.transition = instance.props.moveTransition;
+            if (getIsDefaultRenderFn() && instance.props.animation) {
                 var _getDefaultTemplateCh3 = getDefaultTemplateChildren(), _box = _getDefaultTemplateCh3.box, _content = _getDefaultTemplateCh3.content;
                 $b013befce1f6217f$var$setTransitionDuration([
                     _box,
@@ -10534,17 +10615,17 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
             }
             handleAriaContentAttribute();
             handleAriaExpandedAttribute();
-            $b013befce1f6217f$var$pushIfUnique($b013befce1f6217f$var$mountedInstances, instance1); // certain modifiers (e.g. `maxSize`) require a second update after the
+            $b013befce1f6217f$var$pushIfUnique($b013befce1f6217f$var$mountedInstances, instance); // certain modifiers (e.g. `maxSize`) require a second update after the
             // popper has been positioned for the first time
-            (_instance$popperInsta2 = instance1.popperInstance) == null ? void 0 : _instance$popperInsta2.forceUpdate();
+            (_instance$popperInsta2 = instance.popperInstance) == null ? void 0 : _instance$popperInsta2.forceUpdate();
             invokeHook("onMount", [
-                instance1
+                instance
             ]);
-            if (instance1.props.animation && getIsDefaultRenderFn()) {
+            if (instance.props.animation && getIsDefaultRenderFn()) {
                 onTransitionedIn(duration, function() {
-                    instance1.state.isShown = true;
+                    instance.state.isShown = true;
                     invokeHook("onShown", [
-                        instance1
+                        instance
                     ]);
                 });
             }
@@ -10553,34 +10634,34 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
     }
     function hide() {
         /* istanbul ignore else */ if (false) {
-            $b013befce1f6217f$var$warnWhen(instance1.state.isDestroyed, $b013befce1f6217f$var$createMemoryLeakWarning("hide"));
+            $b013befce1f6217f$var$warnWhen(instance.state.isDestroyed, $b013befce1f6217f$var$createMemoryLeakWarning("hide"));
         } // Early bail-out
-        var isAlreadyHidden = !instance1.state.isVisible;
-        var isDestroyed = instance1.state.isDestroyed;
-        var isDisabled = !instance1.state.isEnabled;
-        var duration = $b013befce1f6217f$var$getValueAtIndexOrReturn(instance1.props.duration, 1, $b013befce1f6217f$var$defaultProps.duration);
+        var isAlreadyHidden = !instance.state.isVisible;
+        var isDestroyed = instance.state.isDestroyed;
+        var isDisabled = !instance.state.isEnabled;
+        var duration = $b013befce1f6217f$var$getValueAtIndexOrReturn(instance.props.duration, 1, $b013befce1f6217f$var$defaultProps.duration);
         if (isAlreadyHidden || isDestroyed || isDisabled) {
             return;
         }
         invokeHook("onHide", [
-            instance1
+            instance
         ], false);
-        if (instance1.props.onHide(instance1) === false) {
+        if (instance.props.onHide(instance) === false) {
             return;
         }
-        instance1.state.isVisible = false;
-        instance1.state.isShown = false;
+        instance.state.isVisible = false;
+        instance.state.isShown = false;
         ignoreOnFirstUpdate = false;
         isVisibleFromClick = false;
         if (getIsDefaultRenderFn()) {
-            popper1.style.visibility = "hidden";
+            popper.style.visibility = "hidden";
         }
         cleanupInteractiveMouseListeners();
         removeDocumentPress();
         handleStyles(true);
         if (getIsDefaultRenderFn()) {
             var _getDefaultTemplateCh4 = getDefaultTemplateChildren(), box = _getDefaultTemplateCh4.box, content = _getDefaultTemplateCh4.content;
-            if (instance1.props.animation) {
+            if (instance.props.animation) {
                 $b013befce1f6217f$var$setTransitionDuration([
                     box,
                     content
@@ -10593,17 +10674,17 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
         }
         handleAriaContentAttribute();
         handleAriaExpandedAttribute();
-        if (instance1.props.animation) {
+        if (instance.props.animation) {
             if (getIsDefaultRenderFn()) {
-                onTransitionedOut(duration, instance1.unmount);
+                onTransitionedOut(duration, instance.unmount);
             }
         } else {
-            instance1.unmount();
+            instance.unmount();
         }
     }
     function hideWithInteractivity(event) {
         /* istanbul ignore else */ if (false) {
-            $b013befce1f6217f$var$warnWhen(instance1.state.isDestroyed, $b013befce1f6217f$var$createMemoryLeakWarning("hideWithInteractivity"));
+            $b013befce1f6217f$var$warnWhen(instance.state.isDestroyed, $b013befce1f6217f$var$createMemoryLeakWarning("hideWithInteractivity"));
         }
         getDocument().addEventListener("mousemove", debouncedOnMouseMove);
         $b013befce1f6217f$var$pushIfUnique($b013befce1f6217f$var$mouseMoveListeners, debouncedOnMouseMove);
@@ -10611,12 +10692,12 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
     }
     function unmount() {
         /* istanbul ignore else */ if (false) {
-            $b013befce1f6217f$var$warnWhen(instance1.state.isDestroyed, $b013befce1f6217f$var$createMemoryLeakWarning("unmount"));
+            $b013befce1f6217f$var$warnWhen(instance.state.isDestroyed, $b013befce1f6217f$var$createMemoryLeakWarning("unmount"));
         }
-        if (instance1.state.isVisible) {
-            instance1.hide();
+        if (instance.state.isVisible) {
+            instance.hide();
         }
-        if (!instance1.state.isMounted) {
+        if (!instance.state.isMounted) {
             return;
         }
         destroyPopperInstance(); // If a popper is not interactive, it will be appended outside the popper
@@ -10625,31 +10706,31 @@ function $b013befce1f6217f$var$createTippy(reference, passedProps) {
         getNestedPopperTree().forEach(function(nestedPopper) {
             nestedPopper._tippy.unmount();
         });
-        if (popper1.parentNode) {
-            popper1.parentNode.removeChild(popper1);
+        if (popper.parentNode) {
+            popper.parentNode.removeChild(popper);
         }
         $b013befce1f6217f$var$mountedInstances = $b013befce1f6217f$var$mountedInstances.filter(function(i) {
-            return i !== instance1;
+            return i !== instance;
         });
-        instance1.state.isMounted = false;
+        instance.state.isMounted = false;
         invokeHook("onHidden", [
-            instance1
+            instance
         ]);
     }
     function destroy() {
         /* istanbul ignore else */ if (false) {
-            $b013befce1f6217f$var$warnWhen(instance1.state.isDestroyed, $b013befce1f6217f$var$createMemoryLeakWarning("destroy"));
+            $b013befce1f6217f$var$warnWhen(instance.state.isDestroyed, $b013befce1f6217f$var$createMemoryLeakWarning("destroy"));
         }
-        if (instance1.state.isDestroyed) {
+        if (instance.state.isDestroyed) {
             return;
         }
-        instance1.clearDelayTimeouts();
-        instance1.unmount();
+        instance.clearDelayTimeouts();
+        instance.unmount();
         removeListeners();
         delete reference._tippy;
-        instance1.state.isDestroyed = true;
+        instance.state.isDestroyed = true;
         invokeHook("onDestroy", [
-            instance1
+            instance
         ]);
     }
 }
@@ -10799,7 +10880,7 @@ var $b013befce1f6217f$export$374c483667c1ea9b = function createSingleton(tippyIn
             };
         }
     };
-    var singleton1 = $b013befce1f6217f$var$tippy($b013befce1f6217f$var$div(), Object.assign({}, $b013befce1f6217f$var$removeProperties(optionalProps, [
+    var singleton = $b013befce1f6217f$var$tippy($b013befce1f6217f$var$div(), Object.assign({}, $b013befce1f6217f$var$removeProperties(optionalProps, [
         "overrides"
     ]), {
         plugins: [
@@ -10812,42 +10893,42 @@ var $b013befce1f6217f$export$374c483667c1ea9b = function createSingleton(tippyIn
             ])
         })
     }));
-    var originalShow = singleton1.show;
-    singleton1.show = function(target) {
+    var originalShow = singleton.show;
+    singleton.show = function(target) {
         originalShow(); // first time, showOnCreate or programmatic call with no params
         // default to showing first instance
-        if (!currentTarget && target == null) return prepareInstance(singleton1, references[0]);
+        if (!currentTarget && target == null) return prepareInstance(singleton, references[0]);
          // triggered from event (do nothing as prepareInstance already called by onTrigger)
         // programmatic call with no params when already visible (do nothing again)
         if (currentTarget && target == null) return;
          // target is index of instance
-        if (typeof target === "number") return references[target] && prepareInstance(singleton1, references[target]);
+        if (typeof target === "number") return references[target] && prepareInstance(singleton, references[target]);
          // target is a child tippy instance
         if (individualInstances.indexOf(target) >= 0) {
             var ref = target.reference;
-            return prepareInstance(singleton1, ref);
+            return prepareInstance(singleton, ref);
         } // target is a ReferenceElement
-        if (references.indexOf(target) >= 0) return prepareInstance(singleton1, target);
+        if (references.indexOf(target) >= 0) return prepareInstance(singleton, target);
     };
-    singleton1.showNext = function() {
+    singleton.showNext = function() {
         var first = references[0];
-        if (!currentTarget) return singleton1.show(0);
+        if (!currentTarget) return singleton.show(0);
         var index = references.indexOf(currentTarget);
-        singleton1.show(references[index + 1] || first);
+        singleton.show(references[index + 1] || first);
     };
-    singleton1.showPrevious = function() {
+    singleton.showPrevious = function() {
         var last = references[references.length - 1];
-        if (!currentTarget) return singleton1.show(last);
+        if (!currentTarget) return singleton.show(last);
         var index = references.indexOf(currentTarget);
         var target = references[index - 1] || last;
-        singleton1.show(target);
+        singleton.show(target);
     };
-    var originalSetProps1 = singleton1.setProps;
-    singleton1.setProps = function(props) {
+    var originalSetProps = singleton.setProps;
+    singleton.setProps = function(props) {
         overrides = props.overrides || overrides;
-        originalSetProps1(props);
+        originalSetProps(props);
     };
-    singleton1.setInstances = function(nextInstances) {
+    singleton.setInstances = function(nextInstances) {
         enableInstances(true);
         interceptSetPropsCleanups.forEach(function(fn) {
             return fn();
@@ -10856,13 +10937,13 @@ var $b013befce1f6217f$export$374c483667c1ea9b = function createSingleton(tippyIn
         enableInstances(false);
         setReferences();
         setTriggerTargets();
-        interceptSetPropsCleanups = interceptSetProps(singleton1);
-        singleton1.setProps({
+        interceptSetPropsCleanups = interceptSetProps(singleton);
+        singleton.setProps({
             triggerTarget: triggerTargets
         });
     };
-    interceptSetPropsCleanups = interceptSetProps(singleton1);
-    return singleton1;
+    interceptSetPropsCleanups = interceptSetProps(singleton);
+    return singleton;
 };
 var $b013befce1f6217f$var$BUBBLING_EVENTS_MAP = {
     mouseover: "mouseenter",
@@ -10930,11 +11011,11 @@ var $b013befce1f6217f$var$BUBBLING_EVENTS_MAP = {
         });
         listeners = [];
     }
-    function applyMutations(instance2) {
-        var originalDestroy = instance2.destroy;
-        var originalEnable = instance2.enable;
-        var originalDisable = instance2.disable;
-        instance2.destroy = function(shouldDestroyChildInstances) {
+    function applyMutations(instance) {
+        var originalDestroy = instance.destroy;
+        var originalEnable = instance.enable;
+        var originalDisable = instance.disable;
+        instance.destroy = function(shouldDestroyChildInstances) {
             if (shouldDestroyChildInstances === void 0) shouldDestroyChildInstances = true;
             if (shouldDestroyChildInstances) childTippyInstances.forEach(function(instance) {
                 instance.destroy();
@@ -10943,21 +11024,21 @@ var $b013befce1f6217f$var$BUBBLING_EVENTS_MAP = {
             removeEventListeners();
             originalDestroy();
         };
-        instance2.enable = function() {
+        instance.enable = function() {
             originalEnable();
             childTippyInstances.forEach(function(instance) {
                 return instance.enable();
             });
             disabled = false;
         };
-        instance2.disable = function() {
+        instance.disable = function() {
             originalDisable();
             childTippyInstances.forEach(function(instance) {
                 return instance.disable();
             });
             disabled = true;
         };
-        addEventListeners(instance2);
+        addEventListeners(instance);
     }
     normalizedReturnValue.forEach(applyMutations);
     return returnValue;
@@ -11063,25 +11144,25 @@ var $b013befce1f6217f$export$ac81526b64504ab6 = {
             // If the instance is interactive, avoid updating the position unless it's
             // over the reference element
             var isCursorOverReference = event.target ? reference.contains(event.target) : true;
-            var followCursor1 = instance.props.followCursor;
+            var followCursor = instance.props.followCursor;
             var clientX = event.clientX, clientY = event.clientY;
-            var rect1 = reference.getBoundingClientRect();
-            var relativeX = clientX - rect1.left;
-            var relativeY = clientY - rect1.top;
+            var rect = reference.getBoundingClientRect();
+            var relativeX = clientX - rect.left;
+            var relativeY = clientY - rect.top;
             if (isCursorOverReference || !instance.props.interactive) instance.setProps({
                 // @ts-ignore - unneeded DOMRect properties
                 getReferenceClientRect: function getReferenceClientRect() {
                     var rect = reference.getBoundingClientRect();
                     var x = clientX;
                     var y = clientY;
-                    if (followCursor1 === "initial") {
+                    if (followCursor === "initial") {
                         x = rect.left + relativeX;
                         y = rect.top + relativeY;
                     }
-                    var top = followCursor1 === "horizontal" ? rect.top : y;
-                    var right = followCursor1 === "vertical" ? rect.right : x;
-                    var bottom = followCursor1 === "horizontal" ? rect.bottom : y;
-                    var left = followCursor1 === "vertical" ? rect.left : x;
+                    var top = followCursor === "horizontal" ? rect.top : y;
+                    var right = followCursor === "vertical" ? rect.right : x;
+                    var bottom = followCursor === "horizontal" ? rect.bottom : y;
+                    var left = followCursor === "vertical" ? rect.left : x;
                     return {
                         width: right - left,
                         height: bottom - top,
@@ -11117,11 +11198,11 @@ var $b013befce1f6217f$export$ac81526b64504ab6 = {
                 prevProps = instance.props;
             },
             onAfterUpdate: function onAfterUpdate(_, _ref2) {
-                var followCursor2 = _ref2.followCursor;
+                var followCursor = _ref2.followCursor;
                 if (isInternalUpdate) return;
-                if (followCursor2 !== undefined && prevProps.followCursor !== followCursor2) {
+                if (followCursor !== undefined && prevProps.followCursor !== followCursor) {
                     destroy();
-                    if (followCursor2) {
+                    if (followCursor) {
                         create();
                         if (instance.state.isMounted && !wasFocusEvent && !getIsInitialBehavior()) addListener();
                     } else {
@@ -11177,7 +11258,7 @@ var $b013befce1f6217f$export$e2b668424a9c728 = {
         function isEnabled() {
             return !!instance.props.inlinePositioning;
         }
-        var placement1;
+        var placement;
         var cursorRectIndex = -1;
         var isInternalUpdate = false;
         var triedPlacements = [];
@@ -11189,7 +11270,7 @@ var $b013befce1f6217f$export$e2b668424a9c728 = {
                 var state = _ref2.state;
                 if (isEnabled()) {
                     if (triedPlacements.indexOf(state.placement) !== -1) triedPlacements = [];
-                    if (placement1 !== state.placement && triedPlacements.indexOf(state.placement) === -1) {
+                    if (placement !== state.placement && triedPlacements.indexOf(state.placement) === -1) {
                         triedPlacements.push(state.placement);
                         instance.setProps({
                             // @ts-ignore - unneeded DOMRect properties
@@ -11198,7 +11279,7 @@ var $b013befce1f6217f$export$e2b668424a9c728 = {
                             }
                         });
                     }
-                    placement1 = state.placement;
+                    placement = state.placement;
                 }
             }
         };
@@ -11507,31 +11588,6 @@ function $e398acaded942bbe$export$2e2bcd8739ae039(targetSelector) {
 }
 
 
-var $e9904a14dabf652d$exports = {};
-
-$parcel$defineInteropFlag($e9904a14dabf652d$exports);
-
-$parcel$export($e9904a14dabf652d$exports, "default", () => $e9904a14dabf652d$export$2e2bcd8739ae039);
-function $e9904a14dabf652d$export$2e2bcd8739ae039(store) {
-    return {
-        focussed: false,
-        get active () {
-            return store.active;
-        },
-        get text () {
-            return store.text;
-        },
-        clear () {
-            if (store.raw === "") this.$refs.input.blur();
-            else store.raw = "";
-        },
-        focus () {
-            this.$refs.input.focus();
-        }
-    };
-}
-
-
 var $e1f51f020443edd4$exports = {};
 
 $parcel$defineInteropFlag($e1f51f020443edd4$exports);
@@ -11634,11 +11690,11 @@ var $ef5e88eaa61efd95$exports = {};
         if (true === enabled && "object" === typeof window.console) // eslint-disable-next-line no-console
         console[type](formatLogHeader(iframeId), msg);
     }
-    function iFrameListener(event1) {
+    function iFrameListener(event) {
         function resizeIFrame() {
             function resize() {
                 setSize(messageData);
-                setPagePosition(iframeId1);
+                setPagePosition(iframeId);
                 on("onResized", messageData);
             }
             ensureInRange("Height");
@@ -11671,15 +11727,15 @@ var $ef5e88eaa61efd95$exports = {};
             return top + bot;
         }
         function ensureInRange(Dimension) {
-            var max = Number(settings[iframeId1]["max" + Dimension]), min = Number(settings[iframeId1]["min" + Dimension]), dimension = Dimension.toLowerCase(), size = Number(messageData[dimension]);
-            log(iframeId1, "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(iframeId1, "Set " + dimension + " to min value");
+                log(iframeId, "Set " + dimension + " to min value");
             }
             if (size > max) {
                 size = max;
-                log(iframeId1, "Set " + dimension + " to max value");
+                log(iframeId, "Set " + dimension + " to max value");
             }
             messageData[dimension] = "" + size;
         }
@@ -11687,7 +11743,7 @@ var $ef5e88eaa61efd95$exports = {};
             function checkAllowedOrigin() {
                 function checkList() {
                     var i = 0, retCode = false;
-                    log(iframeId1, "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;
@@ -11695,14 +11751,14 @@ var $ef5e88eaa61efd95$exports = {};
                     return retCode;
                 }
                 function checkSingle() {
-                    var remoteHost = settings[iframeId1] && settings[iframeId1].remoteHost;
-                    log(iframeId1, "Checking connection is from: " + remoteHost);
+                    var remoteHost = settings[iframeId] && settings[iframeId].remoteHost;
+                    log(iframeId, "Checking connection is from: " + remoteHost);
                     return origin === remoteHost;
                 }
                 return checkOrigin.constructor === Array ? checkList() : checkSingle();
             }
-            var origin = event1.origin, checkOrigin = settings[iframeId1] && settings[iframeId1].checkOrigin;
-            if (checkOrigin && "" + origin !== "null" && !checkAllowedOrigin()) throw new Error("Unexpected message received from: " + origin + " for " + messageData.iframe.id + ". Message was: " + event1.data + ". This error can be disabled by setting the checkOrigin: false option or by providing of array of trusted domains.");
+            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.");
             return true;
         }
         function isMessageForUs() {
@@ -11717,19 +11773,19 @@ var $ef5e88eaa61efd95$exports = {};
                 false: 1,
                 undefined: 1
             };
-            if (retCode) log(iframeId1, "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.substr(msg.indexOf(":") + msgHeaderLen + offset);
         }
         function forwardMsgFromIFrame(msgBody) {
-            log(iframeId1, "onMessage passed: {iframe: " + messageData.iframe.id + ", message: " + msgBody + "}");
+            log(iframeId, "onMessage passed: {iframe: " + messageData.iframe.id + ", message: " + msgBody + "}");
             on("onMessage", {
                 iframe: messageData.iframe,
                 message: JSON.parse(msgBody)
             });
-            log(iframeId1, "--");
+            log(iframeId, "--");
         }
         function getPageInfo() {
             var bodyPosition = document.body.getBoundingClientRect(), iFramePosition = messageData.iframe.getBoundingClientRect();
@@ -11774,28 +11830,28 @@ var $ef5e88eaa61efd95$exports = {};
             function start() {
                 setListener("Add ", addEventListener);
             }
-            var id = iframeId1 // Create locally scoped copy of iFrame ID
+            var id = iframeId // Create locally scoped copy of iFrame ID
             ;
             start();
             if (settings[id]) settings[id].stopPageInfo = stop;
         }
         function stopPageInfoMonitor() {
-            if (settings[iframeId1] && settings[iframeId1].stopPageInfo) {
-                settings[iframeId1].stopPageInfo();
-                delete settings[iframeId1].stopPageInfo;
+            if (settings[iframeId] && settings[iframeId].stopPageInfo) {
+                settings[iframeId].stopPageInfo();
+                delete settings[iframeId].stopPageInfo;
             }
         }
         function checkIFrameExists() {
             var retBool = true;
             if (null === messageData.iframe) {
-                warn(iframeId1, "IFrame (" + messageData.id + ") not found");
+                warn(iframeId, "IFrame (" + messageData.id + ") not found");
                 retBool = false;
             }
             return retBool;
         }
         function getElementPosition(target) {
             var iFramePosition = target.getBoundingClientRect();
-            getPagePosition(iframeId1);
+            getPagePosition(iframeId);
             return {
                 x: Math.floor(Number(iFramePosition.left) + Number(pagePosition.x)),
                 y: Math.floor(Number(iFramePosition.top) + Number(pagePosition.y))
@@ -11806,7 +11862,7 @@ var $ef5e88eaa61efd95$exports = {};
             function reposition() {
                 pagePosition = newPosition;
                 scrollTo();
-                log(iframeId1, "--");
+                log(iframeId, "--");
             }
             function calcOffset() {
                 return {
@@ -11816,39 +11872,39 @@ var $ef5e88eaa61efd95$exports = {};
             }
             function scrollParent() {
                 if (window.parentIFrame) window.parentIFrame["scrollTo" + (addOffset ? "Offset" : "")](newPosition.x, newPosition.y);
-                else warn(iframeId1, "Unable to scroll to requested position, window.parentIFrame not found");
+                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(iframeId1, "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) scrollParent();
             else reposition();
         }
         function scrollTo() {
-            if (false !== on("onScroll", pagePosition)) setPagePosition(iframeId1);
+            if (false !== on("onScroll", pagePosition)) setPagePosition(iframeId);
             else unsetPagePosition();
         }
         function findTarget(location) {
             function jumpToTarget() {
                 var jumpPosition = getElementPosition(target);
-                log(iframeId1, "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(iframeId1, "--");
+                log(iframeId, "--");
             }
             function jumpToParent() {
                 if (window.parentIFrame) window.parentIFrame.moveToAnchor(hash);
-                else log(iframeId1, "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];
             if (target) jumpToTarget();
             else if (window.top !== window.self) jumpToParent();
-            else log(iframeId1, "In page link #" + hash + " not found");
+            else log(iframeId, "In page link #" + hash + " not found");
         }
         function onMouse(event) {
             var mousePos = {};
@@ -11870,10 +11926,10 @@ var $ef5e88eaa61efd95$exports = {};
             });
         }
         function on(funcName, val) {
-            return chkEvent(iframeId1, funcName, val);
+            return chkEvent(iframeId, funcName, val);
         }
         function actionMsg() {
-            if (settings[iframeId1] && settings[iframeId1].firstRun) firstRun();
+            if (settings[iframeId] && settings[iframeId].firstRun) firstRun();
             switch(messageData.type){
                 case "close":
                     closeIFrame(messageData.iframe);
@@ -11888,7 +11944,7 @@ var $ef5e88eaa61efd95$exports = {};
                     onMouse("onMouseLeave");
                     break;
                 case "autoResize":
-                    settings[iframeId1].autoResize = JSON.parse(getMsgBody(9));
+                    settings[iframeId].autoResize = JSON.parse(getMsgBody(9));
                     break;
                 case "scrollTo":
                     scrollRequestFromChild(false);
@@ -11897,7 +11953,7 @@ var $ef5e88eaa61efd95$exports = {};
                     scrollRequestFromChild(true);
                     break;
                 case "pageInfo":
-                    sendPageInfoToIframe(settings[iframeId1] && settings[iframeId1].iframe, iframeId1);
+                    sendPageInfoToIframe(settings[iframeId] && settings[iframeId].iframe, iframeId);
                     startPageInfoMonitor();
                     break;
                 case "pageInfoStop":
@@ -11931,19 +11987,19 @@ var $ef5e88eaa61efd95$exports = {};
             for(var iframeId in settings)trigger("iFrame requested init", createOutgoingMsg(iframeId), settings[iframeId].iframe, iframeId);
         }
         function firstRun() {
-            if (settings[iframeId1]) settings[iframeId1].firstRun = false;
+            if (settings[iframeId]) settings[iframeId].firstRun = false;
         }
-        var msg = event1.data, messageData = {}, iframeId1 = null;
+        var msg = event.data, messageData = {}, iframeId = null;
         if ("[iFrameResizerChild]Ready" === msg) iFrameReadyMsgReceived();
         else if (isMessageForUs()) {
             messageData = processMsg();
-            iframeId1 = messageData.id;
-            if (settings[iframeId1]) settings[iframeId1].loaded = true;
-            if (!isMessageFromMetaParent() && hasSettings(iframeId1)) {
-                log(iframeId1, "Received: " + msg);
+            iframeId = messageData.id;
+            if (settings[iframeId]) settings[iframeId].loaded = true;
+            if (!isMessageFromMetaParent() && hasSettings(iframeId)) {
+                log(iframeId, "Received: " + msg);
                 if (checkIFrameExists() && isMessageFromIFrame()) actionMsg();
             }
-        } else info(iframeId1, "Ignored: " + msg);
+        } else info(iframeId, "Ignored: " + msg);
     }
     function chkEvent(iframeId, funcName, val) {
         var func = null, retVal = null;
@@ -12077,17 +12133,17 @@ var $ef5e88eaa61efd95$exports = {};
     function isNumber(value) {
         return typeof value === "number";
     }
-    function setupIFrame(iframe, options1) {
+    function setupIFrame(iframe, options) {
         function setLimits() {
             function addStyle(style) {
-                var styleValue = settings[iframeId2][style];
+                var styleValue = settings[iframeId][style];
                 if (Infinity !== styleValue && 0 !== styleValue) {
                     iframe.style[style] = isNumber(styleValue) ? styleValue + "px" : styleValue;
-                    log(iframeId2, "Set " + style + " = " + iframe.style[style]);
+                    log(iframeId, "Set " + style + " = " + iframe.style[style]);
                 }
             }
             function chkMinMax(dimension) {
-                if (settings[iframeId2]["min" + dimension] > settings[iframeId2]["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");
@@ -12097,7 +12153,7 @@ var $ef5e88eaa61efd95$exports = {};
             addStyle("minWidth");
         }
         function newId() {
-            var id = options1 && options1.id || defaults.id + count++;
+            var id = options && options.id || defaults.id + count++;
             if (null !== document.getElementById(id)) id += count++;
             return id;
         }
@@ -12105,15 +12161,15 @@ var $ef5e88eaa61efd95$exports = {};
             if ("" === iframeId) {
                 // eslint-disable-next-line no-multi-assign
                 iframe.id = iframeId = newId();
-                logEnabled = (options1 || {}).log;
+                logEnabled = (options || {}).log;
                 log(iframeId, "Added missing iframe ID: " + iframeId + " (" + iframe.src + ")");
             }
             return iframeId;
         }
         function setScrolling() {
-            log(iframeId2, "IFrame scrolling " + (settings[iframeId2] && settings[iframeId2].scrolling ? "enabled" : "disabled") + " for " + iframeId2);
-            iframe.style.overflow = false === (settings[iframeId2] && settings[iframeId2].scrolling) ? "hidden" : "auto";
-            switch(settings[iframeId2] && settings[iframeId2].scrolling){
+            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":
                     break;
                 case true:
@@ -12123,23 +12179,23 @@ var $ef5e88eaa61efd95$exports = {};
                     iframe.scrolling = "no";
                     break;
                 default:
-                    iframe.scrolling = settings[iframeId2] ? settings[iframeId2].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[iframeId2] && settings[iframeId2].bodyMargin) || "0" === (settings[iframeId2] && settings[iframeId2].bodyMargin)) {
-                settings[iframeId2].bodyMarginV1 = settings[iframeId2].bodyMargin;
-                settings[iframeId2].bodyMargin = "" + settings[iframeId2].bodyMargin + "px";
+            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";
             }
         }
         function checkReset() {
             // Reduce scope of firstRun to function, because IE8's JS execution
             // context stack is borked and this value gets externally
             // changed midway through running this function!!!
-            var firstRun = settings[iframeId2] && settings[iframeId2].firstRun, resetRequertMethod = settings[iframeId2] && settings[iframeId2].heightCalculationMethod in resetRequiredMethods;
+            var firstRun = settings[iframeId] && settings[iframeId].firstRun, resetRequertMethod = settings[iframeId] && settings[iframeId].heightCalculationMethod in resetRequiredMethods;
             if (!firstRun && resetRequertMethod) resetIFrame({
                 iframe: iframe,
                 height: 0,
@@ -12148,16 +12204,16 @@ var $ef5e88eaa61efd95$exports = {};
             });
         }
         function setupIFrameObject() {
-            if (settings[iframeId2]) settings[iframeId2].iframe.iFrameResizer = {
-                close: closeIFrame.bind(null, settings[iframeId2].iframe),
-                removeListeners: removeIframeListeners.bind(null, settings[iframeId2].iframe),
-                resize: trigger.bind(null, "Window resize", "resize", settings[iframeId2].iframe),
+            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),
                 moveToAnchor: function(anchor) {
-                    trigger("Move to anchor", "moveToAnchor:" + anchor, settings[iframeId2].iframe, iframeId2);
+                    trigger("Move to anchor", "moveToAnchor:" + anchor, settings[iframeId].iframe, iframeId);
                 },
                 sendMessage: function(message) {
                     message = JSON.stringify(message);
-                    trigger("Send Message", "message:" + message, settings[iframeId2].iframe, iframeId2);
+                    trigger("Send Message", "message:" + message, settings[iframeId].iframe, iframeId);
                 }
             };
         }
@@ -12184,8 +12240,8 @@ var $ef5e88eaa61efd95$exports = {};
                     childList: true
                 });
             }
-            var MutationObserver1 = getMutationObserver();
-            if (MutationObserver1) createDestroyObserver(MutationObserver1);
+            var MutationObserver = getMutationObserver();
+            if (MutationObserver) createDestroyObserver(MutationObserver);
             addEventListener(iframe, "load", iFrameLoaded);
             trigger("init", msg, iframe, undefined, true);
         }
@@ -12194,7 +12250,7 @@ var $ef5e88eaa61efd95$exports = {};
         }
         function copyOptions(options) {
             // eslint-disable-next-line no-restricted-syntax
-            for(var option in defaults)if (Object.prototype.hasOwnProperty.call(defaults, option)) settings[iframeId2][option] = Object.prototype.hasOwnProperty.call(options, option) ? options[option] : defaults[option];
+            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;
@@ -12205,12 +12261,12 @@ var $ef5e88eaa61efd95$exports = {};
                 var name = "on" + splitName[0].charAt(0).toUpperCase() + splitName[0].slice(1);
                 this[name] = this[key];
                 delete this[key];
-                warn(iframeId2, "Deprecated: '" + key + "' has been renamed '" + name + "'. The old method will be removed in the next major version.");
+                warn(iframeId, "Deprecated: '" + key + "' has been renamed '" + name + "'. The old method will be removed in the next major version.");
             }
         }
         function processOptions(options) {
             options = options || {};
-            settings[iframeId2] = {
+            settings[iframeId] = {
                 firstRun: true,
                 iframe: iframe,
                 remoteHost: iframe.src && iframe.src.split("/").slice(0, 3).join("/")
@@ -12218,20 +12274,20 @@ var $ef5e88eaa61efd95$exports = {};
             checkOptions(options);
             Object.keys(options).forEach(depricate, options);
             copyOptions(options);
-            if (settings[iframeId2]) settings[iframeId2].targetOrigin = true === settings[iframeId2].checkOrigin ? getTargetOrigin(settings[iframeId2].remoteHost) : "*";
+            if (settings[iframeId]) settings[iframeId].targetOrigin = true === settings[iframeId].checkOrigin ? getTargetOrigin(settings[iframeId].remoteHost) : "*";
         }
         function beenHere() {
-            return iframeId2 in settings && "iFrameResizer" in iframe;
+            return iframeId in settings && "iFrameResizer" in iframe;
         }
-        var iframeId2 = ensureHasId(iframe.id);
+        var iframeId = ensureHasId(iframe.id);
         if (!beenHere()) {
-            processOptions(options1);
+            processOptions(options);
             setScrolling();
             setLimits();
             setupBodyMarginValues();
-            init(createOutgoingMsg(iframeId2));
+            init(createOutgoingMsg(iframeId));
             setupIFrameObject();
-        } else warn(iframeId2, "Ignored iFrame, already setup.");
+        } else warn(iframeId, "Ignored iFrame, already setup.");
     }
     function debouce(fn, time) {
         if (null === timer) timer = setTimeout(function() {
@@ -12397,6 +12453,31 @@ function $e1f51f020443edd4$export$2e2bcd8739ae039(id, embedStore) {
 }
 
 
+var $e9904a14dabf652d$exports = {};
+
+$parcel$defineInteropFlag($e9904a14dabf652d$exports);
+
+$parcel$export($e9904a14dabf652d$exports, "default", () => $e9904a14dabf652d$export$2e2bcd8739ae039);
+function $e9904a14dabf652d$export$2e2bcd8739ae039(store) {
+    return {
+        focussed: false,
+        get active () {
+            return store.active;
+        },
+        get text () {
+            return store.text;
+        },
+        clear () {
+            if (store.raw === "") this.$refs.input.blur();
+            else store.raw = "";
+        },
+        focus () {
+            this.$refs.input.focus();
+        }
+    };
+}
+
+
 var $36506012e0c6e9e3$exports = {};
 
 $parcel$defineInteropFlag($36506012e0c6e9e3$exports);
@@ -12431,6 +12512,9 @@ function $d92d9d5253f84566$export$2e2bcd8739ae039(store) {
             const index = store.open.indexOf(id);
             if (index > -1) store.open.splice(index, 1);
         },
+        closeAll () {
+            store.open.length = 0;
+        },
         toggleOpen (id) {
             this.isOpen(id) ? this.setClosed(id) : this.setOpen(id);
         },
@@ -12450,24 +12534,6 @@ function $d92d9d5253f84566$export$2e2bcd8739ae039(store) {
 }
 
 
-var $b63b9c6d236b3f65$exports = {};
-
-$parcel$defineInteropFlag($b63b9c6d236b3f65$exports);
-
-$parcel$export($b63b9c6d236b3f65$exports, "default", () => $b63b9c6d236b3f65$export$2e2bcd8739ae039);
-
-function $b63b9c6d236b3f65$export$2e2bcd8739ae039() {
-    return {
-        narrow: false,
-        init () {
-            (0, $9930d46698775b42$export$a2214cc2adb2dc44)(this.$el, ({ width: width  })=>{
-                this.narrow = width < 450;
-            });
-        }
-    };
-}
-
-
 var $506dabb2bf255b38$exports = {};
 
 $parcel$defineInteropFlag($506dabb2bf255b38$exports);
@@ -12501,14 +12567,14 @@ var $7cac9a0d4b75bf4e$var$parseValue = function(value) {
 var $7cac9a0d4b75bf4e$var$parse = function(rule) {
     return rule.split(" ").map($7cac9a0d4b75bf4e$var$parseValue);
 };
-var $7cac9a0d4b75bf4e$var$getSizeAtTrack = function(index1, tracks, gap, end) {
+var $7cac9a0d4b75bf4e$var$getSizeAtTrack = function(index, tracks, gap, end) {
     if (gap === void 0) gap = 0;
     if (end === void 0) end = false;
-    var newIndex = end ? index1 + 1 : index1;
+    var newIndex = end ? index + 1 : index;
     var trackSum = tracks.slice(0, newIndex).reduce(function(accum, value) {
         return accum + value.numeric;
     }, 0);
-    var gapSum = gap ? index1 * gap : 0;
+    var gapSum = gap ? index * gap : 0;
     return trackSum + gapSum;
 };
 var $7cac9a0d4b75bf4e$var$getStyles = function(rule, ownRules, matchedRules) {
@@ -12683,8 +12749,8 @@ $7cac9a0d4b75bf4e$var$Gutter.prototype.startDragging = function startDragging(e)
     });
     this.totalFrs = trackFr.length;
     if (this.totalFrs) {
-        var track1 = $7cac9a0d4b75bf4e$var$firstNonZero(trackFr);
-        if (track1 !== null) this.frToPixels = this.computedPixels[track1].numeric / trackFr[track1].numeric;
+        var track = $7cac9a0d4b75bf4e$var$firstNonZero(trackFr);
+        if (track !== null) this.frToPixels = this.computedPixels[track].numeric / trackFr[track].numeric;
     }
     if (trackPercentage.length) {
         var track$1 = $7cac9a0d4b75bf4e$var$firstNonZero(trackPercentage);
@@ -13055,7 +13121,7 @@ $parcel$export($0db07828cadc68e0$exports, "default", () => $0db07828cadc68e0$exp
 
 
 function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
-    const initial1 = store ? store.activeTab : null;
+    const initial = store ? store.activeTab : null;
     let dropdown = null;
     return {
         visibleTabsCount: 0,
@@ -13084,7 +13150,7 @@ function $0db07828cadc68e0$export$2e2bcd8739ae039(store) {
                     placement: "bottom",
                     appendTo: this.$root
                 });
-                const initialTab = initial1 ? this.tabs.find((t)=>this._getRef(t) === initial1) : this.tabs[0];
+                const initialTab = initial ? this.tabs.find((t)=>this._getRef(t) === initial) : this.tabs[0];
                 this.selectTab(initialTab, true);
                 this.parentObserver = (0, $9930d46698775b42$export$a2214cc2adb2dc44)(this.$root.parentElement, (0, $c5d017602d25d050$export$61fc7d43ac8f84b0)(10, this.handleResize.bind(this)));
                 this.$watch("visibleTabsCount", (value)=>{
@@ -13264,16 +13330,15 @@ function $6d64716f0b34fdf4$export$2e2bcd8739ae039(store) {
 }
 
 
-$5a1160331e703b26$exports = {
+$1f889267678ff167$exports = {
     "button": $cbd28b10fa9798c7$exports,
     "code": $99486586f6691564$exports,
     "copy_button": $47a1c62621be0c54$exports,
     "dimensions_display": $e398acaded942bbe$exports,
-    "filter": $e9904a14dabf652d$exports,
     "embed": $e1f51f020443edd4$exports,
+    "filter": $e9904a14dabf652d$exports,
     "icon": $36506012e0c6e9e3$exports,
     "nav": $d92d9d5253f84566$exports,
-    "params_editor": $b63b9c6d236b3f65$exports,
     "split_layout": $506dabb2bf255b38$exports,
     "tab_panels": $a87dacf5139b5e2f$exports,
     "tabs": $0db07828cadc68e0$exports,
@@ -13281,7 +13346,7 @@ $5a1160331e703b26$exports = {
 };
 
 
-var $e4eab7529959b73b$exports = {};
+var $c43230a66e7bc31a$exports = {};
 var $9b24cbeb3a465447$exports = {};
 
 $parcel$defineInteropFlag($9b24cbeb3a465447$exports);
@@ -13338,12 +13403,57 @@ function $9b24cbeb3a465447$export$2e2bcd8739ae039({ id: id , matchers: matchers
 }
 
 
-var $fa8073e5be19dff9$exports = {};
+var $1a7a7298eec5b755$exports = {};
+
+$parcel$defineInteropFlag($1a7a7298eec5b755$exports);
 
-$parcel$defineInteropFlag($fa8073e5be19dff9$exports);
+$parcel$export($1a7a7298eec5b755$exports, "default", () => $1a7a7298eec5b755$export$2e2bcd8739ae039);
 
-$parcel$export($fa8073e5be19dff9$exports, "default", () => $fa8073e5be19dff9$export$2e2bcd8739ae039);
-function $fa8073e5be19dff9$export$2e2bcd8739ae039({ name: name , value: value  }) {
+function $1a7a7298eec5b755$export$2e2bcd8739ae039() {
+    return {
+        narrow: false,
+        init () {
+            (0, $9930d46698775b42$export$a2214cc2adb2dc44)(this.$el, ({ width: width  })=>{
+                this.narrow = width < 500;
+            });
+        }
+    };
+}
+
+
+var $e773f8ef556b41ff$exports = {};
+
+$parcel$defineInteropFlag($e773f8ef556b41ff$exports);
+
+$parcel$export($e773f8ef556b41ff$exports, "default", () => $e773f8ef556b41ff$export$2e2bcd8739ae039);
+function $e773f8ef556b41ff$export$2e2bcd8739ae039() {
+    return {
+        get isNarrowLayout () {
+            return this.narrow || false;
+        }
+    };
+}
+
+
+$c43230a66e7bc31a$exports = {
+    "nav": {
+        "item": $9b24cbeb3a465447$exports
+    },
+    "params": {
+        "editor": $1a7a7298eec5b755$exports,
+        "field": $e773f8ef556b41ff$exports
+    }
+};
+
+
+var $6c10158820e535ef$exports = {};
+
+var $7f7fff78376549af$exports = {};
+
+$parcel$defineInteropFlag($7f7fff78376549af$exports);
+
+$parcel$export($7f7fff78376549af$exports, "default", () => $7f7fff78376549af$export$2e2bcd8739ae039);
+function $7f7fff78376549af$export$2e2bcd8739ae039({ name: name , value: value  }) {
     return {
         name: name,
         value: value,
@@ -13360,37 +13470,15 @@ function $fa8073e5be19dff9$export$2e2bcd8739ae039({ name: name , value: value  }
         },
         validate () {
             return this.$root.reportValidity ? this.$root.reportValidity() : true;
-        },
-        get isNarrowLayout () {
-            return this.narrow || false;
-        },
-        bindings: {
-            input: {
-                [":id"]: "`param-${name}`",
-                ["x-ref"]: "input",
-                ["x-model.debounce.200"]: "value",
-                ["@keydown.stop"]: true
-            }
         }
     };
 }
 
 
-$e4eab7529959b73b$exports = {
-    "nav": {
-        "item": $9b24cbeb3a465447$exports
-    },
-    "params_editor": {
-        "field": $fa8073e5be19dff9$exports
-    }
-};
-
-
-var $4979d2d897a1c01f$exports = {};
-
 
-$4979d2d897a1c01f$exports = {
+$6c10158820e535ef$exports = {
     "clipboard": $122263eab94cad08$exports,
+    "params_input": $7f7fff78376549af$exports,
     "tooltip": $2ef98910f916db6b$exports
 };
 
@@ -13421,13 +13509,14 @@ const $d73574cc5e9b9e72$var$prefix = window.APP_NAME;
 // Components
 (0, $caa9439642c6336c$export$2e2bcd8739ae039).data("app", (0, $d709d0f4027033b2$export$2e2bcd8739ae039));
 [
-    $5a1160331e703b26$exports,
-    $e4eab7529959b73b$exports,
-    $4979d2d897a1c01f$exports
+    $1f889267678ff167$exports,
+    $c43230a66e7bc31a$exports,
+    $6c10158820e535ef$exports
 ].forEach((scripts)=>{
-    const components1 = (0, $5439cede634b2921$export$4e811121b221213b)(scripts);
-    Object.keys(components1).forEach((name)=>{
-        (0, $caa9439642c6336c$export$2e2bcd8739ae039).data(`${name}Component`, components1[name]);
+    const components = (0, $5439cede634b2921$export$4e811121b221213b)(scripts);
+    Object.keys(components).forEach((name)=>{
+        console.log(name);
+        (0, $caa9439642c6336c$export$2e2bcd8739ae039).data(`${name}Component`, components[name]);
     });
 });
 // Init