lookbook 2.3.13 → 2.3.15

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

@@ -390,7 +390,14 @@ function $caa9439642c6336c$var$tryCatch(el, expression, callback, ...args) {
         $caa9439642c6336c$var$handleError(e, el, expression);
     }
 }
-function $caa9439642c6336c$var$handleError(error2, el, expression) {
+function $caa9439642c6336c$var$handleError(...args) {
+    return $caa9439642c6336c$var$errorHandler(...args);
+}
+var $caa9439642c6336c$var$errorHandler = $caa9439642c6336c$var$normalErrorHandler;
+function $caa9439642c6336c$var$setErrorHandler(handler4) {
+    $caa9439642c6336c$var$errorHandler = handler4;
+}
+function $caa9439642c6336c$var$normalErrorHandler(error2, el, expression) {
     error2 = Object.assign(error2 ?? {
         message: "No error message given."
     }, {
@@ -425,6 +432,10 @@ var $caa9439642c6336c$var$theEvaluatorFunction = $caa9439642c6336c$var$normalEva
 function $caa9439642c6336c$var$setEvaluator(newEvaluator) {
     $caa9439642c6336c$var$theEvaluatorFunction = newEvaluator;
 }
+var $caa9439642c6336c$var$theRawEvaluatorFunction;
+function $caa9439642c6336c$var$setRawEvaluator(newEvaluator) {
+    $caa9439642c6336c$var$theRawEvaluatorFunction = newEvaluator;
+}
 function $caa9439642c6336c$var$normalEvaluator(el, expression) {
     let overriddenMagics = {};
     $caa9439642c6336c$var$injectMagics(overriddenMagics, el);
@@ -436,7 +447,14 @@ function $caa9439642c6336c$var$normalEvaluator(el, expression) {
     return $caa9439642c6336c$var$tryCatch.bind(null, el, expression, evaluator);
 }
 function $caa9439642c6336c$var$generateEvaluatorFromFunction(dataStack, func) {
-    return (receiver = ()=>{}, { scope: scope2 = {}, params: params = [] } = {})=>{
+    return (receiver = ()=>{}, { scope: scope2 = {}, params: params = [], context: context } = {})=>{
+        if (!$caa9439642c6336c$var$shouldAutoEvaluateFunctions) {
+            $caa9439642c6336c$var$runIfTypeOfFunction(receiver, func, $caa9439642c6336c$var$mergeProxies([
+                scope2,
+                ...dataStack
+            ]), params);
+            return;
+        }
         let result = func.apply($caa9439642c6336c$var$mergeProxies([
             scope2,
             ...dataStack
@@ -470,7 +488,7 @@ function $caa9439642c6336c$var$generateFunctionFromString(expression, el) {
 }
 function $caa9439642c6336c$var$generateEvaluatorFromString(dataStack, expression, el) {
     let func = $caa9439642c6336c$var$generateFunctionFromString(expression, el);
-    return (receiver = ()=>{}, { scope: scope2 = {}, params: params = [] } = {})=>{
+    return (receiver = ()=>{}, { scope: scope2 = {}, params: params = [], context: context } = {})=>{
         func.result = void 0;
         func.finished = false;
         let completeScope = $caa9439642c6336c$var$mergeProxies([
@@ -478,7 +496,7 @@ function $caa9439642c6336c$var$generateEvaluatorFromString(dataStack, expression
             ...dataStack
         ]);
         if (typeof func === "function") {
-            let promise = func(func, completeScope).catch((error2)=>$caa9439642c6336c$var$handleError(error2, el, expression));
+            let promise = func.call(context, func, completeScope).catch((error2)=>$caa9439642c6336c$var$handleError(error2, el, expression));
             if (func.finished) {
                 $caa9439642c6336c$var$runIfTypeOfFunction(receiver, func.result, completeScope, params, el);
                 func.result = void 0;
@@ -496,6 +514,39 @@ function $caa9439642c6336c$var$runIfTypeOfFunction(receiver, value, scope2, para
     } else if (typeof value === "object" && value instanceof Promise) value.then((i)=>receiver(i));
     else receiver(value);
 }
+function $caa9439642c6336c$var$evaluateRaw(...args) {
+    return $caa9439642c6336c$var$theRawEvaluatorFunction(...args);
+}
+function $caa9439642c6336c$var$normalRawEvaluator(el, expression, extras = {}) {
+    let overriddenMagics = {};
+    $caa9439642c6336c$var$injectMagics(overriddenMagics, el);
+    let dataStack = [
+        overriddenMagics,
+        ...$caa9439642c6336c$var$closestDataStack(el)
+    ];
+    let scope2 = $caa9439642c6336c$var$mergeProxies([
+        extras.scope ?? {},
+        ...dataStack
+    ]);
+    let params = extras.params ?? [];
+    if (expression.includes("await")) {
+        let AsyncFunction = Object.getPrototypeOf(async function() {}).constructor;
+        let rightSideSafeExpression = /^[\n\s]*if.*\(.*\)/.test(expression.trim()) || /^(let|const)\s/.test(expression.trim()) ? `(async()=>{ ${expression} })()` : expression;
+        let func = new AsyncFunction([
+            "scope"
+        ], `with (scope) { let __result = ${rightSideSafeExpression}; return __result }`);
+        let result = func.call(extras.context, scope2);
+        return result;
+    } else {
+        let rightSideSafeExpression = /^[\n\s]*if.*\(.*\)/.test(expression.trim()) || /^(let|const)\s/.test(expression.trim()) ? `(()=>{ ${expression} })()` : expression;
+        let func = new Function([
+            "scope"
+        ], `with (scope) { let __result = ${rightSideSafeExpression}; return __result }`);
+        let result = func.call(extras.context, scope2);
+        if (typeof result === "function" && $caa9439642c6336c$var$shouldAutoEvaluateFunctions) return result.apply(scope2, params);
+        return result;
+    }
+}
 // packages/alpinejs/src/directives.js
 var $caa9439642c6336c$var$prefixAsString = "x-";
 function $caa9439642c6336c$var$prefix(subject = "") {
@@ -743,6 +794,7 @@ function $caa9439642c6336c$var$findClosest(el, callback) {
     if (!el) return;
     if (callback(el)) return el;
     if (el._x_teleportBack) el = el._x_teleportBack;
+    if (el.parentNode instanceof ShadowRoot) return $caa9439642c6336c$var$findClosest(el.parentNode.host, callback);
     if (!el.parentElement) return;
     return $caa9439642c6336c$var$findClosest(el.parentElement, callback);
 }
@@ -1405,10 +1457,10 @@ function $caa9439642c6336c$var$isRadio(el) {
 }
 // packages/alpinejs/src/utils/debounce.js
 function $caa9439642c6336c$var$debounce(func, wait) {
-    var timeout;
+    let timeout;
     return function() {
-        var context = this, args = arguments;
-        var later = function() {
+        const context = this, args = arguments;
+        const later = function() {
             timeout = null;
             func.apply(context, args);
         };
@@ -1553,7 +1605,7 @@ var $caa9439642c6336c$var$Alpine = {
     get raw () {
         return $caa9439642c6336c$var$raw;
     },
-    version: "3.14.9",
+    version: "3.15.3",
     flushAndStopDeferringMutations: $caa9439642c6336c$var$flushAndStopDeferringMutations,
     dontAutoEvaluateFunctions: $caa9439642c6336c$var$dontAutoEvaluateFunctions,
     disableEffectScheduling: $caa9439642c6336c$var$disableEffectScheduling,
@@ -1567,13 +1619,17 @@ var $caa9439642c6336c$var$Alpine = {
     onlyDuringClone: $caa9439642c6336c$var$onlyDuringClone,
     addRootSelector: $caa9439642c6336c$var$addRootSelector,
     addInitSelector: $caa9439642c6336c$var$addInitSelector,
+    setErrorHandler: $caa9439642c6336c$var$setErrorHandler,
     interceptClone: $caa9439642c6336c$var$interceptClone,
     addScopeToNode: $caa9439642c6336c$var$addScopeToNode,
     deferMutations: $caa9439642c6336c$var$deferMutations,
     mapAttributes: $caa9439642c6336c$var$mapAttributes,
     evaluateLater: $caa9439642c6336c$var$evaluateLater,
     interceptInit: $caa9439642c6336c$var$interceptInit,
+    initInterceptors: $caa9439642c6336c$var$initInterceptors,
+    injectMagics: $caa9439642c6336c$var$injectMagics,
     setEvaluator: $caa9439642c6336c$var$setEvaluator,
+    setRawEvaluator: $caa9439642c6336c$var$setRawEvaluator,
     mergeProxies: $caa9439642c6336c$var$mergeProxies,
     extractProp: $caa9439642c6336c$var$extractProp,
     findClosest: $caa9439642c6336c$var$findClosest,
@@ -1592,6 +1648,7 @@ var $caa9439642c6336c$var$Alpine = {
     throttle: $caa9439642c6336c$var$throttle,
     debounce: $caa9439642c6336c$var$debounce,
     evaluate: $caa9439642c6336c$var$evaluate,
+    evaluateRaw: $caa9439642c6336c$var$evaluateRaw,
     initTree: $caa9439642c6336c$var$initTree,
     nextTick: $caa9439642c6336c$var$nextTick,
     prefixed: $caa9439642c6336c$var$prefix,
@@ -2453,7 +2510,8 @@ function $caa9439642c6336c$var$isListeningForASpecificKeyThatHasntBeenPressed(e,
             "self",
             "away",
             "outside",
-            "passive"
+            "passive",
+            "preserve-scroll"
         ].includes(i);
     });
     if (keyModifiers.includes("debounce")) {
@@ -2540,7 +2598,7 @@ $caa9439642c6336c$var$directive("model", (el, { modifiers: modifiers, expression
     if (typeof expression === "string" && el.type === "radio") $caa9439642c6336c$var$mutateDom(()=>{
         if (!el.hasAttribute("name")) el.setAttribute("name", expression);
     });
-    var event = el.tagName.toLowerCase() === "select" || [
+    let event = el.tagName.toLowerCase() === "select" || [
         "checkbox",
         "radio"
     ].includes(el.type) || modifiers.includes("lazy") ? "change" : "input";
@@ -3031,6 +3089,7 @@ function $caa9439642c6336c$var$warnMissingPluginDirective(name, directiveName, s
 }
 // packages/alpinejs/src/index.js
 $caa9439642c6336c$var$alpine_default.setEvaluator($caa9439642c6336c$var$normalEvaluator);
+$caa9439642c6336c$var$alpine_default.setRawEvaluator($caa9439642c6336c$var$normalRawEvaluator);
 $caa9439642c6336c$var$alpine_default.setReactivityEngine({
     reactive: $caa9439642c6336c$var$reactive2,
     effect: $caa9439642c6336c$var$effect2,
@@ -3045,90 +3104,132 @@ var $caa9439642c6336c$export$2e2bcd8739ae039 = $caa9439642c6336c$export$b7ee041e
 // packages/morph/src/morph.js
 function $512e3a9270ec7803$var$morph(from, toHtml, options) {
     $512e3a9270ec7803$var$monkeyPatchDomSetAttributeToAllowAtSymbols();
-    let fromEl;
-    let toEl;
-    let key, lookahead, updating, updated, removing, removed, adding, added;
-    function assignOptions(options2 = {}) {
-        let defaultGetKey = (el)=>el.getAttribute("key");
-        let noop = ()=>{};
-        updating = options2.updating || noop;
-        updated = options2.updated || noop;
-        removing = options2.removing || noop;
-        removed = options2.removed || noop;
-        adding = options2.adding || noop;
-        added = options2.added || noop;
-        key = options2.key || defaultGetKey;
-        lookahead = options2.lookahead || false;
-    }
-    function patch(from2, to) {
-        if (differentElementNamesTypesOrKeys(from2, to)) return swapElements(from2, to);
+    let context = $512e3a9270ec7803$var$createMorphContext(options);
+    let toEl = typeof toHtml === "string" ? $512e3a9270ec7803$var$createElement(toHtml) : toHtml;
+    if (window.Alpine && window.Alpine.closestDataStack && !from._x_dataStack) {
+        toEl._x_dataStack = window.Alpine.closestDataStack(from);
+        toEl._x_dataStack && window.Alpine.cloneNode(from, toEl);
+    }
+    context.patch(from, toEl);
+    return from;
+}
+function $512e3a9270ec7803$var$morphBetween(startMarker, endMarker, toHtml, options = {}) {
+    $512e3a9270ec7803$var$monkeyPatchDomSetAttributeToAllowAtSymbols();
+    let context = $512e3a9270ec7803$var$createMorphContext(options);
+    let fromContainer = startMarker.parentNode;
+    let fromBlock = new $512e3a9270ec7803$var$Block(startMarker, endMarker);
+    let toContainer = typeof toHtml === "string" ? (()=>{
+        let container = document.createElement("div");
+        container.insertAdjacentHTML("beforeend", toHtml);
+        return container;
+    })() : toHtml;
+    let toStartMarker = document.createComment("[morph-start]");
+    let toEndMarker = document.createComment("[morph-end]");
+    toContainer.insertBefore(toStartMarker, toContainer.firstChild);
+    toContainer.appendChild(toEndMarker);
+    let toBlock = new $512e3a9270ec7803$var$Block(toStartMarker, toEndMarker);
+    if (window.Alpine && window.Alpine.closestDataStack) {
+        toContainer._x_dataStack = window.Alpine.closestDataStack(fromContainer);
+        toContainer._x_dataStack && window.Alpine.cloneNode(fromContainer, toContainer);
+    }
+    context.patchChildren(fromBlock, toBlock);
+}
+function $512e3a9270ec7803$var$createMorphContext(options = {}) {
+    let defaultGetKey = (el)=>el.getAttribute("key");
+    let noop = ()=>{};
+    let context = {
+        key: options.key || defaultGetKey,
+        lookahead: options.lookahead || false,
+        updating: options.updating || noop,
+        updated: options.updated || noop,
+        removing: options.removing || noop,
+        removed: options.removed || noop,
+        adding: options.adding || noop,
+        added: options.added || noop
+    };
+    context.patch = function(from, to) {
+        if (context.differentElementNamesTypesOrKeys(from, to)) return context.swapElements(from, to);
         let updateChildrenOnly = false;
         let skipChildren = false;
-        if ($512e3a9270ec7803$var$shouldSkipChildren(updating, ()=>skipChildren = true, from2, to, ()=>updateChildrenOnly = true)) return;
-        if (from2.nodeType === 1 && window.Alpine) {
-            window.Alpine.cloneNode(from2, to);
-            if (from2._x_teleport && to._x_teleport) patch(from2._x_teleport, to._x_teleport);
+        let skipUntil = (predicate)=>context.skipUntilCondition = predicate;
+        if ($512e3a9270ec7803$var$shouldSkipChildren(context.updating, ()=>skipChildren = true, skipUntil, from, to, ()=>updateChildrenOnly = true)) return;
+        if (from.nodeType === 1 && window.Alpine) {
+            window.Alpine.cloneNode(from, to);
+            if (from._x_teleport && to._x_teleport) context.patch(from._x_teleport, to._x_teleport);
         }
         if ($512e3a9270ec7803$var$textOrComment(to)) {
-            patchNodeValue(from2, to);
-            updated(from2, to);
+            context.patchNodeValue(from, to);
+            context.updated(from, to);
             return;
         }
-        if (!updateChildrenOnly) patchAttributes(from2, to);
-        updated(from2, to);
-        if (!skipChildren) patchChildren(from2, to);
-    }
-    function differentElementNamesTypesOrKeys(from2, to) {
-        return from2.nodeType != to.nodeType || from2.nodeName != to.nodeName || getKey(from2) != getKey(to);
-    }
-    function swapElements(from2, to) {
-        if ($512e3a9270ec7803$var$shouldSkip(removing, from2)) return;
+        if (!updateChildrenOnly) context.patchAttributes(from, to);
+        context.updated(from, to);
+        if (!skipChildren) context.patchChildren(from, to);
+    };
+    context.differentElementNamesTypesOrKeys = function(from, to) {
+        return from.nodeType != to.nodeType || from.nodeName != to.nodeName || context.getKey(from) != context.getKey(to);
+    };
+    context.swapElements = function(from, to) {
+        if ($512e3a9270ec7803$var$shouldSkip(context.removing, from)) return;
         let toCloned = to.cloneNode(true);
-        if ($512e3a9270ec7803$var$shouldSkip(adding, toCloned)) return;
-        from2.replaceWith(toCloned);
-        removed(from2);
-        added(toCloned);
-    }
-    function patchNodeValue(from2, to) {
+        if ($512e3a9270ec7803$var$shouldSkip(context.adding, toCloned)) return;
+        from.replaceWith(toCloned);
+        context.removed(from);
+        context.added(toCloned);
+    };
+    context.patchNodeValue = function(from, to) {
         let value = to.nodeValue;
-        if (from2.nodeValue !== value) from2.nodeValue = value;
-    }
-    function patchAttributes(from2, to) {
-        if (from2._x_transitioning) return;
-        if (from2._x_isShown && !to._x_isShown) return;
-        if (!from2._x_isShown && to._x_isShown) return;
-        let domAttributes = Array.from(from2.attributes);
+        if (from.nodeValue !== value) from.nodeValue = value;
+    };
+    context.patchAttributes = function(from, to) {
+        if (from._x_transitioning) return;
+        if (from._x_isShown && !to._x_isShown) return;
+        if (!from._x_isShown && to._x_isShown) return;
+        let domAttributes = Array.from(from.attributes);
         let toAttributes = Array.from(to.attributes);
         for(let i = domAttributes.length - 1; i >= 0; i--){
             let name = domAttributes[i].name;
-            if (!to.hasAttribute(name)) from2.removeAttribute(name);
+            if (!to.hasAttribute(name)) {
+                if (name === "open" && from.nodeName === "DIALOG" && from.open) from.close();
+                else from.removeAttribute(name);
+            }
         }
         for(let i = toAttributes.length - 1; i >= 0; i--){
             let name = toAttributes[i].name;
             let value = toAttributes[i].value;
-            if (from2.getAttribute(name) !== value) from2.setAttribute(name, value);
+            if (from.getAttribute(name) !== value) from.setAttribute(name, value);
         }
-    }
-    function patchChildren(from2, to) {
-        let fromKeys = keyToMap(from2.children);
+    };
+    context.patchChildren = function(from, to) {
+        let fromKeys = context.keyToMap(from.children);
         let fromKeyHoldovers = {};
         let currentTo = $512e3a9270ec7803$var$getFirstNode(to);
-        let currentFrom = $512e3a9270ec7803$var$getFirstNode(from2);
+        let currentFrom = $512e3a9270ec7803$var$getFirstNode(from);
         while(currentTo){
             $512e3a9270ec7803$var$seedingMatchingId(currentTo, currentFrom);
-            let toKey = getKey(currentTo);
-            let fromKey = getKey(currentFrom);
+            let toKey = context.getKey(currentTo);
+            let fromKey = context.getKey(currentFrom);
+            if (context.skipUntilCondition) {
+                let fromDone = !currentFrom || context.skipUntilCondition(currentFrom);
+                let toDone = !currentTo || context.skipUntilCondition(currentTo);
+                if (fromDone && toDone) context.skipUntilCondition = null;
+                else {
+                    if (!fromDone) currentFrom = currentFrom && $512e3a9270ec7803$var$getNextSibling(from, currentFrom);
+                    if (!toDone) currentTo = currentTo && $512e3a9270ec7803$var$getNextSibling(to, currentTo);
+                    continue;
+                }
+            }
             if (!currentFrom) {
                 if (toKey && fromKeyHoldovers[toKey]) {
                     let holdover = fromKeyHoldovers[toKey];
-                    from2.appendChild(holdover);
+                    from.appendChild(holdover);
                     currentFrom = holdover;
-                    fromKey = getKey(currentFrom);
+                    fromKey = context.getKey(currentFrom);
                 } else {
-                    if (!$512e3a9270ec7803$var$shouldSkip(adding, currentTo)) {
+                    if (!$512e3a9270ec7803$var$shouldSkip(context.adding, currentTo)) {
                         let clone = currentTo.cloneNode(true);
-                        from2.appendChild(clone);
-                        added(clone);
+                        from.appendChild(clone);
+                        context.added(clone);
                     }
                     currentTo = $512e3a9270ec7803$var$getNextSibling(to, currentTo);
                     continue;
@@ -3140,7 +3241,7 @@ function $512e3a9270ec7803$var$morph(from, toHtml, options) {
                 let nestedIfCount = 0;
                 let fromBlockStart = currentFrom;
                 while(currentFrom){
-                    let next = $512e3a9270ec7803$var$getNextSibling(from2, currentFrom);
+                    let next = $512e3a9270ec7803$var$getNextSibling(from, currentFrom);
                     if (isIf(next)) nestedIfCount++;
                     else if (isEnd(next) && nestedIfCount > 0) nestedIfCount--;
                     else if (isEnd(next) && nestedIfCount === 0) {
@@ -3165,17 +3266,17 @@ function $512e3a9270ec7803$var$morph(from, toHtml, options) {
                 let toBlockEnd = currentTo;
                 let fromBlock = new $512e3a9270ec7803$var$Block(fromBlockStart, fromBlockEnd);
                 let toBlock = new $512e3a9270ec7803$var$Block(toBlockStart, toBlockEnd);
-                patchChildren(fromBlock, toBlock);
+                context.patchChildren(fromBlock, toBlock);
                 continue;
             }
-            if (currentFrom.nodeType === 1 && lookahead && !currentFrom.isEqualNode(currentTo)) {
+            if (currentFrom.nodeType === 1 && context.lookahead && !currentFrom.isEqualNode(currentTo)) {
                 let nextToElementSibling = $512e3a9270ec7803$var$getNextSibling(to, currentTo);
                 let found = false;
                 while(!found && nextToElementSibling){
                     if (nextToElementSibling.nodeType === 1 && currentFrom.isEqualNode(nextToElementSibling)) {
                         found = true;
-                        currentFrom = addNodeBefore(from2, currentTo, currentFrom);
-                        fromKey = getKey(currentFrom);
+                        currentFrom = context.addNodeBefore(from, currentTo, currentFrom);
+                        fromKey = context.getKey(currentFrom);
                     }
                     nextToElementSibling = $512e3a9270ec7803$var$getNextSibling(to, nextToElementSibling);
                 }
@@ -3183,9 +3284,9 @@ function $512e3a9270ec7803$var$morph(from, toHtml, options) {
             if (toKey !== fromKey) {
                 if (!toKey && fromKey) {
                     fromKeyHoldovers[fromKey] = currentFrom;
-                    currentFrom = addNodeBefore(from2, currentTo, currentFrom);
+                    currentFrom = context.addNodeBefore(from, currentTo, currentFrom);
                     fromKeyHoldovers[fromKey].remove();
-                    currentFrom = $512e3a9270ec7803$var$getNextSibling(from2, currentFrom);
+                    currentFrom = $512e3a9270ec7803$var$getNextSibling(from, currentFrom);
                     currentTo = $512e3a9270ec7803$var$getNextSibling(to, currentTo);
                     continue;
                 }
@@ -3193,7 +3294,7 @@ function $512e3a9270ec7803$var$morph(from, toHtml, options) {
                     if (fromKeys[toKey]) {
                         currentFrom.replaceWith(fromKeys[toKey]);
                         currentFrom = fromKeys[toKey];
-                        fromKey = getKey(currentFrom);
+                        fromKey = context.getKey(currentFrom);
                     }
                 }
                 if (toKey && fromKey) {
@@ -3202,64 +3303,55 @@ function $512e3a9270ec7803$var$morph(from, toHtml, options) {
                         fromKeyHoldovers[fromKey] = currentFrom;
                         currentFrom.replaceWith(fromKeyNode);
                         currentFrom = fromKeyNode;
-                        fromKey = getKey(currentFrom);
+                        fromKey = context.getKey(currentFrom);
                     } else {
                         fromKeyHoldovers[fromKey] = currentFrom;
-                        currentFrom = addNodeBefore(from2, currentTo, currentFrom);
+                        currentFrom = context.addNodeBefore(from, currentTo, currentFrom);
                         fromKeyHoldovers[fromKey].remove();
-                        currentFrom = $512e3a9270ec7803$var$getNextSibling(from2, currentFrom);
+                        currentFrom = $512e3a9270ec7803$var$getNextSibling(from, currentFrom);
                         currentTo = $512e3a9270ec7803$var$getNextSibling(to, currentTo);
                         continue;
                     }
                 }
             }
-            let currentFromNext = currentFrom && $512e3a9270ec7803$var$getNextSibling(from2, currentFrom);
-            patch(currentFrom, currentTo);
+            let currentFromNext = currentFrom && $512e3a9270ec7803$var$getNextSibling(from, currentFrom);
+            context.patch(currentFrom, currentTo);
+            if (currentFrom._x_lastRenderedEl) currentFromNext = $512e3a9270ec7803$var$getNextSibling(from, currentFrom._x_lastRenderedEl);
             currentTo = currentTo && $512e3a9270ec7803$var$getNextSibling(to, currentTo);
             currentFrom = currentFromNext;
         }
         let removals = [];
         while(currentFrom){
-            if (!$512e3a9270ec7803$var$shouldSkip(removing, currentFrom)) removals.push(currentFrom);
-            currentFrom = $512e3a9270ec7803$var$getNextSibling(from2, currentFrom);
+            if (!$512e3a9270ec7803$var$shouldSkip(context.removing, currentFrom)) removals.push(currentFrom);
+            currentFrom = $512e3a9270ec7803$var$getNextSibling(from, currentFrom);
         }
         while(removals.length){
             let domForRemoval = removals.shift();
             domForRemoval.remove();
-            removed(domForRemoval);
+            context.removed(domForRemoval);
         }
-    }
-    function getKey(el) {
-        return el && el.nodeType === 1 && key(el);
-    }
-    function keyToMap(els) {
+    };
+    context.getKey = function(el) {
+        return el && el.nodeType === 1 && context.key(el);
+    };
+    context.keyToMap = function(els) {
         let map = {};
         for (let el of els){
-            let theKey = getKey(el);
+            let theKey = context.getKey(el);
             if (theKey) map[theKey] = el;
         }
         return map;
-    }
-    function addNodeBefore(parent, node, beforeMe) {
-        if (!$512e3a9270ec7803$var$shouldSkip(adding, node)) {
+    };
+    context.addNodeBefore = function(parent, node, beforeMe) {
+        if (!$512e3a9270ec7803$var$shouldSkip(context.adding, node)) {
             let clone = node.cloneNode(true);
             parent.insertBefore(clone, beforeMe);
-            added(clone);
+            context.added(clone);
             return clone;
         }
         return node;
-    }
-    assignOptions(options);
-    fromEl = from;
-    toEl = typeof toHtml === "string" ? $512e3a9270ec7803$var$createElement(toHtml) : toHtml;
-    if (window.Alpine && window.Alpine.closestDataStack && !from._x_dataStack) {
-        toEl._x_dataStack = window.Alpine.closestDataStack(from);
-        toEl._x_dataStack && window.Alpine.cloneNode(from, toEl);
-    }
-    patch(from, toEl);
-    fromEl = void 0;
-    toEl = void 0;
-    return from;
+    };
+    return context;
 }
 $512e3a9270ec7803$var$morph.step = ()=>{};
 $512e3a9270ec7803$var$morph.log = ()=>{};
@@ -3268,9 +3360,9 @@ function $512e3a9270ec7803$var$shouldSkip(hook, ...args) {
     hook(...args, ()=>skip = true);
     return skip;
 }
-function $512e3a9270ec7803$var$shouldSkipChildren(hook, skipChildren, ...args) {
+function $512e3a9270ec7803$var$shouldSkipChildren(hook, skipChildren, skipUntil, ...args) {
     let skip = false;
-    hook(...args, ()=>skip = true, skipChildren);
+    hook(...args, ()=>skip = true, skipChildren, skipUntil);
     return skip;
 }
 var $512e3a9270ec7803$var$patched = false;
@@ -3330,7 +3422,8 @@ function $512e3a9270ec7803$var$monkeyPatchDomSetAttributeToAllowAtSymbols() {
     let hostDiv = document.createElement("div");
     Element.prototype.setAttribute = function newSetAttribute(name, value) {
         if (!name.includes("@")) return original.call(this, name, value);
-        hostDiv.innerHTML = `<span ${name}="${value}"></span>`;
+        let escapedValue = value.replace(/&/g, "&amp;").replace(/"/g, "&quot;");
+        hostDiv.innerHTML = `<span ${name}="${escapedValue}"></span>`;
         let attr = hostDiv.firstElementChild.getAttributeNode(name);
         hostDiv.firstElementChild.removeAttributeNode(attr);
         this.setAttributeNode(attr);
@@ -3346,6 +3439,7 @@ function $512e3a9270ec7803$var$seedingMatchingId(to, from) {
 // packages/morph/src/index.js
 function $512e3a9270ec7803$export$2e5e8c41f5d4e7c7(Alpine) {
     Alpine.morph = $512e3a9270ec7803$var$morph;
+    Alpine.morphBetween = $512e3a9270ec7803$var$morphBetween;
 }
 // packages/morph/builds/module.js
 var $512e3a9270ec7803$export$2e2bcd8739ae039 = $512e3a9270ec7803$export$2e5e8c41f5d4e7c7;
@@ -3405,7 +3499,7 @@ function $a5acee56471cec18$var$storageHas(key, storage) {
     return storage.getItem(key) !== null;
 }
 function $a5acee56471cec18$var$storageGet(key, storage) {
-    let value = storage.getItem(key, storage);
+    let value = storage.getItem(key);
     if (value === void 0) return;
     return JSON.parse(value);
 }
@@ -8159,17 +8253,7 @@ function $12b7aa006b8a97e1$var$toCamel(s) {
 }
 
 
-var $88dfd91701b4cd8b$exports = {};
-var $99486586f6691564$exports = {};
-
-$parcel$defineInteropFlag($99486586f6691564$exports);
-
-$parcel$export($99486586f6691564$exports, "default", () => $99486586f6691564$export$2e2bcd8739ae039);
-function $99486586f6691564$export$2e2bcd8739ae039() {
-    return {};
-}
-
-
+var $c9dfaeb25bf110ce$exports = {};
 var $cbd28b10fa9798c7$exports = {};
 
 $parcel$defineInteropFlag($cbd28b10fa9798c7$exports);
@@ -11683,36 +11767,13 @@ function $cbd28b10fa9798c7$export$2e2bcd8739ae039() {
 }
 
 
-var $e398acaded942bbe$exports = {};
-
-$parcel$defineInteropFlag($e398acaded942bbe$exports);
+var $99486586f6691564$exports = {};
 
-$parcel$export($e398acaded942bbe$exports, "default", () => $e398acaded942bbe$export$2e2bcd8739ae039);
+$parcel$defineInteropFlag($99486586f6691564$exports);
 
-function $e398acaded942bbe$export$2e2bcd8739ae039(targetSelector) {
-    return {
-        width: 0,
-        height: 0,
-        resizing: false,
-        target: null,
-        init () {
-            this.target = document.querySelector(targetSelector);
-            if (this.target) {
-                this.width = Math.round(this.target.clientWidth);
-                this.height = Math.round(this.target.clientHeight);
-                this.createObserver();
-            }
-        },
-        createObserver () {
-            if (this.target) this.observer = (0, $7ecd1fc3a6b35e5c$export$a2214cc2adb2dc44)(this.target, ({ width: width, height: height })=>{
-                this.width = width;
-                this.height = height;
-            });
-        },
-        tearDown () {
-            if (this.observer) this.observer.disconnect();
-        }
-    };
+$parcel$export($99486586f6691564$exports, "default", () => $99486586f6691564$export$2e2bcd8739ae039);
+function $99486586f6691564$export$2e2bcd8739ae039() {
+    return {};
 }
 
 
@@ -11772,6 +11833,39 @@ function $47a1c62621be0c54$export$2e2bcd8739ae039() {
 }
 
 
+var $e398acaded942bbe$exports = {};
+
+$parcel$defineInteropFlag($e398acaded942bbe$exports);
+
+$parcel$export($e398acaded942bbe$exports, "default", () => $e398acaded942bbe$export$2e2bcd8739ae039);
+
+function $e398acaded942bbe$export$2e2bcd8739ae039(targetSelector) {
+    return {
+        width: 0,
+        height: 0,
+        resizing: false,
+        target: null,
+        init () {
+            this.target = document.querySelector(targetSelector);
+            if (this.target) {
+                this.width = Math.round(this.target.clientWidth);
+                this.height = Math.round(this.target.clientHeight);
+                this.createObserver();
+            }
+        },
+        createObserver () {
+            if (this.target) this.observer = (0, $7ecd1fc3a6b35e5c$export$a2214cc2adb2dc44)(this.target, ({ width: width, height: height })=>{
+                this.width = width;
+                this.height = height;
+            });
+        },
+        tearDown () {
+            if (this.observer) this.observer.disconnect();
+        }
+    };
+}
+
+
 var $216ef7001f59f21d$exports = {};
 
 $parcel$defineInteropFlag($216ef7001f59f21d$exports);
@@ -12648,11 +12742,11 @@ function $6d64716f0b34fdf4$export$2e2bcd8739ae039(store) {
 }
 
 
-$88dfd91701b4cd8b$exports = {
-    "code": $99486586f6691564$exports,
+$c9dfaeb25bf110ce$exports = {
     "button": $cbd28b10fa9798c7$exports,
-    "dimensions_display": $e398acaded942bbe$exports,
+    "code": $99486586f6691564$exports,
     "copy_button": $47a1c62621be0c54$exports,
+    "dimensions_display": $e398acaded942bbe$exports,
     "embed_code_dropdown": $216ef7001f59f21d$exports,
     "filter": $e9904a14dabf652d$exports,
     "nav": $d92d9d5253f84566$exports,
@@ -12663,7 +12757,7 @@ $88dfd91701b4cd8b$exports = {
 };
 
 
-var $5d1c9207cb730903$exports = {};
+var $6178ee12f80cbf68$exports = {};
 var $6a9b69d9cc7f810f$exports = {};
 
 $parcel$defineInteropFlag($6a9b69d9cc7f810f$exports);
@@ -13692,38 +13786,6 @@ function $c299e36fa9e271bc$export$2e2bcd8739ae039(id, embedStore) {
 }
 
 
-var $1a7a7298eec5b755$exports = {};
-
-$parcel$defineInteropFlag($1a7a7298eec5b755$exports);
-
-$parcel$export($1a7a7298eec5b755$exports, "default", () => $1a7a7298eec5b755$export$2e2bcd8739ae039);
-
-function $1a7a7298eec5b755$export$2e2bcd8739ae039() {
-    return {
-        narrow: false,
-        init () {
-            (0, $7ecd1fc3a6b35e5c$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;
-        }
-    };
-}
-
-
 var $9b24cbeb3a465447$exports = {};
 
 $parcel$defineInteropFlag($9b24cbeb3a465447$exports);
@@ -13781,19 +13843,51 @@ function $9b24cbeb3a465447$export$2e2bcd8739ae039({ id: id, matchers: matchers }
 }
 
 
-$5d1c9207cb730903$exports = {
+var $1a7a7298eec5b755$exports = {};
+
+$parcel$defineInteropFlag($1a7a7298eec5b755$exports);
+
+$parcel$export($1a7a7298eec5b755$exports, "default", () => $1a7a7298eec5b755$export$2e2bcd8739ae039);
+
+function $1a7a7298eec5b755$export$2e2bcd8739ae039() {
+    return {
+        narrow: false,
+        init () {
+            (0, $7ecd1fc3a6b35e5c$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;
+        }
+    };
+}
+
+
+$6178ee12f80cbf68$exports = {
     "display_options": {
         "field": $6a9b69d9cc7f810f$exports
     },
     "embed": {
         "inspector": $c299e36fa9e271bc$exports
     },
+    "nav": {
+        "item": $9b24cbeb3a465447$exports
+    },
     "params": {
         "editor": $1a7a7298eec5b755$exports,
         "field": $e773f8ef556b41ff$exports
-    },
-    "nav": {
-        "item": $9b24cbeb3a465447$exports
     }
 };
 
@@ -13861,8 +13955,8 @@ const $22969b543678f572$var$prefix = window.APP_NAME;
 // Components
 (0, $caa9439642c6336c$export$2e2bcd8739ae039).data("app", (0, $5792afa4170ed552$export$2e2bcd8739ae039));
 [
-    $88dfd91701b4cd8b$exports,
-    $5d1c9207cb730903$exports,
+    $c9dfaeb25bf110ce$exports,
+    $6178ee12f80cbf68$exports,
     $d56e5cced44001d2$exports
 ].forEach((scripts)=>{
     const components = (0, $12b7aa006b8a97e1$export$4e811121b221213b)(scripts);