diff --git a/dist/alpine.js b/dist/alpine.js
index 4dfff444a..b0f72adf5 100644
--- a/dist/alpine.js
+++ b/dist/alpine.js
@@ -1,2 +1,2 @@
-!function(global,factory){"object"==typeof exports&&"undefined"!=typeof module?module.exports=factory():"function"==typeof define&&define.amd?define(factory):(global=global||self).Alpine=factory()}(this,(function(){"use strict";function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function arrayUnique(array){for(var a=array.concat(),i=0;i<a.length;++i)for(var j=i+1;j<a.length;++j)a[i]===a[j]&&a.splice(j--,1);return a}function isTesting(){return navigator.userAgent.includes("Node.js")||navigator.userAgent.includes("jsdom")}function saferEval(expression,dataContext,additionalHelperVariables={}){return new Function(["$data",...Object.keys(additionalHelperVariables)],`var result; with($data) { result = ${expression} }; return result`)(dataContext,...Object.values(additionalHelperVariables))}function saferEvalNoReturn(expression,dataContext,additionalHelperVariables={}){return new Function(["dataContext",...Object.keys(additionalHelperVariables)],`with(dataContext) { ${expression} }`)(dataContext,...Object.values(additionalHelperVariables))}function isXAttr(attr){const name=replaceAtAndColonWithStandardSyntax(attr.name);return/x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref)/.test(name)}function getXAttrs(el,type){return Array.from(el.attributes).filter(isXAttr).map(attr=>{const name=replaceAtAndColonWithStandardSyntax(attr.name),typeMatch=name.match(/x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref)/),valueMatch=name.match(/:([a-zA-Z\-:]+)/),modifiers=name.match(/\.[^.\]]+(?=[^\]]*$)/g)||[];return{type:typeMatch?typeMatch[1]:null,value:valueMatch?valueMatch[1]:null,modifiers:modifiers.map(i=>i.replace(".","")),expression:attr.value}}).filter(i=>!type||i.type===type)}function replaceAtAndColonWithStandardSyntax(name){return name.startsWith("@")?name.replace("@","x-on:"):name.startsWith(":")?name.replace(":","x-bind:"):name}function transitionIn(el,callback,forceSkip=!1){if(forceSkip)return callback();const attrs=getXAttrs(el,"transition");if(attrs.length<1)return callback();transition(el,(attrs.find(i=>"enter"===i.value)||{expression:""}).expression.split(" ").filter(i=>""!==i),(attrs.find(i=>"enter-start"===i.value)||{expression:""}).expression.split(" ").filter(i=>""!==i),(attrs.find(i=>"enter-end"===i.value)||{expression:""}).expression.split(" ").filter(i=>""!==i),callback,()=>{})}function transitionOut(el,callback,forceSkip=!1){if(forceSkip)return callback();const attrs=getXAttrs(el,"transition");if(attrs.length<1)return callback();transition(el,(attrs.find(i=>"leave"===i.value)||{expression:""}).expression.split(" ").filter(i=>""!==i),(attrs.find(i=>"leave-start"===i.value)||{expression:""}).expression.split(" ").filter(i=>""!==i),(attrs.find(i=>"leave-end"===i.value)||{expression:""}).expression.split(" ").filter(i=>""!==i),()=>{},callback)}function transition(el,classesDuring,classesStart,classesEnd,hook1,hook2){const originalClasses=el.__x_original_classes||[];el.classList.add(...classesStart),el.classList.add(...classesDuring),requestAnimationFrame(()=>{const duration=1e3*Number(getComputedStyle(el).transitionDuration.replace("s",""));hook1(),requestAnimationFrame(()=>{el.classList.remove(...classesStart.filter(i=>!originalClasses.includes(i))),el.classList.add(...classesEnd),setTimeout(()=>{hook2(),el.isConnected&&(el.classList.remove(...classesDuring.filter(i=>!originalClasses.includes(i))),el.classList.remove(...classesEnd.filter(i=>!originalClasses.includes(i))))},duration)})})}function handleForDirective(component,el,expression,initialUpdate){const{single:single,bunch:bunch,iterator1:iterator1,iterator2:iterator2}=function(expression){const forIteratorRE=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,inMatch=expression.match(/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/);if(!inMatch)return;const res={};res.bunch=inMatch[2].trim();const single=inMatch[1].trim().replace(/^\(|\)$/g,""),iteratorMatch=single.match(forIteratorRE);iteratorMatch?(res.single=single.replace(forIteratorRE,"").trim(),res.iterator1=iteratorMatch[1].trim(),iteratorMatch[2]&&(res.iterator2=iteratorMatch[2].trim())):res.single=single;return res}(expression);var items=component.evaluateReturnExpression(el,bunch),previousEl=el;items.forEach((i,index,group)=>{const currentKey=function(component,el,single,iterator1,iterator2,i,index,group){const keyAttr=getXAttrs(el,"bind").filter(attr=>"key"===attr.value)[0];let keyAliases={[single]:i};iterator1&&(keyAliases[iterator1]=index);iterator2&&(keyAliases[iterator2]=group);return keyAttr?component.evaluateReturnExpression(el,keyAttr.expression,()=>keyAliases):index}(component,el,single,iterator1,iterator2,i,index,group);let currentEl=previousEl.nextElementSibling;if(currentEl&&void 0!==currentEl.__x_for_key){if(currentEl.__x_for_key!==currentKey)for(var tmpCurrentEl=currentEl;tmpCurrentEl;){if(tmpCurrentEl.__x_for_key===currentKey){el.parentElement.insertBefore(tmpCurrentEl,currentEl),currentEl=tmpCurrentEl;break}tmpCurrentEl=!(!tmpCurrentEl.nextElementSibling||void 0===tmpCurrentEl.nextElementSibling.__x_for_key)&&tmpCurrentEl.nextElementSibling}delete currentEl.__x_for_key,currentEl.__x_for_alias=single,currentEl.__x_for_value=i,component.updateElements(currentEl,()=>({[currentEl.__x_for_alias]:currentEl.__x_for_value}))}else{const clone=document.importNode(el.content,!0);el.parentElement.insertBefore(clone,currentEl),currentEl=previousEl.nextElementSibling,transitionIn(currentEl,()=>{},initialUpdate),currentEl.__x_for_alias=single,currentEl.__x_for_value=i,component.initializeElements(currentEl,()=>({[currentEl.__x_for_alias]:currentEl.__x_for_value}))}currentEl.__x_for_key=currentKey,previousEl=currentEl});for(var nextElementFromOldLoop=!(!previousEl.nextElementSibling||void 0===previousEl.nextElementSibling.__x_for_key)&&previousEl.nextElementSibling;nextElementFromOldLoop;){const nextElementFromOldLoopImmutable=nextElementFromOldLoop,nextSibling=nextElementFromOldLoop.nextElementSibling;transitionOut(nextElementFromOldLoop,()=>{nextElementFromOldLoopImmutable.remove()}),nextElementFromOldLoop=!(!nextSibling||void 0===nextSibling.__x_for_key)&&nextSibling}}function handleAttributeBindingDirective(component,el,attrName,expression,extraVars){var value=component.evaluateReturnExpression(el,expression,extraVars);if("value"===attrName)if(void 0===value&&expression.match(/\./).length&&(value=""),"radio"===el.type)el.checked=el.value==value;else if("checkbox"===el.type)if(Array.isArray(value)){let valueFound=!1;value.forEach(val=>{val==el.value&&(valueFound=!0)}),el.checked=valueFound}else el.checked=!!value;else"SELECT"===el.tagName?function(el,value){const arrayWrappedValue=[].concat(value).map(value=>value+"");Array.from(el.options).forEach(option=>{option.selected=arrayWrappedValue.includes(option.value||option.text)})}(el,value):el.value=value;else if("class"===attrName)if(Array.isArray(value)){const originalClasses=el.__x_original_classes||[];el.setAttribute("class",arrayUnique(originalClasses.concat(value)).join(" "))}else if("object"==typeof value)Object.keys(value).forEach(classNames=>{value[classNames]?classNames.split(" ").forEach(className=>el.classList.add(className)):classNames.split(" ").forEach(className=>el.classList.remove(className))});else{const originalClasses=el.__x_original_classes||[],newClasses=value.split(" ");el.setAttribute("class",arrayUnique(originalClasses.concat(newClasses)).join(" "))}else["disabled","readonly","required","checked","hidden"].includes(attrName)?value?el.setAttribute(attrName,""):el.removeAttribute(attrName):el.setAttribute(attrName,value)}function registerListener(component,el,event,modifiers,expression,extraVars={}){if(modifiers.includes("away")){const handler=e=>{el.contains(e.target)||el.offsetWidth<1&&el.offsetHeight<1||(runListenerHandler(component,expression,e,extraVars),modifiers.includes("once")&&document.removeEventListener(event,handler))};document.addEventListener(event,handler)}else{const listenerTarget=modifiers.includes("window")?window:modifiers.includes("document")?document:el,handler=e=>{(function(event){return["keydown","keyup"].includes(event)})(event)&&function(e,modifiers){let keyModifiers=modifiers.filter(i=>!["window","document","prevent","stop"].includes(i));if(0===keyModifiers.length)return!1;if(1===keyModifiers.length&&keyModifiers[0]===keyToModifier(e.key))return!1;const selectedSystemKeyModifiers=["ctrl","shift","alt","meta","cmd","super"].filter(modifier=>keyModifiers.includes(modifier));if(keyModifiers=keyModifiers.filter(i=>!selectedSystemKeyModifiers.includes(i)),selectedSystemKeyModifiers.length>0){if(selectedSystemKeyModifiers.filter(modifier=>("cmd"!==modifier&&"super"!==modifier||(modifier="meta"),e[`${modifier}Key`])).length===selectedSystemKeyModifiers.length&&keyModifiers[0]===keyToModifier(e.key))return!1}return!0}(e,modifiers)||(modifiers.includes("prevent")&&e.preventDefault(),modifiers.includes("stop")&&e.stopPropagation(),runListenerHandler(component,expression,e,extraVars),modifiers.includes("once")&&listenerTarget.removeEventListener(event,handler))};listenerTarget.addEventListener(event,handler)}}function runListenerHandler(component,expression,e,extraVars){component.evaluateCommandExpression(e.target,expression,()=>_objectSpread2({},extraVars(),{$event:e}))}function keyToModifier(key){switch(key){case"/":return"slash";case" ":case"Spacebar":return"space";default:return key.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}}function generateModelAssignmentFunction(el,modifiers,expression){return"radio"===el.type&&(el.hasAttribute("name")||el.setAttribute("name",expression)),(event,currentValue)=>event instanceof CustomEvent?event.detail:"checkbox"===el.type?Array.isArray(currentValue)?event.target.checked?currentValue.concat([event.target.value]):currentValue.filter(i=>i!==event.target.value):event.target.checked:"select"===el.tagName.toLowerCase()&&el.multiple?modifiers.includes("number")?Array.from(event.target.selectedOptions).map(option=>parseFloat(option.value||option.text)):Array.from(event.target.selectedOptions).map(option=>option.value||option.text):modifiers.includes("number")?parseFloat(event.target.value):modifiers.includes("trim")?event.target.value.trim():event.target.value}class Component{constructor(el){this.$el=el;const dataAttr=this.$el.getAttribute("x-data"),dataExpression=""===dataAttr?"{}":dataAttr,initExpression=this.$el.getAttribute("x-init"),createdExpression=this.$el.getAttribute("x-created"),mountedExpression=this.$el.getAttribute("x-mounted"),unobservedData=saferEval(dataExpression,{});var initReturnedCallback;this.$data=this.wrapDataInObservable(unobservedData),unobservedData.$el=this.$el,unobservedData.$refs=this.getRefsProxy(),this.nextTickStack=[],unobservedData.$nextTick=callback=>{this.nextTickStack.push(callback)},initExpression&&(this.pauseReactivity=!0,initReturnedCallback=this.evaluateReturnExpression(this.$el,initExpression),this.pauseReactivity=!1),createdExpression&&(console.warn('AlpineJS Warning: "x-created" is deprecated and will be removed in the next major version. Use "x-init" instead.'),this.pauseReactivity=!0,saferEvalNoReturn(this.$el.getAttribute("x-created"),this.$data),this.pauseReactivity=!1),this.initializeElements(this.$el),this.listenForNewElementsToInitialize(),"function"==typeof initReturnedCallback&&initReturnedCallback.call(this.$data),mountedExpression&&(console.warn('AlpineJS Warning: "x-mounted" is deprecated and will be removed in the next major version. Use "x-init" (with a callback return) for the same behavior.'),saferEvalNoReturn(mountedExpression,this.$data))}wrapDataInObservable(data){var self=this;const proxyHandler={set(obj,property,value){const setWasSuccessful=Reflect.set(obj,property,value);var func,wait,timeout;if(!self.pauseReactivity)return(func=()=>{for(self.updateElements(self.$el);self.nextTickStack.length>0;)self.nextTickStack.shift()()},wait=0,function(){var context=this,args=arguments,later=function(){timeout=null,func.apply(context,args)};clearTimeout(timeout),timeout=setTimeout(later,wait)})(),setWasSuccessful},get:(target,key)=>target[key]&&target[key].isRefsProxy?target[key]:target[key]&&target[key]instanceof Node?target[key]:"object"==typeof target[key]&&null!==target[key]?new Proxy(target[key],proxyHandler):target[key]};return new Proxy(data,proxyHandler)}walkAndSkipNestedComponents(el,callback,initializeComponentCallback=(()=>{})){!function walk(el,callback){if(!1===callback(el))return;let node=el.firstElementChild;for(;node;)walk(node,callback),node=node.nextElementSibling}(el,el=>el.hasAttribute("x-data")&&!el.isSameNode(this.$el)?(el.__x||initializeComponentCallback(el),!1):callback(el))}initializeElements(rootEl,extraVars=(()=>{})){for(this.walkAndSkipNestedComponents(rootEl,el=>{if(void 0!==el.__x_for_key)return!1;this.initializeElement(el,extraVars)},el=>{el.__x=new Component(el)});this.nextTickStack.length>0;)this.nextTickStack.shift()()}initializeElement(el,extraVars){el.hasAttribute("class")&&getXAttrs(el).length>0&&(el.__x_original_classes=el.getAttribute("class").split(" ")),this.registerListeners(el,extraVars),this.resolveBoundAttributes(el,!0,extraVars)}updateElements(rootEl,extraVars=(()=>{})){this.walkAndSkipNestedComponents(rootEl,el=>{if(void 0!==el.__x_for_key&&!el.isSameNode(this.$el))return!1;this.updateElement(el,extraVars)},el=>{el.__x=new Component(el)})}updateElement(el,extraVars){this.resolveBoundAttributes(el,!1,extraVars)}registerListeners(el,extraVars){getXAttrs(el).forEach(({type:type,value:value,modifiers:modifiers,expression:expression})=>{switch(type){case"on":registerListener(this,el,value,modifiers,expression,extraVars);break;case"model":!function(component,el,modifiers,expression,extraVars){var event="select"===el.tagName.toLowerCase()||["checkbox","radio"].includes(el.type)||modifiers.includes("lazy")?"change":"input";registerListener(component,el,event,modifiers,`${expression} = rightSideOfExpression($event, ${expression})`,()=>_objectSpread2({},extraVars(),{rightSideOfExpression:generateModelAssignmentFunction(el,modifiers,expression)}))}(this,el,modifiers,expression,extraVars)}})}resolveBoundAttributes(el,initialUpdate=!1,extraVars){getXAttrs(el).forEach(({type:type,value:value,modifiers:modifiers,expression:expression})=>{switch(type){case"model":handleAttributeBindingDirective(this,el,"value",expression,extraVars);break;case"bind":if("template"===el.tagName.toLowerCase()&&"key"===value)return;handleAttributeBindingDirective(this,el,value,expression,extraVars);break;case"text":void 0===(output=this.evaluateReturnExpression(el,expression,extraVars))&&expression.match(/\./).length&&(output=""),el.innerText=output;break;case"html":el.innerHTML=this.evaluateReturnExpression(el,expression,extraVars);break;case"show":var output=this.evaluateReturnExpression(el,expression,extraVars);!function(el,value,initialUpdate=!1){value?transitionIn(el,()=>{1===el.style.length&&""!==el.style.display?el.removeAttribute("style"):el.style.removeProperty("display")},initialUpdate):transitionOut(el,()=>{el.style.display="none"},initialUpdate)}(el,output,initialUpdate);break;case"if":output=this.evaluateReturnExpression(el,expression,extraVars);!function(el,expressionResult,initialUpdate){"template"!==el.nodeName.toLowerCase()&&console.warn("Alpine: [x-if] directive should only be added to <template> tags. See https://github.com/alpinejs/alpine#x-if");const elementHasAlreadyBeenAdded=el.nextElementSibling&&!0===el.nextElementSibling.__x_inserted_me;if(expressionResult&&!elementHasAlreadyBeenAdded){const clone=document.importNode(el.content,!0);el.parentElement.insertBefore(clone,el.nextElementSibling),el.nextElementSibling.__x_inserted_me=!0,transitionIn(el.nextElementSibling,()=>{},initialUpdate)}else!expressionResult&&elementHasAlreadyBeenAdded&&transitionOut(el.nextElementSibling,()=>{el.nextElementSibling.remove()},initialUpdate)}(el,output,initialUpdate);break;case"for":handleForDirective(this,el,expression,initialUpdate);break;case"cloak":el.removeAttribute("x-cloak")}})}evaluateReturnExpression(el,expression,extraVars=(()=>{})){return saferEval(expression,this.$data,_objectSpread2({},extraVars(),{$dispatch:this.getDispatchFunction(el)}))}evaluateCommandExpression(el,expression,extraVars=(()=>{})){saferEvalNoReturn(expression,this.$data,_objectSpread2({},extraVars(),{$dispatch:this.getDispatchFunction(el)}))}getDispatchFunction(el){return(event,detail={})=>{el.dispatchEvent(new CustomEvent(event,{detail:detail,bubbles:!0}))}}listenForNewElementsToInitialize(){const targetNode=this.$el;new MutationObserver(mutations=>{for(let i=0;i<mutations.length;i++){const closestParentComponent=mutations[i].target.closest("[x-data]");if(!closestParentComponent||!closestParentComponent.isSameNode(this.$el))return;if("attributes"===mutations[i].type&&"x-data"===mutations[i].attributeName){const rawData=saferEval(mutations[i].target.getAttribute("x-data"),{});Object.keys(rawData).forEach(key=>{this.$data[key]!==rawData[key]&&(this.$data[key]=rawData[key])})}mutations[i].addedNodes.length>0&&mutations[i].addedNodes.forEach(node=>{1===node.nodeType&&(node.matches("[x-data]")?node.__x=new Component(node):this.initializeElements(node))})}}).observe(targetNode,{childList:!0,attributes:!0,subtree:!0})}getRefsProxy(){var self=this;return new Proxy({},{get(object,property){return"isRefsProxy"===property||(self.walkAndSkipNestedComponents(self.$el,el=>{el.hasAttribute("x-ref")&&el.getAttribute("x-ref")===property&&(ref=el)}),ref);var ref}})}}const Alpine={start:async function(){isTesting()||await new Promise(resolve=>{"loading"==document.readyState?document.addEventListener("DOMContentLoaded",resolve):resolve()}),this.discoverComponents(el=>{this.initializeComponent(el)}),document.addEventListener("turbolinks:load",()=>{this.discoverUninitializedComponents(el=>{this.initializeComponent(el)})}),this.listenForNewUninitializedComponentsAtRunTime(el=>{this.initializeComponent(el)})},discoverComponents:function(callback){document.querySelectorAll("[x-data]").forEach(rootEl=>{callback(rootEl)})},discoverUninitializedComponents:function(callback,el=null){const rootEls=(el||document).querySelectorAll("[x-data]");Array.from(rootEls).filter(el=>void 0===el.__x).forEach(rootEl=>{callback(rootEl)})},listenForNewUninitializedComponentsAtRunTime:function(callback){const targetNode=document.querySelector("body");new MutationObserver(mutations=>{for(let i=0;i<mutations.length;i++)mutations[i].addedNodes.length>0&&mutations[i].addedNodes.forEach(node=>{1===node.nodeType&&(node.parentElement.closest("[x-data]")||this.discoverUninitializedComponents(el=>{this.initializeComponent(el)},node.parentElement))})}).observe(targetNode,{childList:!0,attributes:!0,subtree:!0})},initializeComponent:function(el){el.__x||(el.__x=new Component(el))}};return isTesting()||(window.Alpine=Alpine,window.Alpine.start()),Alpine}));
+!function(global,factory){"object"==typeof exports&&"undefined"!=typeof module?module.exports=factory():"function"==typeof define&&define.amd?define(factory):(global=global||self).Alpine=factory()}(this,(function(){"use strict";function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _objectSpread2(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}function arrayUnique(array){for(var a=array.concat(),i=0;i<a.length;++i)for(var j=i+1;j<a.length;++j)a[i]===a[j]&&a.splice(j--,1);return a}function isTesting(){return navigator.userAgent.includes("Node.js")||navigator.userAgent.includes("jsdom")}function saferEval(expression,dataContext,additionalHelperVariables={}){return new Function(["$data",...Object.keys(additionalHelperVariables)],`var result; with($data) { result = ${expression} }; return result`)(dataContext,...Object.values(additionalHelperVariables))}function saferEvalNoReturn(expression,dataContext,additionalHelperVariables={}){return new Function(["dataContext",...Object.keys(additionalHelperVariables)],`with(dataContext) { ${expression} }`)(dataContext,...Object.values(additionalHelperVariables))}function isXAttr(attr){const name=replaceAtAndColonWithStandardSyntax(attr.name);return/x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref)/.test(name)}function getXAttrs(el,type){return Array.from(el.attributes).filter(isXAttr).map(attr=>{const name=replaceAtAndColonWithStandardSyntax(attr.name),typeMatch=name.match(/x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref)/),valueMatch=name.match(/:([a-zA-Z\-:]+)/),modifiers=name.match(/\.[^.\]]+(?=[^\]]*$)/g)||[];return{type:typeMatch?typeMatch[1]:null,value:valueMatch?valueMatch[1]:null,modifiers:modifiers.map(i=>i.replace(".","")),expression:attr.value}}).filter(i=>!type||i.type===type)}function replaceAtAndColonWithStandardSyntax(name){return name.startsWith("@")?name.replace("@","x-on:"):name.startsWith(":")?name.replace(":","x-bind:"):name}function transitionIn(el,callback,forceSkip=!1){if(forceSkip)return callback();const attrs=getXAttrs(el,"transition");if(attrs.length<1)return callback();transition(el,(attrs.find(i=>"enter"===i.value)||{expression:""}).expression.split(" ").filter(i=>""!==i),(attrs.find(i=>"enter-start"===i.value)||{expression:""}).expression.split(" ").filter(i=>""!==i),(attrs.find(i=>"enter-end"===i.value)||{expression:""}).expression.split(" ").filter(i=>""!==i),callback,()=>{})}function transitionOut(el,callback,forceSkip=!1){if(forceSkip)return callback();const attrs=getXAttrs(el,"transition");if(attrs.length<1)return callback();transition(el,(attrs.find(i=>"leave"===i.value)||{expression:""}).expression.split(" ").filter(i=>""!==i),(attrs.find(i=>"leave-start"===i.value)||{expression:""}).expression.split(" ").filter(i=>""!==i),(attrs.find(i=>"leave-end"===i.value)||{expression:""}).expression.split(" ").filter(i=>""!==i),()=>{},callback)}function transition(el,classesDuring,classesStart,classesEnd,hook1,hook2){const originalClasses=el.__x_original_classes||[];el.classList.add(...classesStart),el.classList.add(...classesDuring),requestAnimationFrame(()=>{const duration=1e3*Number(getComputedStyle(el).transitionDuration.replace("s",""));hook1(),requestAnimationFrame(()=>{el.classList.remove(...classesStart.filter(i=>!originalClasses.includes(i))),el.classList.add(...classesEnd),setTimeout(()=>{hook2(),el.isConnected&&(el.classList.remove(...classesDuring.filter(i=>!originalClasses.includes(i))),el.classList.remove(...classesEnd.filter(i=>!originalClasses.includes(i))))},duration)})})}function handleForDirective(component,el,expression,initialUpdate){const{single:single,bunch:bunch,iterator1:iterator1,iterator2:iterator2}=function(expression){const forIteratorRE=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,inMatch=expression.match(/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/);if(!inMatch)return;const res={};res.bunch=inMatch[2].trim();const single=inMatch[1].trim().replace(/^\(|\)$/g,""),iteratorMatch=single.match(forIteratorRE);iteratorMatch?(res.single=single.replace(forIteratorRE,"").trim(),res.iterator1=iteratorMatch[1].trim(),iteratorMatch[2]&&(res.iterator2=iteratorMatch[2].trim())):res.single=single;return res}(expression);var items=component.evaluateReturnExpression(el,bunch),previousEl=el;items.forEach((i,index,group)=>{const currentKey=function(component,el,single,iterator1,iterator2,i,index,group){const keyAttr=getXAttrs(el,"bind").filter(attr=>"key"===attr.value)[0];let keyAliases={[single]:i};iterator1&&(keyAliases[iterator1]=index);iterator2&&(keyAliases[iterator2]=group);return keyAttr?component.evaluateReturnExpression(el,keyAttr.expression,()=>keyAliases):index}(component,el,single,iterator1,iterator2,i,index,group);let currentEl=previousEl.nextElementSibling;if(currentEl&&void 0!==currentEl.__x_for_key){if(currentEl.__x_for_key!==currentKey)for(var tmpCurrentEl=currentEl;tmpCurrentEl;){if(tmpCurrentEl.__x_for_key===currentKey){el.parentElement.insertBefore(tmpCurrentEl,currentEl),currentEl=tmpCurrentEl;break}tmpCurrentEl=!(!tmpCurrentEl.nextElementSibling||void 0===tmpCurrentEl.nextElementSibling.__x_for_key)&&tmpCurrentEl.nextElementSibling}delete currentEl.__x_for_key,currentEl.__x_for_alias=single,currentEl.__x_for_value=i,component.updateElements(currentEl,()=>({[currentEl.__x_for_alias]:currentEl.__x_for_value}))}else{const clone=document.importNode(el.content,!0);el.parentElement.insertBefore(clone,currentEl),currentEl=previousEl.nextElementSibling,transitionIn(currentEl,()=>{},initialUpdate),currentEl.__x_for_alias=single,currentEl.__x_for_value=i,component.initializeElements(currentEl,()=>({[currentEl.__x_for_alias]:currentEl.__x_for_value}))}currentEl.__x_for_key=currentKey,previousEl=currentEl});for(var nextElementFromOldLoop=!(!previousEl.nextElementSibling||void 0===previousEl.nextElementSibling.__x_for_key)&&previousEl.nextElementSibling;nextElementFromOldLoop;){const nextElementFromOldLoopImmutable=nextElementFromOldLoop,nextSibling=nextElementFromOldLoop.nextElementSibling;transitionOut(nextElementFromOldLoop,()=>{nextElementFromOldLoopImmutable.remove()}),nextElementFromOldLoop=!(!nextSibling||void 0===nextSibling.__x_for_key)&&nextSibling}}function handleAttributeBindingDirective(component,el,attrName,expression,extraVars){var value=component.evaluateReturnExpression(el,expression,extraVars);if("value"===attrName)if(void 0===value&&expression.match(/\./).length&&(value=""),"radio"===el.type)el.checked=el.value==value;else if("checkbox"===el.type)if(Array.isArray(value)){let valueFound=!1;value.forEach(val=>{val==el.value&&(valueFound=!0)}),el.checked=valueFound}else el.checked=!!value;else"SELECT"===el.tagName?function(el,value){const arrayWrappedValue=[].concat(value).map(value=>value+"");Array.from(el.options).forEach(option=>{option.selected=arrayWrappedValue.includes(option.value||option.text)})}(el,value):el.value=value;else if("class"===attrName)if(Array.isArray(value)){const originalClasses=el.__x_original_classes||[];el.setAttribute("class",arrayUnique(originalClasses.concat(value)).join(" "))}else if("object"==typeof value)Object.keys(value).forEach(classNames=>{value[classNames]?classNames.split(" ").forEach(className=>el.classList.add(className)):classNames.split(" ").forEach(className=>el.classList.remove(className))});else{const originalClasses=el.__x_original_classes||[],newClasses=value.split(" ");el.setAttribute("class",arrayUnique(originalClasses.concat(newClasses)).join(" "))}else["disabled","readonly","required","checked","hidden"].includes(attrName)?value?el.setAttribute(attrName,""):el.removeAttribute(attrName):el.setAttribute(attrName,value)}function registerListener(component,el,event,modifiers,expression,extraVars={}){if(modifiers.includes("away")){const handler=e=>{el.contains(e.target)||el.offsetWidth<1&&el.offsetHeight<1||(runListenerHandler(component,expression,e,extraVars),modifiers.includes("once")&&document.removeEventListener(event,handler))};document.addEventListener(event,handler)}else{const listenerTarget=modifiers.includes("window")?window:modifiers.includes("document")?document:el,handler=e=>{(function(event){return["keydown","keyup"].includes(event)})(event)&&function(e,modifiers){let keyModifiers=modifiers.filter(i=>!["window","document","prevent","stop"].includes(i));if(0===keyModifiers.length)return!1;if(1===keyModifiers.length&&keyModifiers[0]===keyToModifier(e.key))return!1;const selectedSystemKeyModifiers=["ctrl","shift","alt","meta","cmd","super"].filter(modifier=>keyModifiers.includes(modifier));if(keyModifiers=keyModifiers.filter(i=>!selectedSystemKeyModifiers.includes(i)),selectedSystemKeyModifiers.length>0){if(selectedSystemKeyModifiers.filter(modifier=>("cmd"!==modifier&&"super"!==modifier||(modifier="meta"),e[`${modifier}Key`])).length===selectedSystemKeyModifiers.length&&keyModifiers[0]===keyToModifier(e.key))return!1}return!0}(e,modifiers)||(modifiers.includes("prevent")&&e.preventDefault(),modifiers.includes("stop")&&e.stopPropagation(),runListenerHandler(component,expression,e,extraVars),modifiers.includes("once")&&listenerTarget.removeEventListener(event,handler))};listenerTarget.addEventListener(event,handler)}}function runListenerHandler(component,expression,e,extraVars){component.evaluateCommandExpression(e.target,expression,()=>_objectSpread2({},extraVars(),{$event:e}))}function keyToModifier(key){switch(key){case"/":return"slash";case" ":case"Spacebar":return"space";default:return key.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}}function generateModelAssignmentFunction(el,modifiers,expression){return"radio"===el.type&&(el.hasAttribute("name")||el.setAttribute("name",expression)),(event,currentValue)=>event instanceof CustomEvent?event.detail:"checkbox"===el.type?Array.isArray(currentValue)?event.target.checked?currentValue.concat([event.target.value]):currentValue.filter(i=>i!==event.target.value):event.target.checked:"select"===el.tagName.toLowerCase()&&el.multiple?modifiers.includes("number")?Array.from(event.target.selectedOptions).map(option=>parseFloat(option.value||option.text)):Array.from(event.target.selectedOptions).map(option=>option.value||option.text):modifiers.includes("number")?parseFloat(event.target.value):modifiers.includes("trim")?event.target.value.trim():event.target.value}class Component{constructor(el){this.$el=el;const dataAttr=this.$el.getAttribute("x-data"),dataExpression=""===dataAttr?"{}":dataAttr,initExpression=this.$el.getAttribute("x-init"),createdExpression=this.$el.getAttribute("x-created"),mountedExpression=this.$el.getAttribute("x-mounted"),unobservedData=saferEval(dataExpression,{});var initReturnedCallback;this.$data=this.wrapDataInObservable(unobservedData),unobservedData.$el=this.$el,unobservedData.$refs=this.getRefsProxy(),this.nextTickStack=[],unobservedData.$nextTick=callback=>{this.nextTickStack.push(callback)},initExpression&&(this.pauseReactivity=!0,initReturnedCallback=this.evaluateReturnExpression(this.$el,initExpression),this.pauseReactivity=!1),createdExpression&&(console.warn('AlpineJS Warning: "x-created" is deprecated and will be removed in the next major version. Use "x-init" instead.'),this.pauseReactivity=!0,saferEvalNoReturn(this.$el.getAttribute("x-created"),this.$data),this.pauseReactivity=!1),this.initializeElements(this.$el),this.listenForNewElementsToInitialize(),"function"==typeof initReturnedCallback&&initReturnedCallback.call(this.$data),mountedExpression&&(console.warn('AlpineJS Warning: "x-mounted" is deprecated and will be removed in the next major version. Use "x-init" (with a callback return) for the same behavior.'),saferEvalNoReturn(mountedExpression,this.$data))}wrapDataInObservable(data){var self=this;const proxyHandler={set(obj,property,value){const setWasSuccessful=Reflect.set(obj,property,value);return self.pauseReactivity?setWasSuccessful:((func=()=>{for(self.updateElements(self.$el);self.nextTickStack.length>0;)self.nextTickStack.shift()()},wait=0,function(){var context=this,args=arguments,later=function(){timeout=null,func.apply(context,args)};clearTimeout(timeout),timeout=setTimeout(later,wait)})(),setWasSuccessful);var func,wait,timeout},get:(target,key)=>target[key]&&target[key].isRefsProxy?target[key]:target[key]&&target[key]instanceof Node?target[key]:"object"==typeof target[key]&&null!==target[key]?new Proxy(target[key],proxyHandler):target[key]};return new Proxy(data,proxyHandler)}walkAndSkipNestedComponents(el,callback,initializeComponentCallback=(()=>{})){!function walk(el,callback){if(!1===callback(el))return;let node=el.firstElementChild;for(;node;)walk(node,callback),node=node.nextElementSibling}(el,el=>el.hasAttribute("x-data")&&!el.isSameNode(this.$el)?(el.__x||initializeComponentCallback(el),!1):callback(el))}initializeElements(rootEl,extraVars=(()=>{})){for(this.walkAndSkipNestedComponents(rootEl,el=>{if(void 0!==el.__x_for_key)return!1;this.initializeElement(el,extraVars)},el=>{el.__x=new Component(el)});this.nextTickStack.length>0;)this.nextTickStack.shift()()}initializeElement(el,extraVars){el.hasAttribute("class")&&getXAttrs(el).length>0&&(el.__x_original_classes=el.getAttribute("class").split(" ")),this.registerListeners(el,extraVars),this.resolveBoundAttributes(el,!0,extraVars)}updateElements(rootEl,extraVars=(()=>{})){this.walkAndSkipNestedComponents(rootEl,el=>{if(void 0!==el.__x_for_key&&!el.isSameNode(this.$el))return!1;this.updateElement(el,extraVars)},el=>{el.__x=new Component(el)})}updateElement(el,extraVars){this.resolveBoundAttributes(el,!1,extraVars)}registerListeners(el,extraVars){getXAttrs(el).forEach(({type:type,value:value,modifiers:modifiers,expression:expression})=>{switch(type){case"on":registerListener(this,el,value,modifiers,expression,extraVars);break;case"model":!function(component,el,modifiers,expression,extraVars){var event="select"===el.tagName.toLowerCase()||["checkbox","radio"].includes(el.type)||modifiers.includes("lazy")?"change":"input";registerListener(component,el,event,modifiers,`${expression} = rightSideOfExpression($event, ${expression})`,()=>_objectSpread2({},extraVars(),{rightSideOfExpression:generateModelAssignmentFunction(el,modifiers,expression)}))}(this,el,modifiers,expression,extraVars)}})}resolveBoundAttributes(el,initialUpdate=!1,extraVars){getXAttrs(el).forEach(({type:type,value:value,modifiers:modifiers,expression:expression})=>{switch(type){case"model":handleAttributeBindingDirective(this,el,"value",expression,extraVars);break;case"bind":if("template"===el.tagName.toLowerCase()&&"key"===value)return;handleAttributeBindingDirective(this,el,value,expression,extraVars);break;case"text":void 0===(output=this.evaluateReturnExpression(el,expression,extraVars))&&expression.match(/\./).length&&(output=""),el.innerText=output;break;case"html":el.innerHTML=this.evaluateReturnExpression(el,expression,extraVars);break;case"show":var output=this.evaluateReturnExpression(el,expression,extraVars);!function(el,value,initialUpdate=!1){value?transitionIn(el,()=>{1===el.style.length&&""!==el.style.display?el.removeAttribute("style"):el.style.removeProperty("display")},initialUpdate):transitionOut(el,()=>{el.style.display="none"},initialUpdate)}(el,output,initialUpdate);break;case"if":output=this.evaluateReturnExpression(el,expression,extraVars);!function(el,expressionResult,initialUpdate){"template"!==el.nodeName.toLowerCase()&&console.warn("Alpine: [x-if] directive should only be added to <template> tags. See https://github.com/alpinejs/alpine#x-if");const elementHasAlreadyBeenAdded=el.nextElementSibling&&!0===el.nextElementSibling.__x_inserted_me;if(expressionResult&&!elementHasAlreadyBeenAdded){const clone=document.importNode(el.content,!0);el.parentElement.insertBefore(clone,el.nextElementSibling),el.nextElementSibling.__x_inserted_me=!0,transitionIn(el.nextElementSibling,()=>{},initialUpdate)}else!expressionResult&&elementHasAlreadyBeenAdded&&transitionOut(el.nextElementSibling,()=>{el.nextElementSibling.remove()},initialUpdate)}(el,output,initialUpdate);break;case"for":handleForDirective(this,el,expression,initialUpdate);break;case"cloak":el.removeAttribute("x-cloak")}})}evaluateReturnExpression(el,expression,extraVars=(()=>{})){return saferEval(expression,this.$data,_objectSpread2({},extraVars(),{$dispatch:this.getDispatchFunction(el)}))}evaluateCommandExpression(el,expression,extraVars=(()=>{})){saferEvalNoReturn(expression,this.$data,_objectSpread2({},extraVars(),{$dispatch:this.getDispatchFunction(el)}))}getDispatchFunction(el){return(event,detail={})=>{el.dispatchEvent(new CustomEvent(event,{detail:detail,bubbles:!0}))}}listenForNewElementsToInitialize(){const targetNode=this.$el;new MutationObserver(mutations=>{for(let i=0;i<mutations.length;i++){const closestParentComponent=mutations[i].target.closest("[x-data]");if(!closestParentComponent||!closestParentComponent.isSameNode(this.$el))return;if("attributes"===mutations[i].type&&"x-data"===mutations[i].attributeName){const rawData=saferEval(mutations[i].target.getAttribute("x-data"),{});Object.keys(rawData).forEach(key=>{this.$data[key]!==rawData[key]&&(this.$data[key]=rawData[key])})}mutations[i].addedNodes.length>0&&mutations[i].addedNodes.forEach(node=>{1===node.nodeType&&(node.matches("[x-data]")?node.__x=new Component(node):this.initializeElements(node))})}}).observe(targetNode,{childList:!0,attributes:!0,subtree:!0})}getRefsProxy(){var self=this;return new Proxy({},{get(object,property){return"isRefsProxy"===property||(self.walkAndSkipNestedComponents(self.$el,el=>{el.hasAttribute("x-ref")&&el.getAttribute("x-ref")===property&&(ref=el)}),ref);var ref}})}}const Alpine={start:async function(){isTesting()||await new Promise(resolve=>{"loading"==document.readyState?document.addEventListener("DOMContentLoaded",resolve):resolve()}),this.discoverComponents(el=>{this.initializeComponent(el)}),document.addEventListener("turbolinks:load",()=>{this.discoverUninitializedComponents(el=>{this.initializeComponent(el)})}),this.listenForNewUninitializedComponentsAtRunTime(el=>{this.initializeComponent(el)})},discoverComponents:function(callback){document.querySelectorAll("[x-data]").forEach(rootEl=>{callback(rootEl)})},discoverUninitializedComponents:function(callback,el=null){const rootEls=(el||document).querySelectorAll("[x-data]");Array.from(rootEls).filter(el=>void 0===el.__x).forEach(rootEl=>{callback(rootEl)})},listenForNewUninitializedComponentsAtRunTime:function(callback){const targetNode=document.querySelector("body");new MutationObserver(mutations=>{for(let i=0;i<mutations.length;i++)mutations[i].addedNodes.length>0&&mutations[i].addedNodes.forEach(node=>{1===node.nodeType&&(node.parentElement.closest("[x-data]")||this.discoverUninitializedComponents(el=>{this.initializeComponent(el)},node.parentElement))})}).observe(targetNode,{childList:!0,attributes:!0,subtree:!0})},initializeComponent:function(el){el.__x||(el.__x=new Component(el))}};return isTesting()||(window.Alpine=Alpine,window.Alpine.start()),Alpine}));
 //# sourceMappingURL=alpine.js.map
diff --git a/dist/alpine.js.map b/dist/alpine.js.map
index 61b6dced8..6c080fb81 100644
--- a/dist/alpine.js.map
+++ b/dist/alpine.js.map
@@ -1 +1 @@
-{"version":3,"file":"alpine.js","sources":["../src/utils.js","../src/directives/for.js","../src/directives/bind.js","../src/directives/on.js","../src/directives/model.js","../src/component.js","../src/directives/show.js","../src/directives/if.js","../src/index.js"],"sourcesContent":["\n// Thanks @stimulus:\n// https://github.com/stimulusjs/stimulus/blob/master/packages/%40stimulus/core/src/application.ts\nexport function domReady() {\n    return new Promise(resolve => {\n        if (document.readyState == \"loading\") {\n            document.addEventListener(\"DOMContentLoaded\", resolve)\n        } else {\n            resolve()\n        }\n    })\n}\n\nexport function arrayUnique(array) {\n    var a = array.concat();\n    for(var i=0; i<a.length; ++i) {\n        for(var j=i+1; j<a.length; ++j) {\n            if(a[i] === a[j])\n                a.splice(j--, 1);\n        }\n    }\n\n    return a;\n}\n\nexport function isTesting() {\n    return navigator.userAgent, navigator.userAgent.includes(\"Node.js\")\n        || navigator.userAgent.includes(\"jsdom\")\n}\n\nexport function kebabCase(subject) {\n    return subject.replace(/([a-z])([A-Z])/g, '$1-$2').replace(/[_\\s]/, '-').toLowerCase()\n}\n\nexport function walk(el, callback) {\n    if (callback(el) === false) return\n\n    let node = el.firstElementChild\n\n    while (node) {\n        walk(node, callback)\n\n        node = node.nextElementSibling\n    }\n}\n\nexport function debounce(func, wait) {\n    var timeout\n    return function () {\n        var context = this, args = arguments\n        var later = function () {\n            timeout = null\n            func.apply(context, args)\n        }\n        clearTimeout(timeout)\n        timeout = setTimeout(later, wait)\n    }\n}\n\nexport function saferEval(expression, dataContext, additionalHelperVariables = {}) {\n    return (new Function(['$data', ...Object.keys(additionalHelperVariables)], `var result; with($data) { result = ${expression} }; return result`))(\n        dataContext, ...Object.values(additionalHelperVariables)\n    )\n}\n\nexport function saferEvalNoReturn(expression, dataContext, additionalHelperVariables = {}) {\n    return (new Function(['dataContext', ...Object.keys(additionalHelperVariables)], `with(dataContext) { ${expression} }`))(\n        dataContext, ...Object.values(additionalHelperVariables)\n    )\n}\n\nexport function isXAttr(attr) {\n    const name = replaceAtAndColonWithStandardSyntax(attr.name)\n\n    const xAttrRE = /x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref)/\n\n    return xAttrRE.test(name)\n}\n\nexport function getXAttrs(el, type) {\n    return Array.from(el.attributes)\n        .filter(isXAttr)\n        .map(attr => {\n            const name = replaceAtAndColonWithStandardSyntax(attr.name)\n\n            const typeMatch = name.match(/x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref)/)\n            const valueMatch = name.match(/:([a-zA-Z\\-:]+)/)\n            const modifiers = name.match(/\\.[^.\\]]+(?=[^\\]]*$)/g) || []\n\n            return {\n                type: typeMatch ? typeMatch[1] : null,\n                value: valueMatch ? valueMatch[1] : null,\n                modifiers: modifiers.map(i => i.replace('.', '')),\n                expression: attr.value,\n            }\n        })\n        .filter(i => {\n            // If no type is passed in for filtering, bypassfilter\n            if (! type) return true\n\n            return i.type === type\n        })\n}\n\nexport function replaceAtAndColonWithStandardSyntax(name) {\n    if (name.startsWith('@')) {\n        return name.replace('@', 'x-on:')\n    } else if (name.startsWith(':')) {\n        return name.replace(':', 'x-bind:')\n    }\n\n    return name\n}\n\nexport function transitionIn(el, callback, forceSkip = false) {\n    if (forceSkip) return callback()\n\n    const attrs = getXAttrs(el, 'transition')\n\n    if (attrs.length < 1) return callback()\n\n    const enter = (attrs.find(i => i.value === 'enter') || { expression: '' }).expression.split(' ').filter(i => i !== '')\n    const enterStart = (attrs.find(i => i.value === 'enter-start') || { expression: '' }).expression.split(' ').filter(i => i !== '')\n    const enterEnd = (attrs.find(i => i.value === 'enter-end') || { expression: '' }).expression.split(' ').filter(i => i !== '')\n\n    transition(el, enter, enterStart, enterEnd, callback, () => {})\n}\n\nexport function transitionOut(el, callback, forceSkip = false) {\n    if (forceSkip) return callback()\n\n    const attrs = getXAttrs(el, 'transition')\n\n    if (attrs.length < 1) return callback()\n\n    const leave = (attrs.find(i => i.value === 'leave') || { expression: '' }).expression.split(' ').filter(i => i !== '')\n    const leaveStart = (attrs.find(i => i.value === 'leave-start') || { expression: '' }).expression.split(' ').filter(i => i !== '')\n    const leaveEnd = (attrs.find(i => i.value === 'leave-end') || { expression: '' }).expression.split(' ').filter(i => i !== '')\n\n    transition(el, leave, leaveStart, leaveEnd, () => {}, callback)\n}\n\nexport function transition(el, classesDuring, classesStart, classesEnd, hook1, hook2) {\n    const originalClasses = el.__x_original_classes || []\n    el.classList.add(...classesStart)\n    el.classList.add(...classesDuring)\n\n    requestAnimationFrame(() => {\n        const duration = Number(getComputedStyle(el).transitionDuration.replace('s', '')) * 1000\n\n        hook1()\n\n        requestAnimationFrame(() => {\n            // Don't remove classes that were in the original class attribute.\n            el.classList.remove(...classesStart.filter(i => !originalClasses.includes(i)))\n            el.classList.add(...classesEnd)\n\n            setTimeout(() => {\n                hook2()\n\n                // Adding an \"isConnected\" check, in case the callback\n                // removed the element from the DOM.\n                if (el.isConnected) {\n                    el.classList.remove(...classesDuring.filter(i => !originalClasses.includes(i)))\n                    el.classList.remove(...classesEnd.filter(i => !originalClasses.includes(i)))\n                }\n            }, duration);\n        })\n    });\n}\n","import { transitionIn, transitionOut, getXAttrs } from '../utils'\n\nexport function handleForDirective(component, el, expression, initialUpdate) {\n    const { single, bunch, iterator1, iterator2 } = parseFor(expression)\n\n    var items = component.evaluateReturnExpression(el, bunch)\n\n    // As we walk the array, we'll also walk the DOM (updating/creating as we go).\n    var previousEl = el\n    items.forEach((i, index, group) => {\n        const currentKey = getThisIterationsKeyFromTemplateTag(component, el, single, iterator1, iterator2, i, index, group)\n        let currentEl = previousEl.nextElementSibling\n\n        // Let's check and see if the x-for has already generated an element last time it ran.\n        if (currentEl && currentEl.__x_for_key !== undefined) {\n            // If the the key's don't match.\n            if (currentEl.__x_for_key !== currentKey) {\n                // We'll look ahead to see if we can find it further down.\n                var tmpCurrentEl = currentEl\n                while(tmpCurrentEl) {\n                    // If we found it later in the DOM.\n                    if (tmpCurrentEl.__x_for_key === currentKey) {\n                        // Move it to where it's supposed to be in the DOM.\n                        el.parentElement.insertBefore(tmpCurrentEl, currentEl)\n                        // And set it as the current element as if we just created it.\n                        currentEl = tmpCurrentEl\n                        break\n                    }\n\n                    tmpCurrentEl = (tmpCurrentEl.nextElementSibling && tmpCurrentEl.nextElementSibling.__x_for_key !== undefined) ? tmpCurrentEl.nextElementSibling : false\n                }\n            }\n\n            // Temporarily remove the key indicator to allow the normal \"updateElements\" to work\n            delete currentEl.__x_for_key\n\n            currentEl.__x_for_alias = single\n            currentEl.__x_for_value = i\n            component.updateElements(currentEl, () => {\n                return {[currentEl.__x_for_alias]: currentEl.__x_for_value}\n            })\n        } else {\n            // There are no more .__x_for_key elements, meaning the page is first loading, OR, there are\n            // extra items in the array that need to be added as new elements.\n\n            // Let's create a clone from the template.\n            const clone = document.importNode(el.content, true);\n            // Insert it where we are in the DOM.\n            el.parentElement.insertBefore(clone, currentEl)\n\n            // Set it as the current element.\n            currentEl = previousEl.nextElementSibling\n\n            // And transition it in if it's not the first page load.\n            transitionIn(currentEl, () => {}, initialUpdate)\n\n            // Now, let's walk the new DOM node and initialize everything,\n            // including new nested components.\n            // Note we are resolving the \"extraData\" alias stuff from the dom element value so that it's\n            // always up to date for listener handlers that don't get re-registered.\n            currentEl.__x_for_alias = single\n            currentEl.__x_for_value = i\n            component.initializeElements(currentEl, () => {\n                return {[currentEl.__x_for_alias]: currentEl.__x_for_value}\n            })\n        }\n\n        currentEl.__x_for_key = currentKey\n\n        previousEl = currentEl\n    })\n\n    // Now that we've added/updated/moved all the elements for the current state of the loop.\n    // Anything left over, we can get rid of.\n    var nextElementFromOldLoop = (previousEl.nextElementSibling && previousEl.nextElementSibling.__x_for_key !== undefined) ? previousEl.nextElementSibling : false\n\n    while(nextElementFromOldLoop) {\n        const nextElementFromOldLoopImmutable = nextElementFromOldLoop\n        const nextSibling = nextElementFromOldLoop.nextElementSibling\n\n        transitionOut(nextElementFromOldLoop, () => {\n            nextElementFromOldLoopImmutable.remove()\n        })\n\n        nextElementFromOldLoop = (nextSibling && nextSibling.__x_for_key !== undefined) ? nextSibling : false\n    }\n}\n\n// This was taken from VueJS 2.* core. Thanks Vue!\nfunction parseFor (expression) {\n    const forIteratorRE = /,([^,\\}\\]]*)(?:,([^,\\}\\]]*))?$/\n    const stripParensRE = /^\\(|\\)$/g\n    const forAliasRE = /([\\s\\S]*?)\\s+(?:in|of)\\s+([\\s\\S]*)/\n\n    const inMatch = expression.match(forAliasRE)\n    if (! inMatch) return\n    const res = {}\n    res.bunch = inMatch[2].trim()\n    const single = inMatch[1].trim().replace(stripParensRE, '')\n    const iteratorMatch = single.match(forIteratorRE)\n    if (iteratorMatch) {\n        res.single = single.replace(forIteratorRE, '').trim()\n        res.iterator1 = iteratorMatch[1].trim()\n        if (iteratorMatch[2]) {\n            res.iterator2 = iteratorMatch[2].trim()\n        }\n    } else {\n        res.single = single\n    }\n    return res\n  }\n\nfunction getThisIterationsKeyFromTemplateTag(component, el, single, iterator1, iterator2, i, index, group) {\n    const keyAttr = getXAttrs(el, 'bind').filter(attr => attr.value === 'key')[0]\n\n    let keyAliases = { [single]: i }\n    if (iterator1) keyAliases[iterator1] = index\n    if (iterator2) keyAliases[iterator2] = group\n\n    return keyAttr\n        ? component.evaluateReturnExpression(el, keyAttr.expression, () => keyAliases)\n        : index\n}\n","import { arrayUnique } from '../utils'\n\nexport function handleAttributeBindingDirective(component, el, attrName, expression, extraVars) {\n    var value = component.evaluateReturnExpression(el, expression, extraVars)\n\n    if (attrName === 'value') {\n        // If nested model key is undefined, set the default value to empty string.\n        if (value === undefined && expression.match(/\\./).length) {\n            value = ''\n        }\n\n        if (el.type === 'radio') {\n            el.checked = el.value == value\n        } else if (el.type === 'checkbox') {\n            if (Array.isArray(value)) {\n                // I'm purposely not using Array.includes here because it's\n                // strict, and because of Numeric/String mis-casting, I\n                // want the \"includes\" to be \"fuzzy\".\n                let valueFound = false\n                value.forEach(val => {\n                    if (val == el.value) {\n                        valueFound = true\n                    }\n                })\n\n                el.checked = valueFound\n            } else {\n                el.checked = !! value\n            }\n        } else if (el.tagName === 'SELECT') {\n            updateSelect(el, value)\n        } else {\n            el.value = value\n        }\n    } else if (attrName === 'class') {\n        if (Array.isArray(value)) {\n            const originalClasses = el.__x_original_classes || []\n            el.setAttribute('class', arrayUnique(originalClasses.concat(value)).join(' '))\n        } else if (typeof value === 'object') {\n            Object.keys(value).forEach(classNames => {\n                if (value[classNames]) {\n                    classNames.split(' ').forEach(className => el.classList.add(className))\n                } else {\n                    classNames.split(' ').forEach(className => el.classList.remove(className))\n                }\n            })\n        } else {\n            const originalClasses = el.__x_original_classes || []\n            const newClasses = value.split(' ')\n            el.setAttribute('class', arrayUnique(originalClasses.concat(newClasses)).join(' '))\n        }\n    } else if (['disabled', 'readonly', 'required', 'checked', 'hidden'].includes(attrName)) {\n        // Boolean attributes have to be explicitly added and removed, not just set.\n        if (!! value) {\n            el.setAttribute(attrName, '')\n        } else {\n            el.removeAttribute(attrName)\n        }\n    } else {\n        el.setAttribute(attrName, value)\n    }\n}\n\nfunction updateSelect(el, value) {\n    const arrayWrappedValue = [].concat(value).map(value => { return value + '' })\n\n    Array.from(el.options).forEach(option => {\n        option.selected = arrayWrappedValue.includes(option.value || option.text)\n    })\n}\n","import { kebabCase } from '../utils'\n\nexport function registerListener(component, el, event, modifiers, expression, extraVars = {}) {\n    if (modifiers.includes('away')) {\n        const handler = e => {\n            // Don't do anything if the click came form the element or within it.\n            if (el.contains(e.target)) return\n\n            // Don't do anything if this element isn't currently visible.\n            if (el.offsetWidth < 1 && el.offsetHeight < 1) return\n\n            // Now that we are sure the element is visible, AND the click\n            // is from outside it, let's run the expression.\n            runListenerHandler(component, expression, e, extraVars)\n\n            if (modifiers.includes('once')) {\n                document.removeEventListener(event, handler)\n            }\n        }\n\n        // Listen for this event at the root level.\n        document.addEventListener(event, handler)\n    } else {\n        const listenerTarget = modifiers.includes('window')\n            ? window : (modifiers.includes('document') ? document : el)\n\n        const handler = e => {\n            if (isKeyEvent(event)) {\n                if (isListeningForASpecificKeyThatHasntBeenPressed(e, modifiers)) {\n                    return\n                }\n            }\n\n            if (modifiers.includes('prevent')) e.preventDefault()\n            if (modifiers.includes('stop')) e.stopPropagation()\n\n            runListenerHandler(component, expression, e, extraVars)\n\n            if (modifiers.includes('once')) {\n                listenerTarget.removeEventListener(event, handler)\n            }\n        }\n\n        listenerTarget.addEventListener(event, handler)\n    }\n}\n\nfunction runListenerHandler(component, expression, e, extraVars) {\n    component.evaluateCommandExpression(e.target, expression, () => {\n        return {...extraVars(), '$event': e}\n    })\n}\n\nfunction isKeyEvent(event) {\n    return ['keydown', 'keyup'].includes(event)\n}\n\nfunction isListeningForASpecificKeyThatHasntBeenPressed(e, modifiers) {\n    let keyModifiers = modifiers.filter(i => {\n        return ! ['window', 'document', 'prevent', 'stop'].includes(i)\n    })\n\n    // If no modifier is specified, we'll call it a press.\n    if (keyModifiers.length === 0) return false\n\n    // If one is passed, AND it matches the key pressed, we'll call it a press.\n    if (keyModifiers.length === 1 && keyModifiers[0] === keyToModifier(e.key)) return false\n\n    // The user is listening for key combinations.\n    const systemKeyModifiers = ['ctrl', 'shift', 'alt', 'meta', 'cmd', 'super']\n    const selectedSystemKeyModifiers = systemKeyModifiers.filter(modifier => keyModifiers.includes(modifier))\n\n    keyModifiers = keyModifiers.filter(i => ! selectedSystemKeyModifiers.includes(i))\n\n    if (selectedSystemKeyModifiers.length > 0) {\n        const activelyPressedKeyModifiers = selectedSystemKeyModifiers.filter(modifier => {\n            // Alias \"cmd\" and \"super\" to \"meta\"\n            if (modifier === 'cmd' || modifier === 'super') modifier = 'meta'\n\n            return e[`${modifier}Key`]\n        })\n\n        // If all the modifiers selected are pressed, ...\n        if (activelyPressedKeyModifiers.length === selectedSystemKeyModifiers.length) {\n            // AND the remaining key is pressed as well. It's a press.\n            if (keyModifiers[0] === keyToModifier(e.key)) return false\n        }\n    }\n\n    // We'll call it NOT a valid keypress.\n    return true\n}\n\nfunction keyToModifier(key) {\n    switch (key) {\n        case '/':\n            return 'slash'\n        case ' ':\n        case 'Spacebar':\n            return 'space'\n        default:\n            return kebabCase(key)\n    }\n}\n","import { registerListener } from './on'\n\nexport function registerModelListener(component, el, modifiers, expression, extraVars) {\n    // If the element we are binding to is a select, a radio, or checkbox\n    // we'll listen for the change event instead of the \"input\" event.\n    var event = (el.tagName.toLowerCase() === 'select')\n        || ['checkbox', 'radio'].includes(el.type)\n        || modifiers.includes('lazy')\n        ? 'change' : 'input'\n\n    const listenerExpression = `${expression} = rightSideOfExpression($event, ${expression})`\n\n    registerListener(component, el, event, modifiers, listenerExpression, () => {\n        return {\n            ...extraVars(),\n            rightSideOfExpression: generateModelAssignmentFunction(el, modifiers, expression),\n        }\n    })\n}\n\nfunction generateModelAssignmentFunction(el, modifiers, expression) {\n    if (el.type === 'radio') {\n        // Radio buttons only work properly when they share a name attribute.\n        // People might assume we take care of that for them, because\n        // they already set a shared \"x-model\" attribute.\n        if (! el.hasAttribute('name')) el.setAttribute('name', expression)\n    }\n\n    return (event, currentValue) => {\n        if (event instanceof CustomEvent) {\n            return event.detail\n        } else if (el.type === 'checkbox') {\n            // If the data we are binding to is an array, toggle it's value inside the array.\n            if (Array.isArray(currentValue)) {\n                return event.target.checked ? currentValue.concat([event.target.value]) : currentValue.filter(i => i !== event.target.value)\n            } else {\n                return event.target.checked\n            }\n        } else if (el.tagName.toLowerCase() === 'select' && el.multiple) {\n            return modifiers.includes('number')\n                ? Array.from(event.target.selectedOptions).map(option => { return parseFloat(option.value || option.text) })\n                : Array.from(event.target.selectedOptions).map(option => { return option.value || option.text })\n        } else {\n            return modifiers.includes('number')\n                ? parseFloat(event.target.value)\n                : (modifiers.includes('trim') ? event.target.value.trim() : event.target.value)\n        }\n    }\n}\n","import { walk, saferEval, saferEvalNoReturn, getXAttrs, debounce } from './utils'\nimport { handleForDirective } from './directives/for'\nimport { handleAttributeBindingDirective } from './directives/bind'\nimport { handleShowDirective } from './directives/show'\nimport { handleIfDirective } from './directives/if'\nimport { registerModelListener } from './directives/model'\nimport { registerListener } from './directives/on'\n\nexport default class Component {\n    constructor(el) {\n        this.$el = el\n\n        const dataAttr = this.$el.getAttribute('x-data')\n        const dataExpression = dataAttr === '' ? '{}' : dataAttr\n        const initExpression = this.$el.getAttribute('x-init')\n        const createdExpression = this.$el.getAttribute('x-created')\n        const mountedExpression = this.$el.getAttribute('x-mounted')\n\n        const unobservedData = saferEval(dataExpression, {})\n\n        // Construct a Proxy-based observable. This will be used to handle reactivity.\n        this.$data = this.wrapDataInObservable(unobservedData)\n\n        // After making user-supplied data methods reactive, we can now add\n        // our magic properties to the original data for access.\n        unobservedData.$el = this.$el\n        unobservedData.$refs = this.getRefsProxy()\n\n        this.nextTickStack = []\n        unobservedData.$nextTick = (callback) => {\n            this.nextTickStack.push(callback)\n        }\n\n        var initReturnedCallback\n        if (initExpression) {\n            // We want to allow data manipulation, but not trigger DOM updates just yet.\n            // We haven't even initialized the elements with their Alpine bindings. I mean c'mon.\n            this.pauseReactivity = true\n            initReturnedCallback = this.evaluateReturnExpression(this.$el, initExpression)\n            this.pauseReactivity = false\n        }\n\n        if (createdExpression) {\n            console.warn('AlpineJS Warning: \"x-created\" is deprecated and will be removed in the next major version. Use \"x-init\" instead.')\n            this.pauseReactivity = true\n            saferEvalNoReturn(this.$el.getAttribute('x-created'), this.$data)\n            this.pauseReactivity = false\n        }\n\n        // Register all our listeners and set all our attribute bindings.\n        this.initializeElements(this.$el)\n\n        // Use mutation observer to detect new elements being added within this component at run-time.\n        // Alpine's just so darn flexible amirite?\n        this.listenForNewElementsToInitialize()\n\n        if (typeof initReturnedCallback === 'function') {\n            // Run the callback returned form the \"x-init\" hook to allow the user to do stuff after\n            // Alpine's got it's grubby little paws all over everything.\n            initReturnedCallback.call(this.$data)\n        }\n\n        if (mountedExpression) {\n            console.warn('AlpineJS Warning: \"x-mounted\" is deprecated and will be removed in the next major version. Use \"x-init\" (with a callback return) for the same behavior.')\n            // Run an \"x-mounted\" hook to allow the user to do stuff after\n            // Alpine's got it's grubby little paws all over everything.\n            saferEvalNoReturn(mountedExpression, this.$data)\n        }\n    }\n\n    wrapDataInObservable(data) {\n        var self = this\n\n        const proxyHandler = {\n            set(obj, property, value) {\n                const setWasSuccessful = Reflect.set(obj, property, value)\n\n                // Don't react to data changes for cases like the `x-created` hook.\n                if (self.pauseReactivity) return\n\n                debounce(() => {\n                    self.updateElements(self.$el)\n\n                    // Walk through the $nextTick stack and clear it as we go.\n                    while (self.nextTickStack.length > 0) {\n                        self.nextTickStack.shift()()\n                    }\n                }, 0)()\n\n                return setWasSuccessful\n            },\n            get(target, key) {\n                // If the property we are trying to get is a proxy, just return it.\n                // Like in the case of $refs\n                if (target[key] && target[key].isRefsProxy) return target[key]\n\n                // If property is a DOM node, just return it. (like in the case of this.$el)\n                if (target[key] && target[key] instanceof Node) return target[key]\n\n                // If accessing a nested property, retur this proxy recursively.\n                // This enables reactivity on setting nested data.\n                if (typeof target[key] === 'object' && target[key] !== null) {\n                    return new Proxy(target[key], proxyHandler)\n                }\n\n                // If none of the above, just return the flippin' value. Gawsh.\n                return target[key]\n            }\n        }\n\n        return new Proxy(data, proxyHandler)\n    }\n\n    walkAndSkipNestedComponents(el, callback, initializeComponentCallback = () => {}) {\n        walk(el, el => {\n            // We've hit a component.\n            if (el.hasAttribute('x-data')) {\n                // If it's not the current one.\n                if (! el.isSameNode(this.$el)) {\n                    // Initialize it if it's not.\n                    if (! el.__x) initializeComponentCallback(el)\n\n                    // Now we'll let that sub-component deal with itself.\n                    return false\n                }\n            }\n\n            return callback(el)\n        })\n    }\n\n    initializeElements(rootEl, extraVars = () => {}) {\n        this.walkAndSkipNestedComponents(rootEl, el => {\n            // Don't touch spawns from for loop\n            if (el.__x_for_key !== undefined) return false\n\n            this.initializeElement(el, extraVars)\n        }, el => {\n            el.__x = new Component(el)\n        })\n\n        // Walk through the $nextTick stack and clear it as we go.\n        while (this.nextTickStack.length > 0) {\n            this.nextTickStack.shift()()\n        }\n    }\n\n    initializeElement(el, extraVars) {\n        // To support class attribute merging, we have to know what the element's\n        // original class attribute looked like for reference.\n        if (el.hasAttribute('class') && getXAttrs(el).length > 0) {\n            el.__x_original_classes = el.getAttribute('class').split(' ')\n        }\n\n        this.registerListeners(el, extraVars)\n        this.resolveBoundAttributes(el, true, extraVars)\n    }\n\n    updateElements(rootEl, extraVars = () => {}) {\n        this.walkAndSkipNestedComponents(rootEl, el => {\n            // Don't touch spawns from for loop (and check if the root is actually a for loop in a parent, don't skip it.)\n            if (el.__x_for_key !== undefined && ! el.isSameNode(this.$el)) return false\n\n            this.updateElement(el, extraVars)\n        }, el => {\n            el.__x = new Component(el)\n        })\n    }\n\n    updateElement(el, extraVars) {\n        this.resolveBoundAttributes(el, false, extraVars)\n    }\n\n    registerListeners(el, extraVars) {\n        getXAttrs(el).forEach(({ type, value, modifiers, expression }) => {\n            switch (type) {\n                case 'on':\n                    registerListener(this, el, value, modifiers, expression, extraVars)\n                    break;\n\n                case 'model':\n                    registerModelListener(this, el, modifiers, expression, extraVars)\n                    break;\n                default:\n                    break;\n            }\n        })\n    }\n\n    resolveBoundAttributes(el, initialUpdate = false, extraVars) {\n        getXAttrs(el).forEach(({ type, value, modifiers, expression }) => {\n            switch (type) {\n                case 'model':\n                    handleAttributeBindingDirective(this, el, 'value', expression, extraVars)\n                    break;\n\n                case 'bind':\n                    // The :key binding on an x-for is special, ignore it.\n                    if (el.tagName.toLowerCase() === 'template' && value === 'key') return\n\n                    handleAttributeBindingDirective(this, el, value, expression, extraVars)\n                    break;\n\n                case 'text':\n                    var output = this.evaluateReturnExpression(el, expression, extraVars);\n\n                    // If nested model key is undefined, set the default value to empty string.\n                    if (output === undefined && expression.match(/\\./).length) {\n                        output = ''\n                    }\n\n                    el.innerText = output\n                    break;\n\n                case 'html':\n                    el.innerHTML = this.evaluateReturnExpression(el, expression, extraVars)\n                    break;\n\n                case 'show':\n                    var output = this.evaluateReturnExpression(el, expression, extraVars)\n\n                    handleShowDirective(el, output, initialUpdate)\n                    break;\n\n                case 'if':\n                    var output = this.evaluateReturnExpression(el, expression, extraVars)\n\n                    handleIfDirective(el, output, initialUpdate)\n                    break;\n\n                case 'for':\n                    handleForDirective(this, el, expression, initialUpdate)\n                    break;\n\n                case 'cloak':\n                    el.removeAttribute('x-cloak')\n                    break;\n\n                default:\n                    break;\n            }\n        })\n    }\n\n    evaluateReturnExpression(el, expression, extraVars = () => {}) {\n        return saferEval(expression, this.$data, {\n            ...extraVars(),\n            $dispatch: this.getDispatchFunction(el),\n        })\n    }\n\n    evaluateCommandExpression(el, expression, extraVars = () => {}) {\n        saferEvalNoReturn(expression, this.$data, {\n            ...extraVars(),\n            $dispatch: this.getDispatchFunction(el),\n        })\n    }\n\n    getDispatchFunction (el) {\n        return (event, detail = {}) => {\n            el.dispatchEvent(new CustomEvent(event, {\n                detail,\n                bubbles: true,\n            }))\n        }\n    }\n\n    listenForNewElementsToInitialize() {\n        const targetNode = this.$el\n\n        const observerOptions = {\n            childList: true,\n            attributes: true,\n            subtree: true,\n        }\n\n        const observer = new MutationObserver((mutations) => {\n            for (let i=0; i < mutations.length; i++){\n                // Filter out mutations triggered from child components.\n                const closestParentComponent = mutations[i].target.closest('[x-data]')\n                if (! (closestParentComponent && closestParentComponent.isSameNode(this.$el))) return\n\n                if (mutations[i].type === 'attributes' && mutations[i].attributeName === 'x-data') {\n                    const rawData = saferEval(mutations[i].target.getAttribute('x-data'), {})\n\n                    Object.keys(rawData).forEach(key => {\n                        if (this.$data[key] !== rawData[key]) {\n                            this.$data[key] = rawData[key]\n                        }\n                    })\n                }\n\n                if (mutations[i].addedNodes.length > 0) {\n                    mutations[i].addedNodes.forEach(node => {\n                        if (node.nodeType !== 1) return\n\n                        if (node.matches('[x-data]')) {\n                            node.__x = new Component(node)\n                            return\n                        }\n\n                        this.initializeElements(node)\n                    })\n                }\n              }\n        })\n\n        observer.observe(targetNode, observerOptions);\n    }\n\n    getRefsProxy() {\n        var self = this\n\n        // One of the goals of this is to not hold elements in memory, but rather re-evaluate\n        // the DOM when the system needs something from it. This way, the framework is flexible and\n        // friendly to outside DOM changes from libraries like Vue/Livewire.\n        // For this reason, I'm using an \"on-demand\" proxy to fake a \"$refs\" object.\n        return new Proxy({}, {\n            get(object, property) {\n                if (property === 'isRefsProxy') return true\n\n                var ref\n\n                // We can't just query the DOM because it's hard to filter out refs in\n                // nested components.\n                self.walkAndSkipNestedComponents(self.$el, el => {\n                    if (el.hasAttribute('x-ref') && el.getAttribute('x-ref') === property) {\n                        ref = el\n                    }\n                })\n\n                return ref\n            }\n        })\n    }\n}\n","import { transitionIn, transitionOut } from '../utils'\n\nexport function handleShowDirective(el, value, initialUpdate = false) {\n    if (! value) {\n        transitionOut(el, () => {\n            el.style.display = 'none'\n        }, initialUpdate)\n    } else {\n        transitionIn(el, () => {\n            if (el.style.length === 1 && el.style.display !== '') {\n                el.removeAttribute('style')\n            } else {\n                el.style.removeProperty('display')\n            }\n        }, initialUpdate)\n    }\n}\n","import { transitionIn, transitionOut } from '../utils'\n\nexport function handleIfDirective(el, expressionResult, initialUpdate) {\n    if (el.nodeName.toLowerCase() !== 'template') console.warn(`Alpine: [x-if] directive should only be added to <template> tags. See https://github.com/alpinejs/alpine#x-if`)\n\n    const elementHasAlreadyBeenAdded = el.nextElementSibling && el.nextElementSibling.__x_inserted_me === true\n\n    if (expressionResult && ! elementHasAlreadyBeenAdded) {\n        const clone = document.importNode(el.content, true);\n\n        el.parentElement.insertBefore(clone, el.nextElementSibling)\n\n        el.nextElementSibling.__x_inserted_me = true\n\n        transitionIn(el.nextElementSibling, () => {}, initialUpdate)\n    } else if (! expressionResult && elementHasAlreadyBeenAdded) {\n        transitionOut(el.nextElementSibling, () => {\n            el.nextElementSibling.remove()\n        }, initialUpdate)\n    }\n}\n","import Component from './component'\nimport { domReady, isTesting } from './utils'\n\nconst Alpine = {\n    start: async function () {\n        if (! isTesting()) {\n            await domReady()\n        }\n\n        this.discoverComponents(el => {\n            this.initializeComponent(el)\n        })\n\n        // It's easier and more performant to just support Turbolinks than listen\n        // to MutationOberserver mutations at the document level.\n        document.addEventListener(\"turbolinks:load\", () => {\n            this.discoverUninitializedComponents(el => {\n                this.initializeComponent(el)\n            })\n        })\n\n        this.listenForNewUninitializedComponentsAtRunTime(el => {\n            this.initializeComponent(el)\n        })\n    },\n\n    discoverComponents: function (callback) {\n        const rootEls = document.querySelectorAll('[x-data]');\n\n        rootEls.forEach(rootEl => {\n            callback(rootEl)\n        })\n    },\n\n    discoverUninitializedComponents: function (callback, el = null) {\n        const rootEls = (el || document).querySelectorAll('[x-data]');\n\n        Array.from(rootEls)\n            .filter(el => el.__x === undefined)\n            .forEach(rootEl => {\n                callback(rootEl)\n            })\n    },\n\n    listenForNewUninitializedComponentsAtRunTime: function (callback) {\n        const targetNode = document.querySelector('body');\n\n        const observerOptions = {\n            childList: true,\n            attributes: true,\n            subtree: true,\n        }\n\n        const observer = new MutationObserver((mutations) => {\n            for (let i=0; i < mutations.length; i++){\n                if (mutations[i].addedNodes.length > 0) {\n                    mutations[i].addedNodes.forEach(node => {\n                        // Discard non-element nodes (like line-breaks)\n                        if (node.nodeType !== 1) return\n\n                        // Discard any changes happening within an existing component.\n                        // They will take care of themselves.\n                        if (node.parentElement.closest('[x-data]')) return\n\n                        this.discoverUninitializedComponents((el) => {\n                            this.initializeComponent(el)\n                        }, node.parentElement)\n                    })\n                }\n              }\n        })\n\n        observer.observe(targetNode, observerOptions)\n    },\n\n    initializeComponent: function (el) {\n        if (! el.__x) {\n            el.__x = new Component(el)\n        }\n    }\n}\n\nif (! isTesting()) {\n    window.Alpine = Alpine\n    window.Alpine.start()\n}\n\nexport default Alpine\n"],"names":["arrayUnique","array","a","concat","i","length","j","splice","isTesting","navigator","userAgent","includes","saferEval","expression","dataContext","additionalHelperVariables","Function","Object","keys","values","saferEvalNoReturn","isXAttr","attr","name","replaceAtAndColonWithStandardSyntax","test","getXAttrs","el","type","Array","from","attributes","filter","map","typeMatch","match","valueMatch","modifiers","value","replace","startsWith","transitionIn","callback","forceSkip","attrs","transition","find","split","transitionOut","classesDuring","classesStart","classesEnd","hook1","hook2","originalClasses","__x_original_classes","classList","add","requestAnimationFrame","duration","Number","getComputedStyle","transitionDuration","remove","setTimeout","isConnected","handleForDirective","component","initialUpdate","single","bunch","iterator1","iterator2","forIteratorRE","inMatch","res","trim","iteratorMatch","parseFor","items","evaluateReturnExpression","previousEl","forEach","index","group","currentKey","keyAttr","keyAliases","getThisIterationsKeyFromTemplateTag","currentEl","nextElementSibling","undefined","__x_for_key","tmpCurrentEl","parentElement","insertBefore","__x_for_alias","__x_for_value","updateElements","clone","document","importNode","content","initializeElements","nextElementFromOldLoop","nextElementFromOldLoopImmutable","nextSibling","handleAttributeBindingDirective","attrName","extraVars","checked","isArray","valueFound","val","tagName","arrayWrappedValue","options","option","selected","text","updateSelect","setAttribute","join","classNames","className","newClasses","removeAttribute","registerListener","event","handler","e","contains","target","offsetWidth","offsetHeight","runListenerHandler","removeEventListener","addEventListener","listenerTarget","window","isKeyEvent","keyModifiers","keyToModifier","key","selectedSystemKeyModifiers","modifier","isListeningForASpecificKeyThatHasntBeenPressed","preventDefault","stopPropagation","evaluateCommandExpression","toLowerCase","generateModelAssignmentFunction","hasAttribute","currentValue","CustomEvent","detail","multiple","selectedOptions","parseFloat","Component","constructor","$el","dataAttr","this","getAttribute","dataExpression","initExpression","createdExpression","mountedExpression","unobservedData","initReturnedCallback","$data","wrapDataInObservable","$refs","getRefsProxy","nextTickStack","$nextTick","push","pauseReactivity","console","warn","listenForNewElementsToInitialize","call","data","self","proxyHandler","set","obj","property","setWasSuccessful","Reflect","func","wait","timeout","shift","context","args","arguments","later","apply","clearTimeout","get","isRefsProxy","Node","Proxy","walkAndSkipNestedComponents","initializeComponentCallback","walk","node","firstElementChild","isSameNode","__x","rootEl","initializeElement","registerListeners","resolveBoundAttributes","updateElement","rightSideOfExpression","registerModelListener","output","innerText","innerHTML","style","display","removeProperty","handleShowDirective","expressionResult","nodeName","elementHasAlreadyBeenAdded","__x_inserted_me","handleIfDirective","$dispatch","getDispatchFunction","dispatchEvent","bubbles","targetNode","MutationObserver","mutations","closestParentComponent","closest","attributeName","rawData","addedNodes","nodeType","matches","observe","childList","subtree","object","ref","Alpine","start","async","Promise","resolve","readyState","discoverComponents","initializeComponent","discoverUninitializedComponents","listenForNewUninitializedComponentsAtRunTime","querySelectorAll","rootEls","querySelector"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"alpine.js","sources":["../src/utils.js","../src/directives/for.js","../src/directives/bind.js","../src/directives/on.js","../src/directives/model.js","../src/component.js","../src/directives/show.js","../src/directives/if.js","../src/index.js"],"sourcesContent":["\n// Thanks @stimulus:\n// https://github.com/stimulusjs/stimulus/blob/master/packages/%40stimulus/core/src/application.ts\nexport function domReady() {\n    return new Promise(resolve => {\n        if (document.readyState == \"loading\") {\n            document.addEventListener(\"DOMContentLoaded\", resolve)\n        } else {\n            resolve()\n        }\n    })\n}\n\nexport function arrayUnique(array) {\n    var a = array.concat();\n    for(var i=0; i<a.length; ++i) {\n        for(var j=i+1; j<a.length; ++j) {\n            if(a[i] === a[j])\n                a.splice(j--, 1);\n        }\n    }\n\n    return a;\n}\n\nexport function isTesting() {\n    return navigator.userAgent, navigator.userAgent.includes(\"Node.js\")\n        || navigator.userAgent.includes(\"jsdom\")\n}\n\nexport function kebabCase(subject) {\n    return subject.replace(/([a-z])([A-Z])/g, '$1-$2').replace(/[_\\s]/, '-').toLowerCase()\n}\n\nexport function walk(el, callback) {\n    if (callback(el) === false) return\n\n    let node = el.firstElementChild\n\n    while (node) {\n        walk(node, callback)\n\n        node = node.nextElementSibling\n    }\n}\n\nexport function debounce(func, wait) {\n    var timeout\n    return function () {\n        var context = this, args = arguments\n        var later = function () {\n            timeout = null\n            func.apply(context, args)\n        }\n        clearTimeout(timeout)\n        timeout = setTimeout(later, wait)\n    }\n}\n\nexport function saferEval(expression, dataContext, additionalHelperVariables = {}) {\n    return (new Function(['$data', ...Object.keys(additionalHelperVariables)], `var result; with($data) { result = ${expression} }; return result`))(\n        dataContext, ...Object.values(additionalHelperVariables)\n    )\n}\n\nexport function saferEvalNoReturn(expression, dataContext, additionalHelperVariables = {}) {\n    return (new Function(['dataContext', ...Object.keys(additionalHelperVariables)], `with(dataContext) { ${expression} }`))(\n        dataContext, ...Object.values(additionalHelperVariables)\n    )\n}\n\nexport function isXAttr(attr) {\n    const name = replaceAtAndColonWithStandardSyntax(attr.name)\n\n    const xAttrRE = /x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref)/\n\n    return xAttrRE.test(name)\n}\n\nexport function getXAttrs(el, type) {\n    return Array.from(el.attributes)\n        .filter(isXAttr)\n        .map(attr => {\n            const name = replaceAtAndColonWithStandardSyntax(attr.name)\n\n            const typeMatch = name.match(/x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref)/)\n            const valueMatch = name.match(/:([a-zA-Z\\-:]+)/)\n            const modifiers = name.match(/\\.[^.\\]]+(?=[^\\]]*$)/g) || []\n\n            return {\n                type: typeMatch ? typeMatch[1] : null,\n                value: valueMatch ? valueMatch[1] : null,\n                modifiers: modifiers.map(i => i.replace('.', '')),\n                expression: attr.value,\n            }\n        })\n        .filter(i => {\n            // If no type is passed in for filtering, bypassfilter\n            if (! type) return true\n\n            return i.type === type\n        })\n}\n\nexport function replaceAtAndColonWithStandardSyntax(name) {\n    if (name.startsWith('@')) {\n        return name.replace('@', 'x-on:')\n    } else if (name.startsWith(':')) {\n        return name.replace(':', 'x-bind:')\n    }\n\n    return name\n}\n\nexport function transitionIn(el, callback, forceSkip = false) {\n    if (forceSkip) return callback()\n\n    const attrs = getXAttrs(el, 'transition')\n\n    if (attrs.length < 1) return callback()\n\n    const enter = (attrs.find(i => i.value === 'enter') || { expression: '' }).expression.split(' ').filter(i => i !== '')\n    const enterStart = (attrs.find(i => i.value === 'enter-start') || { expression: '' }).expression.split(' ').filter(i => i !== '')\n    const enterEnd = (attrs.find(i => i.value === 'enter-end') || { expression: '' }).expression.split(' ').filter(i => i !== '')\n\n    transition(el, enter, enterStart, enterEnd, callback, () => {})\n}\n\nexport function transitionOut(el, callback, forceSkip = false) {\n    if (forceSkip) return callback()\n\n    const attrs = getXAttrs(el, 'transition')\n\n    if (attrs.length < 1) return callback()\n\n    const leave = (attrs.find(i => i.value === 'leave') || { expression: '' }).expression.split(' ').filter(i => i !== '')\n    const leaveStart = (attrs.find(i => i.value === 'leave-start') || { expression: '' }).expression.split(' ').filter(i => i !== '')\n    const leaveEnd = (attrs.find(i => i.value === 'leave-end') || { expression: '' }).expression.split(' ').filter(i => i !== '')\n\n    transition(el, leave, leaveStart, leaveEnd, () => {}, callback)\n}\n\nexport function transition(el, classesDuring, classesStart, classesEnd, hook1, hook2) {\n    const originalClasses = el.__x_original_classes || []\n    el.classList.add(...classesStart)\n    el.classList.add(...classesDuring)\n\n    requestAnimationFrame(() => {\n        const duration = Number(getComputedStyle(el).transitionDuration.replace('s', '')) * 1000\n\n        hook1()\n\n        requestAnimationFrame(() => {\n            // Don't remove classes that were in the original class attribute.\n            el.classList.remove(...classesStart.filter(i => !originalClasses.includes(i)))\n            el.classList.add(...classesEnd)\n\n            setTimeout(() => {\n                hook2()\n\n                // Adding an \"isConnected\" check, in case the callback\n                // removed the element from the DOM.\n                if (el.isConnected) {\n                    el.classList.remove(...classesDuring.filter(i => !originalClasses.includes(i)))\n                    el.classList.remove(...classesEnd.filter(i => !originalClasses.includes(i)))\n                }\n            }, duration);\n        })\n    });\n}\n","import { transitionIn, transitionOut, getXAttrs } from '../utils'\n\nexport function handleForDirective(component, el, expression, initialUpdate) {\n    const { single, bunch, iterator1, iterator2 } = parseFor(expression)\n\n    var items = component.evaluateReturnExpression(el, bunch)\n\n    // As we walk the array, we'll also walk the DOM (updating/creating as we go).\n    var previousEl = el\n    items.forEach((i, index, group) => {\n        const currentKey = getThisIterationsKeyFromTemplateTag(component, el, single, iterator1, iterator2, i, index, group)\n        let currentEl = previousEl.nextElementSibling\n\n        // Let's check and see if the x-for has already generated an element last time it ran.\n        if (currentEl && currentEl.__x_for_key !== undefined) {\n            // If the the key's don't match.\n            if (currentEl.__x_for_key !== currentKey) {\n                // We'll look ahead to see if we can find it further down.\n                var tmpCurrentEl = currentEl\n                while(tmpCurrentEl) {\n                    // If we found it later in the DOM.\n                    if (tmpCurrentEl.__x_for_key === currentKey) {\n                        // Move it to where it's supposed to be in the DOM.\n                        el.parentElement.insertBefore(tmpCurrentEl, currentEl)\n                        // And set it as the current element as if we just created it.\n                        currentEl = tmpCurrentEl\n                        break\n                    }\n\n                    tmpCurrentEl = (tmpCurrentEl.nextElementSibling && tmpCurrentEl.nextElementSibling.__x_for_key !== undefined) ? tmpCurrentEl.nextElementSibling : false\n                }\n            }\n\n            // Temporarily remove the key indicator to allow the normal \"updateElements\" to work\n            delete currentEl.__x_for_key\n\n            currentEl.__x_for_alias = single\n            currentEl.__x_for_value = i\n            component.updateElements(currentEl, () => {\n                return {[currentEl.__x_for_alias]: currentEl.__x_for_value}\n            })\n        } else {\n            // There are no more .__x_for_key elements, meaning the page is first loading, OR, there are\n            // extra items in the array that need to be added as new elements.\n\n            // Let's create a clone from the template.\n            const clone = document.importNode(el.content, true);\n            // Insert it where we are in the DOM.\n            el.parentElement.insertBefore(clone, currentEl)\n\n            // Set it as the current element.\n            currentEl = previousEl.nextElementSibling\n\n            // And transition it in if it's not the first page load.\n            transitionIn(currentEl, () => {}, initialUpdate)\n\n            // Now, let's walk the new DOM node and initialize everything,\n            // including new nested components.\n            // Note we are resolving the \"extraData\" alias stuff from the dom element value so that it's\n            // always up to date for listener handlers that don't get re-registered.\n            currentEl.__x_for_alias = single\n            currentEl.__x_for_value = i\n            component.initializeElements(currentEl, () => {\n                return {[currentEl.__x_for_alias]: currentEl.__x_for_value}\n            })\n        }\n\n        currentEl.__x_for_key = currentKey\n\n        previousEl = currentEl\n    })\n\n    // Now that we've added/updated/moved all the elements for the current state of the loop.\n    // Anything left over, we can get rid of.\n    var nextElementFromOldLoop = (previousEl.nextElementSibling && previousEl.nextElementSibling.__x_for_key !== undefined) ? previousEl.nextElementSibling : false\n\n    while(nextElementFromOldLoop) {\n        const nextElementFromOldLoopImmutable = nextElementFromOldLoop\n        const nextSibling = nextElementFromOldLoop.nextElementSibling\n\n        transitionOut(nextElementFromOldLoop, () => {\n            nextElementFromOldLoopImmutable.remove()\n        })\n\n        nextElementFromOldLoop = (nextSibling && nextSibling.__x_for_key !== undefined) ? nextSibling : false\n    }\n}\n\n// This was taken from VueJS 2.* core. Thanks Vue!\nfunction parseFor (expression) {\n    const forIteratorRE = /,([^,\\}\\]]*)(?:,([^,\\}\\]]*))?$/\n    const stripParensRE = /^\\(|\\)$/g\n    const forAliasRE = /([\\s\\S]*?)\\s+(?:in|of)\\s+([\\s\\S]*)/\n\n    const inMatch = expression.match(forAliasRE)\n    if (! inMatch) return\n    const res = {}\n    res.bunch = inMatch[2].trim()\n    const single = inMatch[1].trim().replace(stripParensRE, '')\n    const iteratorMatch = single.match(forIteratorRE)\n    if (iteratorMatch) {\n        res.single = single.replace(forIteratorRE, '').trim()\n        res.iterator1 = iteratorMatch[1].trim()\n        if (iteratorMatch[2]) {\n            res.iterator2 = iteratorMatch[2].trim()\n        }\n    } else {\n        res.single = single\n    }\n    return res\n  }\n\nfunction getThisIterationsKeyFromTemplateTag(component, el, single, iterator1, iterator2, i, index, group) {\n    const keyAttr = getXAttrs(el, 'bind').filter(attr => attr.value === 'key')[0]\n\n    let keyAliases = { [single]: i }\n    if (iterator1) keyAliases[iterator1] = index\n    if (iterator2) keyAliases[iterator2] = group\n\n    return keyAttr\n        ? component.evaluateReturnExpression(el, keyAttr.expression, () => keyAliases)\n        : index\n}\n","import { arrayUnique } from '../utils'\n\nexport function handleAttributeBindingDirective(component, el, attrName, expression, extraVars) {\n    var value = component.evaluateReturnExpression(el, expression, extraVars)\n\n    if (attrName === 'value') {\n        // If nested model key is undefined, set the default value to empty string.\n        if (value === undefined && expression.match(/\\./).length) {\n            value = ''\n        }\n\n        if (el.type === 'radio') {\n            el.checked = el.value == value\n        } else if (el.type === 'checkbox') {\n            if (Array.isArray(value)) {\n                // I'm purposely not using Array.includes here because it's\n                // strict, and because of Numeric/String mis-casting, I\n                // want the \"includes\" to be \"fuzzy\".\n                let valueFound = false\n                value.forEach(val => {\n                    if (val == el.value) {\n                        valueFound = true\n                    }\n                })\n\n                el.checked = valueFound\n            } else {\n                el.checked = !! value\n            }\n        } else if (el.tagName === 'SELECT') {\n            updateSelect(el, value)\n        } else {\n            el.value = value\n        }\n    } else if (attrName === 'class') {\n        if (Array.isArray(value)) {\n            const originalClasses = el.__x_original_classes || []\n            el.setAttribute('class', arrayUnique(originalClasses.concat(value)).join(' '))\n        } else if (typeof value === 'object') {\n            Object.keys(value).forEach(classNames => {\n                if (value[classNames]) {\n                    classNames.split(' ').forEach(className => el.classList.add(className))\n                } else {\n                    classNames.split(' ').forEach(className => el.classList.remove(className))\n                }\n            })\n        } else {\n            const originalClasses = el.__x_original_classes || []\n            const newClasses = value.split(' ')\n            el.setAttribute('class', arrayUnique(originalClasses.concat(newClasses)).join(' '))\n        }\n    } else if (['disabled', 'readonly', 'required', 'checked', 'hidden'].includes(attrName)) {\n        // Boolean attributes have to be explicitly added and removed, not just set.\n        if (!! value) {\n            el.setAttribute(attrName, '')\n        } else {\n            el.removeAttribute(attrName)\n        }\n    } else {\n        el.setAttribute(attrName, value)\n    }\n}\n\nfunction updateSelect(el, value) {\n    const arrayWrappedValue = [].concat(value).map(value => { return value + '' })\n\n    Array.from(el.options).forEach(option => {\n        option.selected = arrayWrappedValue.includes(option.value || option.text)\n    })\n}\n","import { kebabCase } from '../utils'\n\nexport function registerListener(component, el, event, modifiers, expression, extraVars = {}) {\n    if (modifiers.includes('away')) {\n        const handler = e => {\n            // Don't do anything if the click came form the element or within it.\n            if (el.contains(e.target)) return\n\n            // Don't do anything if this element isn't currently visible.\n            if (el.offsetWidth < 1 && el.offsetHeight < 1) return\n\n            // Now that we are sure the element is visible, AND the click\n            // is from outside it, let's run the expression.\n            runListenerHandler(component, expression, e, extraVars)\n\n            if (modifiers.includes('once')) {\n                document.removeEventListener(event, handler)\n            }\n        }\n\n        // Listen for this event at the root level.\n        document.addEventListener(event, handler)\n    } else {\n        const listenerTarget = modifiers.includes('window')\n            ? window : (modifiers.includes('document') ? document : el)\n\n        const handler = e => {\n            if (isKeyEvent(event)) {\n                if (isListeningForASpecificKeyThatHasntBeenPressed(e, modifiers)) {\n                    return\n                }\n            }\n\n            if (modifiers.includes('prevent')) e.preventDefault()\n            if (modifiers.includes('stop')) e.stopPropagation()\n\n            runListenerHandler(component, expression, e, extraVars)\n\n            if (modifiers.includes('once')) {\n                listenerTarget.removeEventListener(event, handler)\n            }\n        }\n\n        listenerTarget.addEventListener(event, handler)\n    }\n}\n\nfunction runListenerHandler(component, expression, e, extraVars) {\n    component.evaluateCommandExpression(e.target, expression, () => {\n        return {...extraVars(), '$event': e}\n    })\n}\n\nfunction isKeyEvent(event) {\n    return ['keydown', 'keyup'].includes(event)\n}\n\nfunction isListeningForASpecificKeyThatHasntBeenPressed(e, modifiers) {\n    let keyModifiers = modifiers.filter(i => {\n        return ! ['window', 'document', 'prevent', 'stop'].includes(i)\n    })\n\n    // If no modifier is specified, we'll call it a press.\n    if (keyModifiers.length === 0) return false\n\n    // If one is passed, AND it matches the key pressed, we'll call it a press.\n    if (keyModifiers.length === 1 && keyModifiers[0] === keyToModifier(e.key)) return false\n\n    // The user is listening for key combinations.\n    const systemKeyModifiers = ['ctrl', 'shift', 'alt', 'meta', 'cmd', 'super']\n    const selectedSystemKeyModifiers = systemKeyModifiers.filter(modifier => keyModifiers.includes(modifier))\n\n    keyModifiers = keyModifiers.filter(i => ! selectedSystemKeyModifiers.includes(i))\n\n    if (selectedSystemKeyModifiers.length > 0) {\n        const activelyPressedKeyModifiers = selectedSystemKeyModifiers.filter(modifier => {\n            // Alias \"cmd\" and \"super\" to \"meta\"\n            if (modifier === 'cmd' || modifier === 'super') modifier = 'meta'\n\n            return e[`${modifier}Key`]\n        })\n\n        // If all the modifiers selected are pressed, ...\n        if (activelyPressedKeyModifiers.length === selectedSystemKeyModifiers.length) {\n            // AND the remaining key is pressed as well. It's a press.\n            if (keyModifiers[0] === keyToModifier(e.key)) return false\n        }\n    }\n\n    // We'll call it NOT a valid keypress.\n    return true\n}\n\nfunction keyToModifier(key) {\n    switch (key) {\n        case '/':\n            return 'slash'\n        case ' ':\n        case 'Spacebar':\n            return 'space'\n        default:\n            return kebabCase(key)\n    }\n}\n","import { registerListener } from './on'\n\nexport function registerModelListener(component, el, modifiers, expression, extraVars) {\n    // If the element we are binding to is a select, a radio, or checkbox\n    // we'll listen for the change event instead of the \"input\" event.\n    var event = (el.tagName.toLowerCase() === 'select')\n        || ['checkbox', 'radio'].includes(el.type)\n        || modifiers.includes('lazy')\n        ? 'change' : 'input'\n\n    const listenerExpression = `${expression} = rightSideOfExpression($event, ${expression})`\n\n    registerListener(component, el, event, modifiers, listenerExpression, () => {\n        return {\n            ...extraVars(),\n            rightSideOfExpression: generateModelAssignmentFunction(el, modifiers, expression),\n        }\n    })\n}\n\nfunction generateModelAssignmentFunction(el, modifiers, expression) {\n    if (el.type === 'radio') {\n        // Radio buttons only work properly when they share a name attribute.\n        // People might assume we take care of that for them, because\n        // they already set a shared \"x-model\" attribute.\n        if (! el.hasAttribute('name')) el.setAttribute('name', expression)\n    }\n\n    return (event, currentValue) => {\n        if (event instanceof CustomEvent) {\n            return event.detail\n        } else if (el.type === 'checkbox') {\n            // If the data we are binding to is an array, toggle it's value inside the array.\n            if (Array.isArray(currentValue)) {\n                return event.target.checked ? currentValue.concat([event.target.value]) : currentValue.filter(i => i !== event.target.value)\n            } else {\n                return event.target.checked\n            }\n        } else if (el.tagName.toLowerCase() === 'select' && el.multiple) {\n            return modifiers.includes('number')\n                ? Array.from(event.target.selectedOptions).map(option => { return parseFloat(option.value || option.text) })\n                : Array.from(event.target.selectedOptions).map(option => { return option.value || option.text })\n        } else {\n            return modifiers.includes('number')\n                ? parseFloat(event.target.value)\n                : (modifiers.includes('trim') ? event.target.value.trim() : event.target.value)\n        }\n    }\n}\n","import { walk, saferEval, saferEvalNoReturn, getXAttrs, debounce } from './utils'\nimport { handleForDirective } from './directives/for'\nimport { handleAttributeBindingDirective } from './directives/bind'\nimport { handleShowDirective } from './directives/show'\nimport { handleIfDirective } from './directives/if'\nimport { registerModelListener } from './directives/model'\nimport { registerListener } from './directives/on'\n\nexport default class Component {\n    constructor(el) {\n        this.$el = el\n\n        const dataAttr = this.$el.getAttribute('x-data')\n        const dataExpression = dataAttr === '' ? '{}' : dataAttr\n        const initExpression = this.$el.getAttribute('x-init')\n        const createdExpression = this.$el.getAttribute('x-created')\n        const mountedExpression = this.$el.getAttribute('x-mounted')\n\n        const unobservedData = saferEval(dataExpression, {})\n\n        // Construct a Proxy-based observable. This will be used to handle reactivity.\n        this.$data = this.wrapDataInObservable(unobservedData)\n\n        // After making user-supplied data methods reactive, we can now add\n        // our magic properties to the original data for access.\n        unobservedData.$el = this.$el\n        unobservedData.$refs = this.getRefsProxy()\n\n        this.nextTickStack = []\n        unobservedData.$nextTick = (callback) => {\n            this.nextTickStack.push(callback)\n        }\n\n        var initReturnedCallback\n        if (initExpression) {\n            // We want to allow data manipulation, but not trigger DOM updates just yet.\n            // We haven't even initialized the elements with their Alpine bindings. I mean c'mon.\n            this.pauseReactivity = true\n            initReturnedCallback = this.evaluateReturnExpression(this.$el, initExpression)\n            this.pauseReactivity = false\n        }\n\n        if (createdExpression) {\n            console.warn('AlpineJS Warning: \"x-created\" is deprecated and will be removed in the next major version. Use \"x-init\" instead.')\n            this.pauseReactivity = true\n            saferEvalNoReturn(this.$el.getAttribute('x-created'), this.$data)\n            this.pauseReactivity = false\n        }\n\n        // Register all our listeners and set all our attribute bindings.\n        this.initializeElements(this.$el)\n\n        // Use mutation observer to detect new elements being added within this component at run-time.\n        // Alpine's just so darn flexible amirite?\n        this.listenForNewElementsToInitialize()\n\n        if (typeof initReturnedCallback === 'function') {\n            // Run the callback returned form the \"x-init\" hook to allow the user to do stuff after\n            // Alpine's got it's grubby little paws all over everything.\n            initReturnedCallback.call(this.$data)\n        }\n\n        if (mountedExpression) {\n            console.warn('AlpineJS Warning: \"x-mounted\" is deprecated and will be removed in the next major version. Use \"x-init\" (with a callback return) for the same behavior.')\n            // Run an \"x-mounted\" hook to allow the user to do stuff after\n            // Alpine's got it's grubby little paws all over everything.\n            saferEvalNoReturn(mountedExpression, this.$data)\n        }\n    }\n\n    wrapDataInObservable(data) {\n        var self = this\n\n        const proxyHandler = {\n            set(obj, property, value) {\n                const setWasSuccessful = Reflect.set(obj, property, value)\n\n                // Don't react to data changes for cases like the `x-created` hook.\n                if (self.pauseReactivity) return setWasSuccessful\n\n                debounce(() => {\n                    self.updateElements(self.$el)\n\n                    // Walk through the $nextTick stack and clear it as we go.\n                    while (self.nextTickStack.length > 0) {\n                        self.nextTickStack.shift()()\n                    }\n                }, 0)()\n\n                return setWasSuccessful\n            },\n            get(target, key) {\n                // If the property we are trying to get is a proxy, just return it.\n                // Like in the case of $refs\n                if (target[key] && target[key].isRefsProxy) return target[key]\n\n                // If property is a DOM node, just return it. (like in the case of this.$el)\n                if (target[key] && target[key] instanceof Node) return target[key]\n\n                // If accessing a nested property, retur this proxy recursively.\n                // This enables reactivity on setting nested data.\n                if (typeof target[key] === 'object' && target[key] !== null) {\n                    return new Proxy(target[key], proxyHandler)\n                }\n\n                // If none of the above, just return the flippin' value. Gawsh.\n                return target[key]\n            }\n        }\n\n        return new Proxy(data, proxyHandler)\n    }\n\n    walkAndSkipNestedComponents(el, callback, initializeComponentCallback = () => {}) {\n        walk(el, el => {\n            // We've hit a component.\n            if (el.hasAttribute('x-data')) {\n                // If it's not the current one.\n                if (! el.isSameNode(this.$el)) {\n                    // Initialize it if it's not.\n                    if (! el.__x) initializeComponentCallback(el)\n\n                    // Now we'll let that sub-component deal with itself.\n                    return false\n                }\n            }\n\n            return callback(el)\n        })\n    }\n\n    initializeElements(rootEl, extraVars = () => {}) {\n        this.walkAndSkipNestedComponents(rootEl, el => {\n            // Don't touch spawns from for loop\n            if (el.__x_for_key !== undefined) return false\n\n            this.initializeElement(el, extraVars)\n        }, el => {\n            el.__x = new Component(el)\n        })\n\n        // Walk through the $nextTick stack and clear it as we go.\n        while (this.nextTickStack.length > 0) {\n            this.nextTickStack.shift()()\n        }\n    }\n\n    initializeElement(el, extraVars) {\n        // To support class attribute merging, we have to know what the element's\n        // original class attribute looked like for reference.\n        if (el.hasAttribute('class') && getXAttrs(el).length > 0) {\n            el.__x_original_classes = el.getAttribute('class').split(' ')\n        }\n\n        this.registerListeners(el, extraVars)\n        this.resolveBoundAttributes(el, true, extraVars)\n    }\n\n    updateElements(rootEl, extraVars = () => {}) {\n        this.walkAndSkipNestedComponents(rootEl, el => {\n            // Don't touch spawns from for loop (and check if the root is actually a for loop in a parent, don't skip it.)\n            if (el.__x_for_key !== undefined && ! el.isSameNode(this.$el)) return false\n\n            this.updateElement(el, extraVars)\n        }, el => {\n            el.__x = new Component(el)\n        })\n    }\n\n    updateElement(el, extraVars) {\n        this.resolveBoundAttributes(el, false, extraVars)\n    }\n\n    registerListeners(el, extraVars) {\n        getXAttrs(el).forEach(({ type, value, modifiers, expression }) => {\n            switch (type) {\n                case 'on':\n                    registerListener(this, el, value, modifiers, expression, extraVars)\n                    break;\n\n                case 'model':\n                    registerModelListener(this, el, modifiers, expression, extraVars)\n                    break;\n                default:\n                    break;\n            }\n        })\n    }\n\n    resolveBoundAttributes(el, initialUpdate = false, extraVars) {\n        getXAttrs(el).forEach(({ type, value, modifiers, expression }) => {\n            switch (type) {\n                case 'model':\n                    handleAttributeBindingDirective(this, el, 'value', expression, extraVars)\n                    break;\n\n                case 'bind':\n                    // The :key binding on an x-for is special, ignore it.\n                    if (el.tagName.toLowerCase() === 'template' && value === 'key') return\n\n                    handleAttributeBindingDirective(this, el, value, expression, extraVars)\n                    break;\n\n                case 'text':\n                    var output = this.evaluateReturnExpression(el, expression, extraVars);\n\n                    // If nested model key is undefined, set the default value to empty string.\n                    if (output === undefined && expression.match(/\\./).length) {\n                        output = ''\n                    }\n\n                    el.innerText = output\n                    break;\n\n                case 'html':\n                    el.innerHTML = this.evaluateReturnExpression(el, expression, extraVars)\n                    break;\n\n                case 'show':\n                    var output = this.evaluateReturnExpression(el, expression, extraVars)\n\n                    handleShowDirective(el, output, initialUpdate)\n                    break;\n\n                case 'if':\n                    var output = this.evaluateReturnExpression(el, expression, extraVars)\n\n                    handleIfDirective(el, output, initialUpdate)\n                    break;\n\n                case 'for':\n                    handleForDirective(this, el, expression, initialUpdate)\n                    break;\n\n                case 'cloak':\n                    el.removeAttribute('x-cloak')\n                    break;\n\n                default:\n                    break;\n            }\n        })\n    }\n\n    evaluateReturnExpression(el, expression, extraVars = () => {}) {\n        return saferEval(expression, this.$data, {\n            ...extraVars(),\n            $dispatch: this.getDispatchFunction(el),\n        })\n    }\n\n    evaluateCommandExpression(el, expression, extraVars = () => {}) {\n        saferEvalNoReturn(expression, this.$data, {\n            ...extraVars(),\n            $dispatch: this.getDispatchFunction(el),\n        })\n    }\n\n    getDispatchFunction (el) {\n        return (event, detail = {}) => {\n            el.dispatchEvent(new CustomEvent(event, {\n                detail,\n                bubbles: true,\n            }))\n        }\n    }\n\n    listenForNewElementsToInitialize() {\n        const targetNode = this.$el\n\n        const observerOptions = {\n            childList: true,\n            attributes: true,\n            subtree: true,\n        }\n\n        const observer = new MutationObserver((mutations) => {\n            for (let i=0; i < mutations.length; i++){\n                // Filter out mutations triggered from child components.\n                const closestParentComponent = mutations[i].target.closest('[x-data]')\n                if (! (closestParentComponent && closestParentComponent.isSameNode(this.$el))) return\n\n                if (mutations[i].type === 'attributes' && mutations[i].attributeName === 'x-data') {\n                    const rawData = saferEval(mutations[i].target.getAttribute('x-data'), {})\n\n                    Object.keys(rawData).forEach(key => {\n                        if (this.$data[key] !== rawData[key]) {\n                            this.$data[key] = rawData[key]\n                        }\n                    })\n                }\n\n                if (mutations[i].addedNodes.length > 0) {\n                    mutations[i].addedNodes.forEach(node => {\n                        if (node.nodeType !== 1) return\n\n                        if (node.matches('[x-data]')) {\n                            node.__x = new Component(node)\n                            return\n                        }\n\n                        this.initializeElements(node)\n                    })\n                }\n              }\n        })\n\n        observer.observe(targetNode, observerOptions);\n    }\n\n    getRefsProxy() {\n        var self = this\n\n        // One of the goals of this is to not hold elements in memory, but rather re-evaluate\n        // the DOM when the system needs something from it. This way, the framework is flexible and\n        // friendly to outside DOM changes from libraries like Vue/Livewire.\n        // For this reason, I'm using an \"on-demand\" proxy to fake a \"$refs\" object.\n        return new Proxy({}, {\n            get(object, property) {\n                if (property === 'isRefsProxy') return true\n\n                var ref\n\n                // We can't just query the DOM because it's hard to filter out refs in\n                // nested components.\n                self.walkAndSkipNestedComponents(self.$el, el => {\n                    if (el.hasAttribute('x-ref') && el.getAttribute('x-ref') === property) {\n                        ref = el\n                    }\n                })\n\n                return ref\n            }\n        })\n    }\n}\n","import { transitionIn, transitionOut } from '../utils'\n\nexport function handleShowDirective(el, value, initialUpdate = false) {\n    if (! value) {\n        transitionOut(el, () => {\n            el.style.display = 'none'\n        }, initialUpdate)\n    } else {\n        transitionIn(el, () => {\n            if (el.style.length === 1 && el.style.display !== '') {\n                el.removeAttribute('style')\n            } else {\n                el.style.removeProperty('display')\n            }\n        }, initialUpdate)\n    }\n}\n","import { transitionIn, transitionOut } from '../utils'\n\nexport function handleIfDirective(el, expressionResult, initialUpdate) {\n    if (el.nodeName.toLowerCase() !== 'template') console.warn(`Alpine: [x-if] directive should only be added to <template> tags. See https://github.com/alpinejs/alpine#x-if`)\n\n    const elementHasAlreadyBeenAdded = el.nextElementSibling && el.nextElementSibling.__x_inserted_me === true\n\n    if (expressionResult && ! elementHasAlreadyBeenAdded) {\n        const clone = document.importNode(el.content, true);\n\n        el.parentElement.insertBefore(clone, el.nextElementSibling)\n\n        el.nextElementSibling.__x_inserted_me = true\n\n        transitionIn(el.nextElementSibling, () => {}, initialUpdate)\n    } else if (! expressionResult && elementHasAlreadyBeenAdded) {\n        transitionOut(el.nextElementSibling, () => {\n            el.nextElementSibling.remove()\n        }, initialUpdate)\n    }\n}\n","import Component from './component'\nimport { domReady, isTesting } from './utils'\n\nconst Alpine = {\n    start: async function () {\n        if (! isTesting()) {\n            await domReady()\n        }\n\n        this.discoverComponents(el => {\n            this.initializeComponent(el)\n        })\n\n        // It's easier and more performant to just support Turbolinks than listen\n        // to MutationOberserver mutations at the document level.\n        document.addEventListener(\"turbolinks:load\", () => {\n            this.discoverUninitializedComponents(el => {\n                this.initializeComponent(el)\n            })\n        })\n\n        this.listenForNewUninitializedComponentsAtRunTime(el => {\n            this.initializeComponent(el)\n        })\n    },\n\n    discoverComponents: function (callback) {\n        const rootEls = document.querySelectorAll('[x-data]');\n\n        rootEls.forEach(rootEl => {\n            callback(rootEl)\n        })\n    },\n\n    discoverUninitializedComponents: function (callback, el = null) {\n        const rootEls = (el || document).querySelectorAll('[x-data]');\n\n        Array.from(rootEls)\n            .filter(el => el.__x === undefined)\n            .forEach(rootEl => {\n                callback(rootEl)\n            })\n    },\n\n    listenForNewUninitializedComponentsAtRunTime: function (callback) {\n        const targetNode = document.querySelector('body');\n\n        const observerOptions = {\n            childList: true,\n            attributes: true,\n            subtree: true,\n        }\n\n        const observer = new MutationObserver((mutations) => {\n            for (let i=0; i < mutations.length; i++){\n                if (mutations[i].addedNodes.length > 0) {\n                    mutations[i].addedNodes.forEach(node => {\n                        // Discard non-element nodes (like line-breaks)\n                        if (node.nodeType !== 1) return\n\n                        // Discard any changes happening within an existing component.\n                        // They will take care of themselves.\n                        if (node.parentElement.closest('[x-data]')) return\n\n                        this.discoverUninitializedComponents((el) => {\n                            this.initializeComponent(el)\n                        }, node.parentElement)\n                    })\n                }\n              }\n        })\n\n        observer.observe(targetNode, observerOptions)\n    },\n\n    initializeComponent: function (el) {\n        if (! el.__x) {\n            el.__x = new Component(el)\n        }\n    }\n}\n\nif (! isTesting()) {\n    window.Alpine = Alpine\n    window.Alpine.start()\n}\n\nexport default Alpine\n"],"names":["arrayUnique","array","a","concat","i","length","j","splice","isTesting","navigator","userAgent","includes","saferEval","expression","dataContext","additionalHelperVariables","Function","Object","keys","values","saferEvalNoReturn","isXAttr","attr","name","replaceAtAndColonWithStandardSyntax","test","getXAttrs","el","type","Array","from","attributes","filter","map","typeMatch","match","valueMatch","modifiers","value","replace","startsWith","transitionIn","callback","forceSkip","attrs","transition","find","split","transitionOut","classesDuring","classesStart","classesEnd","hook1","hook2","originalClasses","__x_original_classes","classList","add","requestAnimationFrame","duration","Number","getComputedStyle","transitionDuration","remove","setTimeout","isConnected","handleForDirective","component","initialUpdate","single","bunch","iterator1","iterator2","forIteratorRE","inMatch","res","trim","iteratorMatch","parseFor","items","evaluateReturnExpression","previousEl","forEach","index","group","currentKey","keyAttr","keyAliases","getThisIterationsKeyFromTemplateTag","currentEl","nextElementSibling","undefined","__x_for_key","tmpCurrentEl","parentElement","insertBefore","__x_for_alias","__x_for_value","updateElements","clone","document","importNode","content","initializeElements","nextElementFromOldLoop","nextElementFromOldLoopImmutable","nextSibling","handleAttributeBindingDirective","attrName","extraVars","checked","isArray","valueFound","val","tagName","arrayWrappedValue","options","option","selected","text","updateSelect","setAttribute","join","classNames","className","newClasses","removeAttribute","registerListener","event","handler","e","contains","target","offsetWidth","offsetHeight","runListenerHandler","removeEventListener","addEventListener","listenerTarget","window","isKeyEvent","keyModifiers","keyToModifier","key","selectedSystemKeyModifiers","modifier","isListeningForASpecificKeyThatHasntBeenPressed","preventDefault","stopPropagation","evaluateCommandExpression","toLowerCase","generateModelAssignmentFunction","hasAttribute","currentValue","CustomEvent","detail","multiple","selectedOptions","parseFloat","Component","constructor","$el","dataAttr","this","getAttribute","dataExpression","initExpression","createdExpression","mountedExpression","unobservedData","initReturnedCallback","$data","wrapDataInObservable","$refs","getRefsProxy","nextTickStack","$nextTick","push","pauseReactivity","console","warn","listenForNewElementsToInitialize","call","data","self","proxyHandler","set","obj","property","setWasSuccessful","Reflect","func","shift","wait","context","args","arguments","later","timeout","apply","clearTimeout","get","isRefsProxy","Node","Proxy","walkAndSkipNestedComponents","initializeComponentCallback","walk","node","firstElementChild","isSameNode","__x","rootEl","initializeElement","registerListeners","resolveBoundAttributes","updateElement","rightSideOfExpression","registerModelListener","output","innerText","innerHTML","style","display","removeProperty","handleShowDirective","expressionResult","nodeName","elementHasAlreadyBeenAdded","__x_inserted_me","handleIfDirective","$dispatch","getDispatchFunction","dispatchEvent","bubbles","targetNode","MutationObserver","mutations","closestParentComponent","closest","attributeName","rawData","addedNodes","nodeType","matches","observe","childList","subtree","object","ref","Alpine","start","async","Promise","resolve","readyState","discoverComponents","initializeComponent","discoverUninitializedComponents","listenForNewUninitializedComponentsAtRunTime","querySelectorAll","rootEls","querySelector"],"mappings":"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"}
\ No newline at end of file
diff --git a/src/component.js b/src/component.js
index 594ef4bd7..4124d2af6 100644
--- a/src/component.js
+++ b/src/component.js
@@ -76,7 +76,7 @@ export default class Component {
                 const setWasSuccessful = Reflect.set(obj, property, value)
 
                 // Don't react to data changes for cases like the `x-created` hook.
-                if (self.pauseReactivity) return
+                if (self.pauseReactivity) return setWasSuccessful
 
                 debounce(() => {
                     self.updateElements(self.$el)
diff --git a/test/strict-mode.spec.js b/test/strict-mode.spec.js
new file mode 100644
index 000000000..2956c1154
--- /dev/null
+++ b/test/strict-mode.spec.js
@@ -0,0 +1,30 @@
+import Alpine from 'alpinejs'
+import { wait } from '@testing-library/dom'
+
+global.MutationObserver = class {
+    observe() {}
+}
+
+test('Proxy does not error in strict mode when reactivity is suspended', async () => {
+    "use strict"
+
+    global.statCounter = function () {
+        return {
+            count: 0,
+            init() {
+                this.count = 1200;
+            }
+        }
+    }
+    document.body.innerHTML = `
+        <div class="my-48">
+            <div x-data="statCounter()" x-init="init()">
+                <span x-text="count"></span>
+            </div>
+        </div>
+    `
+
+    Alpine.start()
+
+    await wait(() => { expect(document.querySelector('span').innerText).toEqual(1200) })
+})