diff --git a/public/vendor/alpinejs@2.8.2/alpine.js b/public/vendor/alpinejs@2.8.2/alpine.js
new file mode 100644
index 0000000000..cad3b3a21b
--- /dev/null
+++ b/public/vendor/alpinejs@2.8.2/alpine.js
@@ -0,0 +1,1950 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+    typeof define === 'function' && define.amd ? define(factory) :
+    (global = global || self, global.Alpine = factory());
+  }(this, (function () { 'use strict';
+  
+    function _defineProperty(obj, key, value) {
+      if (key in obj) {
+        Object.defineProperty(obj, key, {
+          value: value,
+          enumerable: true,
+          configurable: true,
+          writable: true
+        });
+      } else {
+        obj[key] = value;
+      }
+  
+      return obj;
+    }
+  
+    function ownKeys(object, enumerableOnly) {
+      var keys = Object.keys(object);
+  
+      if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (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 = arguments[i] != null ? arguments[i] : {};
+  
+        if (i % 2) {
+          ownKeys(Object(source), true).forEach(function (key) {
+            _defineProperty(target, key, source[key]);
+          });
+        } else if (Object.getOwnPropertyDescriptors) {
+          Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        } else {
+          ownKeys(Object(source)).forEach(function (key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+          });
+        }
+      }
+  
+      return target;
+    }
+  
+    // Thanks @stimulus:
+    // https://github.com/stimulusjs/stimulus/blob/master/packages/%40stimulus/core/src/application.ts
+    function domReady() {
+      return new Promise(resolve => {
+        if (document.readyState == "loading") {
+          document.addEventListener("DOMContentLoaded", resolve);
+        } else {
+          resolve();
+        }
+      });
+    }
+    function arrayUnique(array) {
+      return Array.from(new Set(array));
+    }
+    function isTesting() {
+      return navigator.userAgent.includes("Node.js") || navigator.userAgent.includes("jsdom");
+    }
+    function checkedAttrLooseCompare(valueA, valueB) {
+      return valueA == valueB;
+    }
+    function warnIfMalformedTemplate(el, directive) {
+      if (el.tagName.toLowerCase() !== 'template') {
+        console.warn(`Alpine: [${directive}] directive should only be added to <template> tags. See https://github.com/alpinejs/alpine#${directive}`);
+      } else if (el.content.childElementCount !== 1) {
+        console.warn(`Alpine: <template> tag with [${directive}] encountered with an unexpected number of root elements. Make sure <template> has a single root element. `);
+      }
+    }
+    function kebabCase(subject) {
+      return subject.replace(/([a-z])([A-Z])/g, '$1-$2').replace(/[_\s]/, '-').toLowerCase();
+    }
+    function camelCase(subject) {
+      return subject.toLowerCase().replace(/-(\w)/g, (match, char) => char.toUpperCase());
+    }
+    function walk(el, callback) {
+      if (callback(el) === false) return;
+      let node = el.firstElementChild;
+  
+      while (node) {
+        walk(node, callback);
+        node = node.nextElementSibling;
+      }
+    }
+    function debounce(func, wait) {
+      var timeout;
+      return function () {
+        var context = this,
+            args = arguments;
+  
+        var later = function later() {
+          timeout = null;
+          func.apply(context, args);
+        };
+  
+        clearTimeout(timeout);
+        timeout = setTimeout(later, wait);
+      };
+    }
+  
+    const handleError = (el, expression, error) => {
+      console.warn(`Alpine Error: "${error}"\n\nExpression: "${expression}"\nElement:`, el);
+  
+      if (!isTesting()) {
+        Object.assign(error, {
+          el,
+          expression
+        });
+        throw error;
+      }
+    };
+  
+    function tryCatch(cb, {
+      el,
+      expression
+    }) {
+      try {
+        const value = cb();
+        return value instanceof Promise ? value.catch(e => handleError(el, expression, e)) : value;
+      } catch (e) {
+        handleError(el, expression, e);
+      }
+    }
+  
+    function saferEval(el, expression, dataContext, additionalHelperVariables = {}) {
+      return tryCatch(() => {
+        if (typeof expression === 'function') {
+          return expression.call(dataContext);
+        }
+  
+        return new Function(['$data', ...Object.keys(additionalHelperVariables)], `var __alpine_result; with($data) { __alpine_result = ${expression} }; return __alpine_result`)(dataContext, ...Object.values(additionalHelperVariables));
+      }, {
+        el,
+        expression
+      });
+    }
+    function saferEvalNoReturn(el, expression, dataContext, additionalHelperVariables = {}) {
+      return tryCatch(() => {
+        if (typeof expression === 'function') {
+          return Promise.resolve(expression.call(dataContext, additionalHelperVariables['$event']));
+        }
+  
+        let AsyncFunction = Function;
+        /* MODERN-ONLY:START */
+  
+        AsyncFunction = Object.getPrototypeOf(async function () {}).constructor;
+        /* MODERN-ONLY:END */
+        // For the cases when users pass only a function reference to the caller: `x-on:click="foo"`
+        // Where "foo" is a function. Also, we'll pass the function the event instance when we call it.
+  
+        if (Object.keys(dataContext).includes(expression)) {
+          let methodReference = new Function(['dataContext', ...Object.keys(additionalHelperVariables)], `with(dataContext) { return ${expression} }`)(dataContext, ...Object.values(additionalHelperVariables));
+  
+          if (typeof methodReference === 'function') {
+            return Promise.resolve(methodReference.call(dataContext, additionalHelperVariables['$event']));
+          } else {
+            return Promise.resolve();
+          }
+        }
+  
+        return Promise.resolve(new AsyncFunction(['dataContext', ...Object.keys(additionalHelperVariables)], `with(dataContext) { ${expression} }`)(dataContext, ...Object.values(additionalHelperVariables)));
+      }, {
+        el,
+        expression
+      });
+    }
+    const xAttrRE = /^x-(on|bind|data|text|html|model|if|for|show|cloak|transition|ref|spread)\b/;
+    function isXAttr(attr) {
+      const name = replaceAtAndColonWithStandardSyntax(attr.name);
+      return xAttrRE.test(name);
+    }
+    function getXAttrs(el, component, type) {
+      let directives = Array.from(el.attributes).filter(isXAttr).map(parseHtmlAttribute); // Get an object of directives from x-spread.
+  
+      let spreadDirective = directives.filter(directive => directive.type === 'spread')[0];
+  
+      if (spreadDirective) {
+        let spreadObject = saferEval(el, spreadDirective.expression, component.$data); // Add x-spread directives to the pile of existing directives.
+  
+        directives = directives.concat(Object.entries(spreadObject).map(([name, value]) => parseHtmlAttribute({
+          name,
+          value
+        })));
+      }
+  
+      if (type) return directives.filter(i => i.type === type);
+      return sortDirectives(directives);
+    }
+  
+    function sortDirectives(directives) {
+      let directiveOrder = ['bind', 'model', 'show', 'catch-all'];
+      return directives.sort((a, b) => {
+        let typeA = directiveOrder.indexOf(a.type) === -1 ? 'catch-all' : a.type;
+        let typeB = directiveOrder.indexOf(b.type) === -1 ? 'catch-all' : b.type;
+        return directiveOrder.indexOf(typeA) - directiveOrder.indexOf(typeB);
+      });
+    }
+  
+    function parseHtmlAttribute({
+      name,
+      value
+    }) {
+      const normalizedName = replaceAtAndColonWithStandardSyntax(name);
+      const typeMatch = normalizedName.match(xAttrRE);
+      const valueMatch = normalizedName.match(/:([a-zA-Z0-9\-:]+)/);
+      const modifiers = normalizedName.match(/\.[^.\]]+(?=[^\]]*$)/g) || [];
+      return {
+        type: typeMatch ? typeMatch[1] : null,
+        value: valueMatch ? valueMatch[1] : null,
+        modifiers: modifiers.map(i => i.replace('.', '')),
+        expression: value
+      };
+    }
+    function isBooleanAttr(attrName) {
+      // As per HTML spec table https://html.spec.whatwg.org/multipage/indices.html#attributes-3:boolean-attribute
+      // Array roughly ordered by estimated usage
+      const booleanAttributes = ['disabled', 'checked', 'required', 'readonly', 'hidden', 'open', 'selected', 'autofocus', 'itemscope', 'multiple', 'novalidate', 'allowfullscreen', 'allowpaymentrequest', 'formnovalidate', 'autoplay', 'controls', 'loop', 'muted', 'playsinline', 'default', 'ismap', 'reversed', 'async', 'defer', 'nomodule'];
+      return booleanAttributes.includes(attrName);
+    }
+    function replaceAtAndColonWithStandardSyntax(name) {
+      if (name.startsWith('@')) {
+        return name.replace('@', 'x-on:');
+      } else if (name.startsWith(':')) {
+        return name.replace(':', 'x-bind:');
+      }
+  
+      return name;
+    }
+    function convertClassStringToArray(classList, filterFn = Boolean) {
+      return classList.split(' ').filter(filterFn);
+    }
+    const TRANSITION_TYPE_IN = 'in';
+    const TRANSITION_TYPE_OUT = 'out';
+    const TRANSITION_CANCELLED = 'cancelled';
+    function transitionIn(el, show, reject, component, forceSkip = false) {
+      // We don't want to transition on the initial page load.
+      if (forceSkip) return show();
+  
+      if (el.__x_transition && el.__x_transition.type === TRANSITION_TYPE_IN) {
+        // there is already a similar transition going on, this was probably triggered by
+        // a change in a different property, let's just leave the previous one doing its job
+        return;
+      }
+  
+      const attrs = getXAttrs(el, component, 'transition');
+      const showAttr = getXAttrs(el, component, 'show')[0]; // If this is triggered by a x-show.transition.
+  
+      if (showAttr && showAttr.modifiers.includes('transition')) {
+        let modifiers = showAttr.modifiers; // If x-show.transition.out, we'll skip the "in" transition.
+  
+        if (modifiers.includes('out') && !modifiers.includes('in')) return show();
+        const settingBothSidesOfTransition = modifiers.includes('in') && modifiers.includes('out'); // If x-show.transition.in...out... only use "in" related modifiers for this transition.
+  
+        modifiers = settingBothSidesOfTransition ? modifiers.filter((i, index) => index < modifiers.indexOf('out')) : modifiers;
+        transitionHelperIn(el, modifiers, show, reject); // Otherwise, we can assume x-transition:enter.
+      } else if (attrs.some(attr => ['enter', 'enter-start', 'enter-end'].includes(attr.value))) {
+        transitionClassesIn(el, component, attrs, show, reject);
+      } else {
+        // If neither, just show that damn thing.
+        show();
+      }
+    }
+    function transitionOut(el, hide, reject, component, forceSkip = false) {
+      // We don't want to transition on the initial page load.
+      if (forceSkip) return hide();
+  
+      if (el.__x_transition && el.__x_transition.type === TRANSITION_TYPE_OUT) {
+        // there is already a similar transition going on, this was probably triggered by
+        // a change in a different property, let's just leave the previous one doing its job
+        return;
+      }
+  
+      const attrs = getXAttrs(el, component, 'transition');
+      const showAttr = getXAttrs(el, component, 'show')[0];
+  
+      if (showAttr && showAttr.modifiers.includes('transition')) {
+        let modifiers = showAttr.modifiers;
+        if (modifiers.includes('in') && !modifiers.includes('out')) return hide();
+        const settingBothSidesOfTransition = modifiers.includes('in') && modifiers.includes('out');
+        modifiers = settingBothSidesOfTransition ? modifiers.filter((i, index) => index > modifiers.indexOf('out')) : modifiers;
+        transitionHelperOut(el, modifiers, settingBothSidesOfTransition, hide, reject);
+      } else if (attrs.some(attr => ['leave', 'leave-start', 'leave-end'].includes(attr.value))) {
+        transitionClassesOut(el, component, attrs, hide, reject);
+      } else {
+        hide();
+      }
+    }
+    function transitionHelperIn(el, modifiers, showCallback, reject) {
+      // Default values inspired by: https://material.io/design/motion/speed.html#duration
+      const styleValues = {
+        duration: modifierValue(modifiers, 'duration', 150),
+        origin: modifierValue(modifiers, 'origin', 'center'),
+        first: {
+          opacity: 0,
+          scale: modifierValue(modifiers, 'scale', 95)
+        },
+        second: {
+          opacity: 1,
+          scale: 100
+        }
+      };
+      transitionHelper(el, modifiers, showCallback, () => {}, reject, styleValues, TRANSITION_TYPE_IN);
+    }
+    function transitionHelperOut(el, modifiers, settingBothSidesOfTransition, hideCallback, reject) {
+      // Make the "out" transition .5x slower than the "in". (Visually better)
+      // HOWEVER, if they explicitly set a duration for the "out" transition,
+      // use that.
+      const duration = settingBothSidesOfTransition ? modifierValue(modifiers, 'duration', 150) : modifierValue(modifiers, 'duration', 150) / 2;
+      const styleValues = {
+        duration: duration,
+        origin: modifierValue(modifiers, 'origin', 'center'),
+        first: {
+          opacity: 1,
+          scale: 100
+        },
+        second: {
+          opacity: 0,
+          scale: modifierValue(modifiers, 'scale', 95)
+        }
+      };
+      transitionHelper(el, modifiers, () => {}, hideCallback, reject, styleValues, TRANSITION_TYPE_OUT);
+    }
+  
+    function modifierValue(modifiers, key, fallback) {
+      // If the modifier isn't present, use the default.
+      if (modifiers.indexOf(key) === -1) return fallback; // If it IS present, grab the value after it: x-show.transition.duration.500ms
+  
+      const rawValue = modifiers[modifiers.indexOf(key) + 1];
+      if (!rawValue) return fallback;
+  
+      if (key === 'scale') {
+        // Check if the very next value is NOT a number and return the fallback.
+        // If x-show.transition.scale, we'll use the default scale value.
+        // That is how a user opts out of the opacity transition.
+        if (!isNumeric(rawValue)) return fallback;
+      }
+  
+      if (key === 'duration') {
+        // Support x-show.transition.duration.500ms && duration.500
+        let match = rawValue.match(/([0-9]+)ms/);
+        if (match) return match[1];
+      }
+  
+      if (key === 'origin') {
+        // Support chaining origin directions: x-show.transition.top.right
+        if (['top', 'right', 'left', 'center', 'bottom'].includes(modifiers[modifiers.indexOf(key) + 2])) {
+          return [rawValue, modifiers[modifiers.indexOf(key) + 2]].join(' ');
+        }
+      }
+  
+      return rawValue;
+    }
+  
+    function transitionHelper(el, modifiers, hook1, hook2, reject, styleValues, type) {
+      // clear the previous transition if exists to avoid caching the wrong styles
+      if (el.__x_transition) {
+        el.__x_transition.cancel && el.__x_transition.cancel();
+      } // If the user set these style values, we'll put them back when we're done with them.
+  
+  
+      const opacityCache = el.style.opacity;
+      const transformCache = el.style.transform;
+      const transformOriginCache = el.style.transformOrigin; // If no modifiers are present: x-show.transition, we'll default to both opacity and scale.
+  
+      const noModifiers = !modifiers.includes('opacity') && !modifiers.includes('scale');
+      const transitionOpacity = noModifiers || modifiers.includes('opacity');
+      const transitionScale = noModifiers || modifiers.includes('scale'); // These are the explicit stages of a transition (same stages for in and for out).
+      // This way you can get a birds eye view of the hooks, and the differences
+      // between them.
+  
+      const stages = {
+        start() {
+          if (transitionOpacity) el.style.opacity = styleValues.first.opacity;
+          if (transitionScale) el.style.transform = `scale(${styleValues.first.scale / 100})`;
+        },
+  
+        during() {
+          if (transitionScale) el.style.transformOrigin = styleValues.origin;
+          el.style.transitionProperty = [transitionOpacity ? `opacity` : ``, transitionScale ? `transform` : ``].join(' ').trim();
+          el.style.transitionDuration = `${styleValues.duration / 1000}s`;
+          el.style.transitionTimingFunction = `cubic-bezier(0.4, 0.0, 0.2, 1)`;
+        },
+  
+        show() {
+          hook1();
+        },
+  
+        end() {
+          if (transitionOpacity) el.style.opacity = styleValues.second.opacity;
+          if (transitionScale) el.style.transform = `scale(${styleValues.second.scale / 100})`;
+        },
+  
+        hide() {
+          hook2();
+        },
+  
+        cleanup() {
+          if (transitionOpacity) el.style.opacity = opacityCache;
+          if (transitionScale) el.style.transform = transformCache;
+          if (transitionScale) el.style.transformOrigin = transformOriginCache;
+          el.style.transitionProperty = null;
+          el.style.transitionDuration = null;
+          el.style.transitionTimingFunction = null;
+        }
+  
+      };
+      transition(el, stages, type, reject);
+    }
+  
+    const ensureStringExpression = (expression, el, component) => {
+      return typeof expression === 'function' ? component.evaluateReturnExpression(el, expression) : expression;
+    };
+  
+    function transitionClassesIn(el, component, directives, showCallback, reject) {
+      const enter = convertClassStringToArray(ensureStringExpression((directives.find(i => i.value === 'enter') || {
+        expression: ''
+      }).expression, el, component));
+      const enterStart = convertClassStringToArray(ensureStringExpression((directives.find(i => i.value === 'enter-start') || {
+        expression: ''
+      }).expression, el, component));
+      const enterEnd = convertClassStringToArray(ensureStringExpression((directives.find(i => i.value === 'enter-end') || {
+        expression: ''
+      }).expression, el, component));
+      transitionClasses(el, enter, enterStart, enterEnd, showCallback, () => {}, TRANSITION_TYPE_IN, reject);
+    }
+    function transitionClassesOut(el, component, directives, hideCallback, reject) {
+      const leave = convertClassStringToArray(ensureStringExpression((directives.find(i => i.value === 'leave') || {
+        expression: ''
+      }).expression, el, component));
+      const leaveStart = convertClassStringToArray(ensureStringExpression((directives.find(i => i.value === 'leave-start') || {
+        expression: ''
+      }).expression, el, component));
+      const leaveEnd = convertClassStringToArray(ensureStringExpression((directives.find(i => i.value === 'leave-end') || {
+        expression: ''
+      }).expression, el, component));
+      transitionClasses(el, leave, leaveStart, leaveEnd, () => {}, hideCallback, TRANSITION_TYPE_OUT, reject);
+    }
+    function transitionClasses(el, classesDuring, classesStart, classesEnd, hook1, hook2, type, reject) {
+      // clear the previous transition if exists to avoid caching the wrong classes
+      if (el.__x_transition) {
+        el.__x_transition.cancel && el.__x_transition.cancel();
+      }
+  
+      const originalClasses = el.__x_original_classes || [];
+      const stages = {
+        start() {
+          el.classList.add(...classesStart);
+        },
+  
+        during() {
+          el.classList.add(...classesDuring);
+        },
+  
+        show() {
+          hook1();
+        },
+  
+        end() {
+          // Don't remove classes that were in the original class attribute.
+          el.classList.remove(...classesStart.filter(i => !originalClasses.includes(i)));
+          el.classList.add(...classesEnd);
+        },
+  
+        hide() {
+          hook2();
+        },
+  
+        cleanup() {
+          el.classList.remove(...classesDuring.filter(i => !originalClasses.includes(i)));
+          el.classList.remove(...classesEnd.filter(i => !originalClasses.includes(i)));
+        }
+  
+      };
+      transition(el, stages, type, reject);
+    }
+    function transition(el, stages, type, reject) {
+      const finish = once(() => {
+        stages.hide(); // Adding an "isConnected" check, in case the callback
+        // removed the element from the DOM.
+  
+        if (el.isConnected) {
+          stages.cleanup();
+        }
+  
+        delete el.__x_transition;
+      });
+      el.__x_transition = {
+        // Set transition type so we can avoid clearing transition if the direction is the same
+        type: type,
+        // create a callback for the last stages of the transition so we can call it
+        // from different point and early terminate it. Once will ensure that function
+        // is only called one time.
+        cancel: once(() => {
+          reject(TRANSITION_CANCELLED);
+          finish();
+        }),
+        finish,
+        // This store the next animation frame so we can cancel it
+        nextFrame: null
+      };
+      stages.start();
+      stages.during();
+      el.__x_transition.nextFrame = requestAnimationFrame(() => {
+        // Note: Safari's transitionDuration property will list out comma separated transition durations
+        // for every single transition property. Let's grab the first one and call it a day.
+        let duration = Number(getComputedStyle(el).transitionDuration.replace(/,.*/, '').replace('s', '')) * 1000;
+  
+        if (duration === 0) {
+          duration = Number(getComputedStyle(el).animationDuration.replace('s', '')) * 1000;
+        }
+  
+        stages.show();
+        el.__x_transition.nextFrame = requestAnimationFrame(() => {
+          stages.end();
+          setTimeout(el.__x_transition.finish, duration);
+        });
+      });
+    }
+    function isNumeric(subject) {
+      return !Array.isArray(subject) && !isNaN(subject);
+    } // Thanks @vuejs
+    // https://github.com/vuejs/vue/blob/4de4649d9637262a9b007720b59f80ac72a5620c/src/shared/util.js
+  
+    function once(callback) {
+      let called = false;
+      return function () {
+        if (!called) {
+          called = true;
+          callback.apply(this, arguments);
+        }
+      };
+    }
+  
+    function handleForDirective(component, templateEl, expression, initialUpdate, extraVars) {
+      warnIfMalformedTemplate(templateEl, 'x-for');
+      let iteratorNames = typeof expression === 'function' ? parseForExpression(component.evaluateReturnExpression(templateEl, expression)) : parseForExpression(expression);
+      let items = evaluateItemsAndReturnEmptyIfXIfIsPresentAndFalseOnElement(component, templateEl, iteratorNames, extraVars); // As we walk the array, we'll also walk the DOM (updating/creating as we go).
+  
+      let currentEl = templateEl;
+      items.forEach((item, index) => {
+        let iterationScopeVariables = getIterationScopeVariables(iteratorNames, item, index, items, extraVars());
+        let currentKey = generateKeyForIteration(component, templateEl, index, iterationScopeVariables);
+        let nextEl = lookAheadForMatchingKeyedElementAndMoveItIfFound(currentEl.nextElementSibling, currentKey); // If we haven't found a matching key, insert the element at the current position.
+  
+        if (!nextEl) {
+          nextEl = addElementInLoopAfterCurrentEl(templateEl, currentEl); // And transition it in if it's not the first page load.
+  
+          transitionIn(nextEl, () => {}, () => {}, component, initialUpdate);
+          nextEl.__x_for = iterationScopeVariables;
+          component.initializeElements(nextEl, () => nextEl.__x_for); // Otherwise update the element we found.
+        } else {
+          // Temporarily remove the key indicator to allow the normal "updateElements" to work.
+          delete nextEl.__x_for_key;
+          nextEl.__x_for = iterationScopeVariables;
+          component.updateElements(nextEl, () => nextEl.__x_for);
+        }
+  
+        currentEl = nextEl;
+        currentEl.__x_for_key = currentKey;
+      });
+      removeAnyLeftOverElementsFromPreviousUpdate(currentEl, component);
+    } // This was taken from VueJS 2.* core. Thanks Vue!
+  
+    function parseForExpression(expression) {
+      let forIteratorRE = /,([^,\}\]]*)(?:,([^,\}\]]*))?$/;
+      let stripParensRE = /^\(|\)$/g;
+      let forAliasRE = /([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/;
+      let inMatch = String(expression).match(forAliasRE);
+      if (!inMatch) return;
+      let res = {};
+      res.items = inMatch[2].trim();
+      let item = inMatch[1].trim().replace(stripParensRE, '');
+      let iteratorMatch = item.match(forIteratorRE);
+  
+      if (iteratorMatch) {
+        res.item = item.replace(forIteratorRE, '').trim();
+        res.index = iteratorMatch[1].trim();
+  
+        if (iteratorMatch[2]) {
+          res.collection = iteratorMatch[2].trim();
+        }
+      } else {
+        res.item = item;
+      }
+  
+      return res;
+    }
+  
+    function getIterationScopeVariables(iteratorNames, item, index, items, extraVars) {
+      // We must create a new object, so each iteration has a new scope
+      let scopeVariables = extraVars ? _objectSpread2({}, extraVars) : {};
+      scopeVariables[iteratorNames.item] = item;
+      if (iteratorNames.index) scopeVariables[iteratorNames.index] = index;
+      if (iteratorNames.collection) scopeVariables[iteratorNames.collection] = items;
+      return scopeVariables;
+    }
+  
+    function generateKeyForIteration(component, el, index, iterationScopeVariables) {
+      let bindKeyAttribute = getXAttrs(el, component, 'bind').filter(attr => attr.value === 'key')[0]; // If the dev hasn't specified a key, just return the index of the iteration.
+  
+      if (!bindKeyAttribute) return index;
+      return component.evaluateReturnExpression(el, bindKeyAttribute.expression, () => iterationScopeVariables);
+    }
+  
+    function evaluateItemsAndReturnEmptyIfXIfIsPresentAndFalseOnElement(component, el, iteratorNames, extraVars) {
+      let ifAttribute = getXAttrs(el, component, 'if')[0];
+  
+      if (ifAttribute && !component.evaluateReturnExpression(el, ifAttribute.expression)) {
+        return [];
+      }
+  
+      let items = component.evaluateReturnExpression(el, iteratorNames.items, extraVars); // This adds support for the `i in n` syntax.
+  
+      if (isNumeric(items) && items >= 0) {
+        items = Array.from(Array(items).keys(), i => i + 1);
+      }
+  
+      return items;
+    }
+  
+    function addElementInLoopAfterCurrentEl(templateEl, currentEl) {
+      let clone = document.importNode(templateEl.content, true);
+      currentEl.parentElement.insertBefore(clone, currentEl.nextElementSibling);
+      return currentEl.nextElementSibling;
+    }
+  
+    function lookAheadForMatchingKeyedElementAndMoveItIfFound(nextEl, currentKey) {
+      if (!nextEl) return; // If we are already past the x-for generated elements, we don't need to look ahead.
+  
+      if (nextEl.__x_for_key === undefined) return; // If the the key's DO match, no need to look ahead.
+  
+      if (nextEl.__x_for_key === currentKey) return nextEl; // If they don't, we'll look ahead for a match.
+      // If we find it, we'll move it to the current position in the loop.
+  
+      let tmpNextEl = nextEl;
+  
+      while (tmpNextEl) {
+        if (tmpNextEl.__x_for_key === currentKey) {
+          return tmpNextEl.parentElement.insertBefore(tmpNextEl, nextEl);
+        }
+  
+        tmpNextEl = tmpNextEl.nextElementSibling && tmpNextEl.nextElementSibling.__x_for_key !== undefined ? tmpNextEl.nextElementSibling : false;
+      }
+    }
+  
+    function removeAnyLeftOverElementsFromPreviousUpdate(currentEl, component) {
+      var nextElementFromOldLoop = currentEl.nextElementSibling && currentEl.nextElementSibling.__x_for_key !== undefined ? currentEl.nextElementSibling : false;
+  
+      while (nextElementFromOldLoop) {
+        let nextElementFromOldLoopImmutable = nextElementFromOldLoop;
+        let nextSibling = nextElementFromOldLoop.nextElementSibling;
+        transitionOut(nextElementFromOldLoop, () => {
+          nextElementFromOldLoopImmutable.remove();
+        }, () => {}, component);
+        nextElementFromOldLoop = nextSibling && nextSibling.__x_for_key !== undefined ? nextSibling : false;
+      }
+    }
+  
+    function handleAttributeBindingDirective(component, el, attrName, expression, extraVars, attrType, modifiers) {
+      var value = component.evaluateReturnExpression(el, expression, extraVars);
+  
+      if (attrName === 'value') {
+        if (Alpine.ignoreFocusedForValueBinding && document.activeElement.isSameNode(el)) return; // If nested model key is undefined, set the default value to empty string.
+  
+        if (value === undefined && String(expression).match(/\./)) {
+          value = '';
+        }
+  
+        if (el.type === 'radio') {
+          // Set radio value from x-bind:value, if no "value" attribute exists.
+          // If there are any initial state values, radio will have a correct
+          // "checked" value since x-bind:value is processed before x-model.
+          if (el.attributes.value === undefined && attrType === 'bind') {
+            el.value = value;
+          } else if (attrType !== 'bind') {
+            el.checked = checkedAttrLooseCompare(el.value, value);
+          }
+        } else if (el.type === 'checkbox') {
+          // If we are explicitly binding a string to the :value, set the string,
+          // If the value is a boolean, leave it alone, it will be set to "on"
+          // automatically.
+          if (typeof value !== 'boolean' && ![null, undefined].includes(value) && attrType === 'bind') {
+            el.value = String(value);
+          } else if (attrType !== 'bind') {
+            if (Array.isArray(value)) {
+              // I'm purposely not using Array.includes here because it's
+              // strict, and because of Numeric/String mis-casting, I
+              // want the "includes" to be "fuzzy".
+              el.checked = value.some(val => checkedAttrLooseCompare(val, el.value));
+            } else {
+              el.checked = !!value;
+            }
+          }
+        } else if (el.tagName === 'SELECT') {
+          updateSelect(el, value);
+        } else {
+          if (el.value === value) return;
+          el.value = value;
+        }
+      } else if (attrName === 'class') {
+        if (Array.isArray(value)) {
+          const originalClasses = el.__x_original_classes || [];
+          el.setAttribute('class', arrayUnique(originalClasses.concat(value)).join(' '));
+        } else if (typeof value === 'object') {
+          // Sorting the keys / class names by their boolean value will ensure that
+          // anything that evaluates to `false` and needs to remove classes is run first.
+          const keysSortedByBooleanValue = Object.keys(value).sort((a, b) => value[a] - value[b]);
+          keysSortedByBooleanValue.forEach(classNames => {
+            if (value[classNames]) {
+              convertClassStringToArray(classNames).forEach(className => el.classList.add(className));
+            } else {
+              convertClassStringToArray(classNames).forEach(className => el.classList.remove(className));
+            }
+          });
+        } else {
+          const originalClasses = el.__x_original_classes || [];
+          const newClasses = value ? convertClassStringToArray(value) : [];
+          el.setAttribute('class', arrayUnique(originalClasses.concat(newClasses)).join(' '));
+        }
+      } else {
+        attrName = modifiers.includes('camel') ? camelCase(attrName) : attrName; // If an attribute's bound value is null, undefined or false, remove the attribute
+  
+        if ([null, undefined, false].includes(value)) {
+          el.removeAttribute(attrName);
+        } else {
+          isBooleanAttr(attrName) ? setIfChanged(el, attrName, attrName) : setIfChanged(el, attrName, value);
+        }
+      }
+    }
+  
+    function setIfChanged(el, attrName, value) {
+      if (el.getAttribute(attrName) != value) {
+        el.setAttribute(attrName, value);
+      }
+    }
+  
+    function updateSelect(el, value) {
+      const arrayWrappedValue = [].concat(value).map(value => {
+        return value + '';
+      });
+      Array.from(el.options).forEach(option => {
+        option.selected = arrayWrappedValue.includes(option.value || option.text);
+      });
+    }
+  
+    function handleTextDirective(el, output, expression) {
+      // If nested model key is undefined, set the default value to empty string.
+      if (output === undefined && String(expression).match(/\./)) {
+        output = '';
+      }
+  
+      el.textContent = output;
+    }
+  
+    function handleHtmlDirective(component, el, expression, extraVars) {
+      el.innerHTML = component.evaluateReturnExpression(el, expression, extraVars);
+    }
+  
+    function handleShowDirective(component, el, value, modifiers, initialUpdate = false) {
+      const hide = () => {
+        el.style.display = 'none';
+        el.__x_is_shown = false;
+      };
+  
+      const show = () => {
+        if (el.style.length === 1 && el.style.display === 'none') {
+          el.removeAttribute('style');
+        } else {
+          el.style.removeProperty('display');
+        }
+  
+        el.__x_is_shown = true;
+      };
+  
+      if (initialUpdate === true) {
+        if (value) {
+          show();
+        } else {
+          hide();
+        }
+  
+        return;
+      }
+  
+      const handle = (resolve, reject) => {
+        if (value) {
+          if (el.style.display === 'none' || el.__x_transition) {
+            transitionIn(el, () => {
+              show();
+            }, reject, component);
+          }
+  
+          resolve(() => {});
+        } else {
+          if (el.style.display !== 'none') {
+            transitionOut(el, () => {
+              resolve(() => {
+                hide();
+              });
+            }, reject, component);
+          } else {
+            resolve(() => {});
+          }
+        }
+      }; // The working of x-show is a bit complex because we need to
+      // wait for any child transitions to finish before hiding
+      // some element. Also, this has to be done recursively.
+      // If x-show.immediate, foregoe the waiting.
+  
+  
+      if (modifiers.includes('immediate')) {
+        handle(finish => finish(), () => {});
+        return;
+      } // x-show is encountered during a DOM tree walk. If an element
+      // we encounter is NOT a child of another x-show element we
+      // can execute the previous x-show stack (if one exists).
+  
+  
+      if (component.showDirectiveLastElement && !component.showDirectiveLastElement.contains(el)) {
+        component.executeAndClearRemainingShowDirectiveStack();
+      }
+  
+      component.showDirectiveStack.push(handle);
+      component.showDirectiveLastElement = el;
+    }
+  
+    function handleIfDirective(component, el, expressionResult, initialUpdate, extraVars) {
+      warnIfMalformedTemplate(el, 'x-if');
+      const elementHasAlreadyBeenAdded = el.nextElementSibling && el.nextElementSibling.__x_inserted_me === true;
+  
+      if (expressionResult && (!elementHasAlreadyBeenAdded || el.__x_transition)) {
+        const clone = document.importNode(el.content, true);
+        el.parentElement.insertBefore(clone, el.nextElementSibling);
+        transitionIn(el.nextElementSibling, () => {}, () => {}, component, initialUpdate);
+        component.initializeElements(el.nextElementSibling, extraVars);
+        el.nextElementSibling.__x_inserted_me = true;
+      } else if (!expressionResult && elementHasAlreadyBeenAdded) {
+        transitionOut(el.nextElementSibling, () => {
+          el.nextElementSibling.remove();
+        }, () => {}, component, initialUpdate);
+      }
+    }
+  
+    function registerListener(component, el, event, modifiers, expression, extraVars = {}) {
+      const options = {
+        passive: modifiers.includes('passive')
+      };
+  
+      if (modifiers.includes('camel')) {
+        event = camelCase(event);
+      }
+  
+      let handler, listenerTarget;
+  
+      if (modifiers.includes('away')) {
+        listenerTarget = document;
+  
+        handler = e => {
+          // Don't do anything if the click came from the element or within it.
+          if (el.contains(e.target)) return; // Don't do anything if this element isn't currently visible.
+  
+          if (el.offsetWidth < 1 && el.offsetHeight < 1) return; // Now that we are sure the element is visible, AND the click
+          // is from outside it, let's run the expression.
+  
+          runListenerHandler(component, expression, e, extraVars);
+  
+          if (modifiers.includes('once')) {
+            document.removeEventListener(event, handler, options);
+          }
+        };
+      } else {
+        listenerTarget = modifiers.includes('window') ? window : modifiers.includes('document') ? document : el;
+  
+        handler = e => {
+          // Remove this global event handler if the element that declared it
+          // has been removed. It's now stale.
+          if (listenerTarget === window || listenerTarget === document) {
+            if (!document.body.contains(el)) {
+              listenerTarget.removeEventListener(event, handler, options);
+              return;
+            }
+          }
+  
+          if (isKeyEvent(event)) {
+            if (isListeningForASpecificKeyThatHasntBeenPressed(e, modifiers)) {
+              return;
+            }
+          }
+  
+          if (modifiers.includes('prevent')) e.preventDefault();
+          if (modifiers.includes('stop')) e.stopPropagation(); // If the .self modifier isn't present, or if it is present and
+          // the target element matches the element we are registering the
+          // event on, run the handler
+  
+          if (!modifiers.includes('self') || e.target === el) {
+            const returnValue = runListenerHandler(component, expression, e, extraVars);
+            returnValue.then(value => {
+              if (value === false) {
+                e.preventDefault();
+              } else {
+                if (modifiers.includes('once')) {
+                  listenerTarget.removeEventListener(event, handler, options);
+                }
+              }
+            });
+          }
+        };
+      }
+  
+      if (modifiers.includes('debounce')) {
+        let nextModifier = modifiers[modifiers.indexOf('debounce') + 1] || 'invalid-wait';
+        let wait = isNumeric(nextModifier.split('ms')[0]) ? Number(nextModifier.split('ms')[0]) : 250;
+        handler = debounce(handler, wait);
+      }
+  
+      listenerTarget.addEventListener(event, handler, options);
+    }
+  
+    function runListenerHandler(component, expression, e, extraVars) {
+      return component.evaluateCommandExpression(e.target, expression, () => {
+        return _objectSpread2(_objectSpread2({}, extraVars()), {}, {
+          '$event': e
+        });
+      });
+    }
+  
+    function isKeyEvent(event) {
+      return ['keydown', 'keyup'].includes(event);
+    }
+  
+    function isListeningForASpecificKeyThatHasntBeenPressed(e, modifiers) {
+      let keyModifiers = modifiers.filter(i => {
+        return !['window', 'document', 'prevent', 'stop'].includes(i);
+      });
+  
+      if (keyModifiers.includes('debounce')) {
+        let debounceIndex = keyModifiers.indexOf('debounce');
+        keyModifiers.splice(debounceIndex, isNumeric((keyModifiers[debounceIndex + 1] || 'invalid-wait').split('ms')[0]) ? 2 : 1);
+      } // If no modifier is specified, we'll call it a press.
+  
+  
+      if (keyModifiers.length === 0) return false; // If one is passed, AND it matches the key pressed, we'll call it a press.
+  
+      if (keyModifiers.length === 1 && keyModifiers[0] === keyToModifier(e.key)) return false; // The user is listening for key combinations.
+  
+      const systemKeyModifiers = ['ctrl', 'shift', 'alt', 'meta', 'cmd', 'super'];
+      const selectedSystemKeyModifiers = systemKeyModifiers.filter(modifier => keyModifiers.includes(modifier));
+      keyModifiers = keyModifiers.filter(i => !selectedSystemKeyModifiers.includes(i));
+  
+      if (selectedSystemKeyModifiers.length > 0) {
+        const activelyPressedKeyModifiers = selectedSystemKeyModifiers.filter(modifier => {
+          // Alias "cmd" and "super" to "meta"
+          if (modifier === 'cmd' || modifier === 'super') modifier = 'meta';
+          return e[`${modifier}Key`];
+        }); // If all the modifiers selected are pressed, ...
+  
+        if (activelyPressedKeyModifiers.length === selectedSystemKeyModifiers.length) {
+          // AND the remaining key is pressed as well. It's a press.
+          if (keyModifiers[0] === keyToModifier(e.key)) return false;
+        }
+      } // We'll call it NOT a valid keypress.
+  
+  
+      return true;
+    }
+  
+    function keyToModifier(key) {
+      switch (key) {
+        case '/':
+          return 'slash';
+  
+        case ' ':
+        case 'Spacebar':
+          return 'space';
+  
+        default:
+          return key && kebabCase(key);
+      }
+    }
+  
+    function registerModelListener(component, el, modifiers, expression, extraVars) {
+      // If the element we are binding to is a select, a radio, or checkbox
+      // we'll listen for the change event instead of the "input" event.
+      var event = el.tagName.toLowerCase() === 'select' || ['checkbox', 'radio'].includes(el.type) || modifiers.includes('lazy') ? 'change' : 'input';
+      const listenerExpression = `${expression} = rightSideOfExpression($event, ${expression})`;
+      registerListener(component, el, event, modifiers, listenerExpression, () => {
+        return _objectSpread2(_objectSpread2({}, extraVars()), {}, {
+          rightSideOfExpression: generateModelAssignmentFunction(el, modifiers, expression)
+        });
+      });
+    }
+  
+    function generateModelAssignmentFunction(el, modifiers, expression) {
+      if (el.type === 'radio') {
+        // Radio buttons only work properly when they share a name attribute.
+        // People might assume we take care of that for them, because
+        // they already set a shared "x-model" attribute.
+        if (!el.hasAttribute('name')) el.setAttribute('name', expression);
+      }
+  
+      return (event, currentValue) => {
+        // Check for event.detail due to an issue where IE11 handles other events as a CustomEvent.
+        if (event instanceof CustomEvent && event.detail) {
+          return event.detail;
+        } else if (el.type === 'checkbox') {
+          // If the data we are binding to is an array, toggle its value inside the array.
+          if (Array.isArray(currentValue)) {
+            const newValue = modifiers.includes('number') ? safeParseNumber(event.target.value) : event.target.value;
+            return event.target.checked ? currentValue.concat([newValue]) : currentValue.filter(el => !checkedAttrLooseCompare(el, newValue));
+          } else {
+            return event.target.checked;
+          }
+        } else if (el.tagName.toLowerCase() === 'select' && el.multiple) {
+          return modifiers.includes('number') ? Array.from(event.target.selectedOptions).map(option => {
+            const rawValue = option.value || option.text;
+            return safeParseNumber(rawValue);
+          }) : Array.from(event.target.selectedOptions).map(option => {
+            return option.value || option.text;
+          });
+        } else {
+          const rawValue = event.target.value;
+          return modifiers.includes('number') ? safeParseNumber(rawValue) : modifiers.includes('trim') ? rawValue.trim() : rawValue;
+        }
+      };
+    }
+  
+    function safeParseNumber(rawValue) {
+      const number = rawValue ? parseFloat(rawValue) : null;
+      return isNumeric(number) ? number : rawValue;
+    }
+  
+    /**
+     * Copyright (C) 2017 salesforce.com, inc.
+     */
+    const { isArray } = Array;
+    const { getPrototypeOf, create: ObjectCreate, defineProperty: ObjectDefineProperty, defineProperties: ObjectDefineProperties, isExtensible, getOwnPropertyDescriptor, getOwnPropertyNames, getOwnPropertySymbols, preventExtensions, hasOwnProperty, } = Object;
+    const { push: ArrayPush, concat: ArrayConcat, map: ArrayMap, } = Array.prototype;
+    function isUndefined(obj) {
+        return obj === undefined;
+    }
+    function isFunction(obj) {
+        return typeof obj === 'function';
+    }
+    function isObject(obj) {
+        return typeof obj === 'object';
+    }
+    const proxyToValueMap = new WeakMap();
+    function registerProxy(proxy, value) {
+        proxyToValueMap.set(proxy, value);
+    }
+    const unwrap = (replicaOrAny) => proxyToValueMap.get(replicaOrAny) || replicaOrAny;
+  
+    function wrapValue(membrane, value) {
+        return membrane.valueIsObservable(value) ? membrane.getProxy(value) : value;
+    }
+    /**
+     * Unwrap property descriptors will set value on original descriptor
+     * We only need to unwrap if value is specified
+     * @param descriptor external descrpitor provided to define new property on original value
+     */
+    function unwrapDescriptor(descriptor) {
+        if (hasOwnProperty.call(descriptor, 'value')) {
+            descriptor.value = unwrap(descriptor.value);
+        }
+        return descriptor;
+    }
+    function lockShadowTarget(membrane, shadowTarget, originalTarget) {
+        const targetKeys = ArrayConcat.call(getOwnPropertyNames(originalTarget), getOwnPropertySymbols(originalTarget));
+        targetKeys.forEach((key) => {
+            let descriptor = getOwnPropertyDescriptor(originalTarget, key);
+            // We do not need to wrap the descriptor if configurable
+            // Because we can deal with wrapping it when user goes through
+            // Get own property descriptor. There is also a chance that this descriptor
+            // could change sometime in the future, so we can defer wrapping
+            // until we need to
+            if (!descriptor.configurable) {
+                descriptor = wrapDescriptor(membrane, descriptor, wrapValue);
+            }
+            ObjectDefineProperty(shadowTarget, key, descriptor);
+        });
+        preventExtensions(shadowTarget);
+    }
+    class ReactiveProxyHandler {
+        constructor(membrane, value) {
+            this.originalTarget = value;
+            this.membrane = membrane;
+        }
+        get(shadowTarget, key) {
+            const { originalTarget, membrane } = this;
+            const value = originalTarget[key];
+            const { valueObserved } = membrane;
+            valueObserved(originalTarget, key);
+            return membrane.getProxy(value);
+        }
+        set(shadowTarget, key, value) {
+            const { originalTarget, membrane: { valueMutated } } = this;
+            const oldValue = originalTarget[key];
+            if (oldValue !== value) {
+                originalTarget[key] = value;
+                valueMutated(originalTarget, key);
+            }
+            else if (key === 'length' && isArray(originalTarget)) {
+                // fix for issue #236: push will add the new index, and by the time length
+                // is updated, the internal length is already equal to the new length value
+                // therefore, the oldValue is equal to the value. This is the forking logic
+                // to support this use case.
+                valueMutated(originalTarget, key);
+            }
+            return true;
+        }
+        deleteProperty(shadowTarget, key) {
+            const { originalTarget, membrane: { valueMutated } } = this;
+            delete originalTarget[key];
+            valueMutated(originalTarget, key);
+            return true;
+        }
+        apply(shadowTarget, thisArg, argArray) {
+            /* No op */
+        }
+        construct(target, argArray, newTarget) {
+            /* No op */
+        }
+        has(shadowTarget, key) {
+            const { originalTarget, membrane: { valueObserved } } = this;
+            valueObserved(originalTarget, key);
+            return key in originalTarget;
+        }
+        ownKeys(shadowTarget) {
+            const { originalTarget } = this;
+            return ArrayConcat.call(getOwnPropertyNames(originalTarget), getOwnPropertySymbols(originalTarget));
+        }
+        isExtensible(shadowTarget) {
+            const shadowIsExtensible = isExtensible(shadowTarget);
+            if (!shadowIsExtensible) {
+                return shadowIsExtensible;
+            }
+            const { originalTarget, membrane } = this;
+            const targetIsExtensible = isExtensible(originalTarget);
+            if (!targetIsExtensible) {
+                lockShadowTarget(membrane, shadowTarget, originalTarget);
+            }
+            return targetIsExtensible;
+        }
+        setPrototypeOf(shadowTarget, prototype) {
+        }
+        getPrototypeOf(shadowTarget) {
+            const { originalTarget } = this;
+            return getPrototypeOf(originalTarget);
+        }
+        getOwnPropertyDescriptor(shadowTarget, key) {
+            const { originalTarget, membrane } = this;
+            const { valueObserved } = this.membrane;
+            // keys looked up via hasOwnProperty need to be reactive
+            valueObserved(originalTarget, key);
+            let desc = getOwnPropertyDescriptor(originalTarget, key);
+            if (isUndefined(desc)) {
+                return desc;
+            }
+            const shadowDescriptor = getOwnPropertyDescriptor(shadowTarget, key);
+            if (!isUndefined(shadowDescriptor)) {
+                return shadowDescriptor;
+            }
+            // Note: by accessing the descriptor, the key is marked as observed
+            // but access to the value, setter or getter (if available) cannot observe
+            // mutations, just like regular methods, in which case we just do nothing.
+            desc = wrapDescriptor(membrane, desc, wrapValue);
+            if (!desc.configurable) {
+                // If descriptor from original target is not configurable,
+                // We must copy the wrapped descriptor over to the shadow target.
+                // Otherwise, proxy will throw an invariant error.
+                // This is our last chance to lock the value.
+                // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy/handler/getOwnPropertyDescriptor#Invariants
+                ObjectDefineProperty(shadowTarget, key, desc);
+            }
+            return desc;
+        }
+        preventExtensions(shadowTarget) {
+            const { originalTarget, membrane } = this;
+            lockShadowTarget(membrane, shadowTarget, originalTarget);
+            preventExtensions(originalTarget);
+            return true;
+        }
+        defineProperty(shadowTarget, key, descriptor) {
+            const { originalTarget, membrane } = this;
+            const { valueMutated } = membrane;
+            const { configurable } = descriptor;
+            // We have to check for value in descriptor
+            // because Object.freeze(proxy) calls this method
+            // with only { configurable: false, writeable: false }
+            // Additionally, method will only be called with writeable:false
+            // if the descriptor has a value, as opposed to getter/setter
+            // So we can just check if writable is present and then see if
+            // value is present. This eliminates getter and setter descriptors
+            if (hasOwnProperty.call(descriptor, 'writable') && !hasOwnProperty.call(descriptor, 'value')) {
+                const originalDescriptor = getOwnPropertyDescriptor(originalTarget, key);
+                descriptor.value = originalDescriptor.value;
+            }
+            ObjectDefineProperty(originalTarget, key, unwrapDescriptor(descriptor));
+            if (configurable === false) {
+                ObjectDefineProperty(shadowTarget, key, wrapDescriptor(membrane, descriptor, wrapValue));
+            }
+            valueMutated(originalTarget, key);
+            return true;
+        }
+    }
+  
+    function wrapReadOnlyValue(membrane, value) {
+        return membrane.valueIsObservable(value) ? membrane.getReadOnlyProxy(value) : value;
+    }
+    class ReadOnlyHandler {
+        constructor(membrane, value) {
+            this.originalTarget = value;
+            this.membrane = membrane;
+        }
+        get(shadowTarget, key) {
+            const { membrane, originalTarget } = this;
+            const value = originalTarget[key];
+            const { valueObserved } = membrane;
+            valueObserved(originalTarget, key);
+            return membrane.getReadOnlyProxy(value);
+        }
+        set(shadowTarget, key, value) {
+            return false;
+        }
+        deleteProperty(shadowTarget, key) {
+            return false;
+        }
+        apply(shadowTarget, thisArg, argArray) {
+            /* No op */
+        }
+        construct(target, argArray, newTarget) {
+            /* No op */
+        }
+        has(shadowTarget, key) {
+            const { originalTarget, membrane: { valueObserved } } = this;
+            valueObserved(originalTarget, key);
+            return key in originalTarget;
+        }
+        ownKeys(shadowTarget) {
+            const { originalTarget } = this;
+            return ArrayConcat.call(getOwnPropertyNames(originalTarget), getOwnPropertySymbols(originalTarget));
+        }
+        setPrototypeOf(shadowTarget, prototype) {
+        }
+        getOwnPropertyDescriptor(shadowTarget, key) {
+            const { originalTarget, membrane } = this;
+            const { valueObserved } = membrane;
+            // keys looked up via hasOwnProperty need to be reactive
+            valueObserved(originalTarget, key);
+            let desc = getOwnPropertyDescriptor(originalTarget, key);
+            if (isUndefined(desc)) {
+                return desc;
+            }
+            const shadowDescriptor = getOwnPropertyDescriptor(shadowTarget, key);
+            if (!isUndefined(shadowDescriptor)) {
+                return shadowDescriptor;
+            }
+            // Note: by accessing the descriptor, the key is marked as observed
+            // but access to the value or getter (if available) cannot be observed,
+            // just like regular methods, in which case we just do nothing.
+            desc = wrapDescriptor(membrane, desc, wrapReadOnlyValue);
+            if (hasOwnProperty.call(desc, 'set')) {
+                desc.set = undefined; // readOnly membrane does not allow setters
+            }
+            if (!desc.configurable) {
+                // If descriptor from original target is not configurable,
+                // We must copy the wrapped descriptor over to the shadow target.
+                // Otherwise, proxy will throw an invariant error.
+                // This is our last chance to lock the value.
+                // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy/handler/getOwnPropertyDescriptor#Invariants
+                ObjectDefineProperty(shadowTarget, key, desc);
+            }
+            return desc;
+        }
+        preventExtensions(shadowTarget) {
+            return false;
+        }
+        defineProperty(shadowTarget, key, descriptor) {
+            return false;
+        }
+    }
+    function createShadowTarget(value) {
+        let shadowTarget = undefined;
+        if (isArray(value)) {
+            shadowTarget = [];
+        }
+        else if (isObject(value)) {
+            shadowTarget = {};
+        }
+        return shadowTarget;
+    }
+    const ObjectDotPrototype = Object.prototype;
+    function defaultValueIsObservable(value) {
+        // intentionally checking for null
+        if (value === null) {
+            return false;
+        }
+        // treat all non-object types, including undefined, as non-observable values
+        if (typeof value !== 'object') {
+            return false;
+        }
+        if (isArray(value)) {
+            return true;
+        }
+        const proto = getPrototypeOf(value);
+        return (proto === ObjectDotPrototype || proto === null || getPrototypeOf(proto) === null);
+    }
+    const defaultValueObserved = (obj, key) => {
+        /* do nothing */
+    };
+    const defaultValueMutated = (obj, key) => {
+        /* do nothing */
+    };
+    const defaultValueDistortion = (value) => value;
+    function wrapDescriptor(membrane, descriptor, getValue) {
+        const { set, get } = descriptor;
+        if (hasOwnProperty.call(descriptor, 'value')) {
+            descriptor.value = getValue(membrane, descriptor.value);
+        }
+        else {
+            if (!isUndefined(get)) {
+                descriptor.get = function () {
+                    // invoking the original getter with the original target
+                    return getValue(membrane, get.call(unwrap(this)));
+                };
+            }
+            if (!isUndefined(set)) {
+                descriptor.set = function (value) {
+                    // At this point we don't have a clear indication of whether
+                    // or not a valid mutation will occur, we don't have the key,
+                    // and we are not sure why and how they are invoking this setter.
+                    // Nevertheless we preserve the original semantics by invoking the
+                    // original setter with the original target and the unwrapped value
+                    set.call(unwrap(this), membrane.unwrapProxy(value));
+                };
+            }
+        }
+        return descriptor;
+    }
+    class ReactiveMembrane {
+        constructor(options) {
+            this.valueDistortion = defaultValueDistortion;
+            this.valueMutated = defaultValueMutated;
+            this.valueObserved = defaultValueObserved;
+            this.valueIsObservable = defaultValueIsObservable;
+            this.objectGraph = new WeakMap();
+            if (!isUndefined(options)) {
+                const { valueDistortion, valueMutated, valueObserved, valueIsObservable } = options;
+                this.valueDistortion = isFunction(valueDistortion) ? valueDistortion : defaultValueDistortion;
+                this.valueMutated = isFunction(valueMutated) ? valueMutated : defaultValueMutated;
+                this.valueObserved = isFunction(valueObserved) ? valueObserved : defaultValueObserved;
+                this.valueIsObservable = isFunction(valueIsObservable) ? valueIsObservable : defaultValueIsObservable;
+            }
+        }
+        getProxy(value) {
+            const unwrappedValue = unwrap(value);
+            const distorted = this.valueDistortion(unwrappedValue);
+            if (this.valueIsObservable(distorted)) {
+                const o = this.getReactiveState(unwrappedValue, distorted);
+                // when trying to extract the writable version of a readonly
+                // we return the readonly.
+                return o.readOnly === value ? value : o.reactive;
+            }
+            return distorted;
+        }
+        getReadOnlyProxy(value) {
+            value = unwrap(value);
+            const distorted = this.valueDistortion(value);
+            if (this.valueIsObservable(distorted)) {
+                return this.getReactiveState(value, distorted).readOnly;
+            }
+            return distorted;
+        }
+        unwrapProxy(p) {
+            return unwrap(p);
+        }
+        getReactiveState(value, distortedValue) {
+            const { objectGraph, } = this;
+            let reactiveState = objectGraph.get(distortedValue);
+            if (reactiveState) {
+                return reactiveState;
+            }
+            const membrane = this;
+            reactiveState = {
+                get reactive() {
+                    const reactiveHandler = new ReactiveProxyHandler(membrane, distortedValue);
+                    // caching the reactive proxy after the first time it is accessed
+                    const proxy = new Proxy(createShadowTarget(distortedValue), reactiveHandler);
+                    registerProxy(proxy, value);
+                    ObjectDefineProperty(this, 'reactive', { value: proxy });
+                    return proxy;
+                },
+                get readOnly() {
+                    const readOnlyHandler = new ReadOnlyHandler(membrane, distortedValue);
+                    // caching the readOnly proxy after the first time it is accessed
+                    const proxy = new Proxy(createShadowTarget(distortedValue), readOnlyHandler);
+                    registerProxy(proxy, value);
+                    ObjectDefineProperty(this, 'readOnly', { value: proxy });
+                    return proxy;
+                }
+            };
+            objectGraph.set(distortedValue, reactiveState);
+            return reactiveState;
+        }
+    }
+    /** version: 0.26.0 */
+  
+    function wrap(data, mutationCallback) {
+  
+      let membrane = new ReactiveMembrane({
+        valueMutated(target, key) {
+          mutationCallback(target, key);
+        }
+  
+      });
+      return {
+        data: membrane.getProxy(data),
+        membrane: membrane
+      };
+    }
+    function unwrap$1(membrane, observable) {
+      let unwrappedData = membrane.unwrapProxy(observable);
+      let copy = {};
+      Object.keys(unwrappedData).forEach(key => {
+        if (['$el', '$refs', '$nextTick', '$watch'].includes(key)) return;
+        copy[key] = unwrappedData[key];
+      });
+      return copy;
+    }
+  
+    class Component {
+      constructor(el, componentForClone = null) {
+        this.$el = el;
+        const dataAttr = this.$el.getAttribute('x-data');
+        const dataExpression = dataAttr === '' ? '{}' : dataAttr;
+        const initExpression = this.$el.getAttribute('x-init');
+        let dataExtras = {
+          $el: this.$el
+        };
+        let canonicalComponentElementReference = componentForClone ? componentForClone.$el : this.$el;
+        Object.entries(Alpine.magicProperties).forEach(([name, callback]) => {
+          Object.defineProperty(dataExtras, `$${name}`, {
+            get: function get() {
+              return callback(canonicalComponentElementReference);
+            }
+          });
+        });
+        this.unobservedData = componentForClone ? componentForClone.getUnobservedData() : saferEval(el, dataExpression, dataExtras);
+        // Construct a Proxy-based observable. This will be used to handle reactivity.
+  
+        let {
+          membrane,
+          data
+        } = this.wrapDataInObservable(this.unobservedData);
+        this.$data = data;
+        this.membrane = membrane; // After making user-supplied data methods reactive, we can now add
+        // our magic properties to the original data for access.
+  
+        this.unobservedData.$el = this.$el;
+        this.unobservedData.$refs = this.getRefsProxy();
+        this.nextTickStack = [];
+  
+        this.unobservedData.$nextTick = callback => {
+          this.nextTickStack.push(callback);
+        };
+  
+        this.watchers = {};
+  
+        this.unobservedData.$watch = (property, callback) => {
+          if (!this.watchers[property]) this.watchers[property] = [];
+          this.watchers[property].push(callback);
+        };
+        /* MODERN-ONLY:START */
+        // We remove this piece of code from the legacy build.
+        // In IE11, we have already defined our helpers at this point.
+        // Register custom magic properties.
+  
+  
+        Object.entries(Alpine.magicProperties).forEach(([name, callback]) => {
+          Object.defineProperty(this.unobservedData, `$${name}`, {
+            get: function get() {
+              return callback(canonicalComponentElementReference, this.$el);
+            }
+          });
+        });
+        /* MODERN-ONLY:END */
+  
+        this.showDirectiveStack = [];
+        this.showDirectiveLastElement;
+        componentForClone || Alpine.onBeforeComponentInitializeds.forEach(callback => callback(this));
+        var initReturnedCallback; // If x-init is present AND we aren't cloning (skip x-init on clone)
+  
+        if (initExpression && !componentForClone) {
+          // We want to allow data manipulation, but not trigger DOM updates just yet.
+          // We haven't even initialized the elements with their Alpine bindings. I mean c'mon.
+          this.pauseReactivity = true;
+          initReturnedCallback = this.evaluateReturnExpression(this.$el, initExpression);
+          this.pauseReactivity = false;
+        } // Register all our listeners and set all our attribute bindings.
+        // If we're cloning a component, the third parameter ensures no duplicate
+        // event listeners are registered (the mutation observer will take care of them)
+  
+  
+        this.initializeElements(this.$el, () => {}, componentForClone); // Use mutation observer to detect new elements being added within this component at run-time.
+        // Alpine's just so darn flexible amirite?
+  
+        this.listenForNewElementsToInitialize();
+  
+        if (typeof initReturnedCallback === 'function') {
+          // Run the callback returned from the "x-init" hook to allow the user to do stuff after
+          // Alpine's got it's grubby little paws all over everything.
+          initReturnedCallback.call(this.$data);
+        }
+  
+        componentForClone || setTimeout(() => {
+          Alpine.onComponentInitializeds.forEach(callback => callback(this));
+        }, 0);
+      }
+  
+      getUnobservedData() {
+        return unwrap$1(this.membrane, this.$data);
+      }
+  
+      wrapDataInObservable(data) {
+        var self = this;
+        let updateDom = debounce(function () {
+          self.updateElements(self.$el);
+        }, 0);
+        return wrap(data, (target, key) => {
+          if (self.watchers[key]) {
+            // If there's a watcher for this specific key, run it.
+            self.watchers[key].forEach(callback => callback(target[key]));
+          } else if (Array.isArray(target)) {
+            // Arrays are special cases, if any of the items change, we consider the array as mutated.
+            Object.keys(self.watchers).forEach(fullDotNotationKey => {
+              let dotNotationParts = fullDotNotationKey.split('.'); // Ignore length mutations since they would result in duplicate calls.
+              // For example, when calling push, we would get a mutation for the item's key
+              // and a second mutation for the length property.
+  
+              if (key === 'length') return;
+              dotNotationParts.reduce((comparisonData, part) => {
+                if (Object.is(target, comparisonData[part])) {
+                  self.watchers[fullDotNotationKey].forEach(callback => callback(target));
+                }
+  
+                return comparisonData[part];
+              }, self.unobservedData);
+            });
+          } else {
+            // Let's walk through the watchers with "dot-notation" (foo.bar) and see
+            // if this mutation fits any of them.
+            Object.keys(self.watchers).filter(i => i.includes('.')).forEach(fullDotNotationKey => {
+              let dotNotationParts = fullDotNotationKey.split('.'); // If this dot-notation watcher's last "part" doesn't match the current
+              // key, then skip it early for performance reasons.
+  
+              if (key !== dotNotationParts[dotNotationParts.length - 1]) return; // Now, walk through the dot-notation "parts" recursively to find
+              // a match, and call the watcher if one's found.
+  
+              dotNotationParts.reduce((comparisonData, part) => {
+                if (Object.is(target, comparisonData)) {
+                  // Run the watchers.
+                  self.watchers[fullDotNotationKey].forEach(callback => callback(target[key]));
+                }
+  
+                return comparisonData[part];
+              }, self.unobservedData);
+            });
+          } // Don't react to data changes for cases like the `x-created` hook.
+  
+  
+          if (self.pauseReactivity) return;
+          updateDom();
+        });
+      }
+  
+      walkAndSkipNestedComponents(el, callback, initializeComponentCallback = () => {}) {
+        walk(el, el => {
+          // We've hit a component.
+          if (el.hasAttribute('x-data')) {
+            // If it's not the current one.
+            if (!el.isSameNode(this.$el)) {
+              // Initialize it if it's not.
+              if (!el.__x) initializeComponentCallback(el); // Now we'll let that sub-component deal with itself.
+  
+              return false;
+            }
+          }
+  
+          return callback(el);
+        });
+      }
+  
+      initializeElements(rootEl, extraVars = () => {}, componentForClone = false) {
+        this.walkAndSkipNestedComponents(rootEl, el => {
+          // Don't touch spawns from for loop
+          if (el.__x_for_key !== undefined) return false; // Don't touch spawns from if directives
+  
+          if (el.__x_inserted_me !== undefined) return false;
+          this.initializeElement(el, extraVars, componentForClone ? false : true);
+        }, el => {
+          if (!componentForClone) el.__x = new Component(el);
+        });
+        this.executeAndClearRemainingShowDirectiveStack();
+        this.executeAndClearNextTickStack(rootEl);
+      }
+  
+      initializeElement(el, extraVars, shouldRegisterListeners = true) {
+        // To support class attribute merging, we have to know what the element's
+        // original class attribute looked like for reference.
+        if (el.hasAttribute('class') && getXAttrs(el, this).length > 0) {
+          el.__x_original_classes = convertClassStringToArray(el.getAttribute('class'));
+        }
+  
+        shouldRegisterListeners && this.registerListeners(el, extraVars);
+        this.resolveBoundAttributes(el, true, extraVars);
+      }
+  
+      updateElements(rootEl, extraVars = () => {}) {
+        this.walkAndSkipNestedComponents(rootEl, el => {
+          // Don't touch spawns from for loop (and check if the root is actually a for loop in a parent, don't skip it.)
+          if (el.__x_for_key !== undefined && !el.isSameNode(this.$el)) return false;
+          this.updateElement(el, extraVars);
+        }, el => {
+          el.__x = new Component(el);
+        });
+        this.executeAndClearRemainingShowDirectiveStack();
+        this.executeAndClearNextTickStack(rootEl);
+      }
+  
+      executeAndClearNextTickStack(el) {
+        // Skip spawns from alpine directives
+        if (el === this.$el && this.nextTickStack.length > 0) {
+          // We run the tick stack after the next frame to allow any
+          // running transitions to pass the initial show stage.
+          requestAnimationFrame(() => {
+            while (this.nextTickStack.length > 0) {
+              this.nextTickStack.shift()();
+            }
+          });
+        }
+      }
+  
+      executeAndClearRemainingShowDirectiveStack() {
+        // The goal here is to start all the x-show transitions
+        // and build a nested promise chain so that elements
+        // only hide when the children are finished hiding.
+        this.showDirectiveStack.reverse().map(handler => {
+          return new Promise((resolve, reject) => {
+            handler(resolve, reject);
+          });
+        }).reduce((promiseChain, promise) => {
+          return promiseChain.then(() => {
+            return promise.then(finishElement => {
+              finishElement();
+            });
+          });
+        }, Promise.resolve(() => {})).catch(e => {
+          if (e !== TRANSITION_CANCELLED) throw e;
+        }); // We've processed the handler stack. let's clear it.
+  
+        this.showDirectiveStack = [];
+        this.showDirectiveLastElement = undefined;
+      }
+  
+      updateElement(el, extraVars) {
+        this.resolveBoundAttributes(el, false, extraVars);
+      }
+  
+      registerListeners(el, extraVars) {
+        getXAttrs(el, this).forEach(({
+          type,
+          value,
+          modifiers,
+          expression
+        }) => {
+          switch (type) {
+            case 'on':
+              registerListener(this, el, value, modifiers, expression, extraVars);
+              break;
+  
+            case 'model':
+              registerModelListener(this, el, modifiers, expression, extraVars);
+              break;
+          }
+        });
+      }
+  
+      resolveBoundAttributes(el, initialUpdate = false, extraVars) {
+        let attrs = getXAttrs(el, this);
+        attrs.forEach(({
+          type,
+          value,
+          modifiers,
+          expression
+        }) => {
+          switch (type) {
+            case 'model':
+              handleAttributeBindingDirective(this, el, 'value', expression, extraVars, type, modifiers);
+              break;
+  
+            case 'bind':
+              // The :key binding on an x-for is special, ignore it.
+              if (el.tagName.toLowerCase() === 'template' && value === 'key') return;
+              handleAttributeBindingDirective(this, el, value, expression, extraVars, type, modifiers);
+              break;
+  
+            case 'text':
+              var output = this.evaluateReturnExpression(el, expression, extraVars);
+              handleTextDirective(el, output, expression);
+              break;
+  
+            case 'html':
+              handleHtmlDirective(this, el, expression, extraVars);
+              break;
+  
+            case 'show':
+              var output = this.evaluateReturnExpression(el, expression, extraVars);
+              handleShowDirective(this, el, output, modifiers, initialUpdate);
+              break;
+  
+            case 'if':
+              // If this element also has x-for on it, don't process x-if.
+              // We will let the "x-for" directive handle the "if"ing.
+              if (attrs.some(i => i.type === 'for')) return;
+              var output = this.evaluateReturnExpression(el, expression, extraVars);
+              handleIfDirective(this, el, output, initialUpdate, extraVars);
+              break;
+  
+            case 'for':
+              handleForDirective(this, el, expression, initialUpdate, extraVars);
+              break;
+  
+            case 'cloak':
+              el.removeAttribute('x-cloak');
+              break;
+          }
+        });
+      }
+  
+      evaluateReturnExpression(el, expression, extraVars = () => {}) {
+        return saferEval(el, expression, this.$data, _objectSpread2(_objectSpread2({}, extraVars()), {}, {
+          $dispatch: this.getDispatchFunction(el)
+        }));
+      }
+  
+      evaluateCommandExpression(el, expression, extraVars = () => {}) {
+        return saferEvalNoReturn(el, expression, this.$data, _objectSpread2(_objectSpread2({}, extraVars()), {}, {
+          $dispatch: this.getDispatchFunction(el)
+        }));
+      }
+  
+      getDispatchFunction(el) {
+        return (event, detail = {}) => {
+          el.dispatchEvent(new CustomEvent(event, {
+            detail,
+            bubbles: true
+          }));
+        };
+      }
+  
+      listenForNewElementsToInitialize() {
+        const targetNode = this.$el;
+        const observerOptions = {
+          childList: true,
+          attributes: true,
+          subtree: true
+        };
+        const observer = new MutationObserver(mutations => {
+          for (let i = 0; i < mutations.length; i++) {
+            // Filter out mutations triggered from child components.
+            const closestParentComponent = mutations[i].target.closest('[x-data]');
+            if (!(closestParentComponent && closestParentComponent.isSameNode(this.$el))) continue;
+  
+            if (mutations[i].type === 'attributes' && mutations[i].attributeName === 'x-data') {
+              const xAttr = mutations[i].target.getAttribute('x-data') || '{}';
+              const rawData = saferEval(this.$el, xAttr, {
+                $el: this.$el
+              });
+              Object.keys(rawData).forEach(key => {
+                if (this.$data[key] !== rawData[key]) {
+                  this.$data[key] = rawData[key];
+                }
+              });
+            }
+  
+            if (mutations[i].addedNodes.length > 0) {
+              mutations[i].addedNodes.forEach(node => {
+                if (node.nodeType !== 1 || node.__x_inserted_me) return;
+  
+                if (node.matches('[x-data]') && !node.__x) {
+                  node.__x = new Component(node);
+                  return;
+                }
+  
+                this.initializeElements(node);
+              });
+            }
+          }
+        });
+        observer.observe(targetNode, observerOptions);
+      }
+  
+      getRefsProxy() {
+        var self = this;
+        var refObj = {};
+        // One of the goals of this is to not hold elements in memory, but rather re-evaluate
+        // the DOM when the system needs something from it. This way, the framework is flexible and
+        // friendly to outside DOM changes from libraries like Vue/Livewire.
+        // For this reason, I'm using an "on-demand" proxy to fake a "$refs" object.
+  
+        return new Proxy(refObj, {
+          get(object, property) {
+            if (property === '$isAlpineProxy') return true;
+            var ref; // We can't just query the DOM because it's hard to filter out refs in
+            // nested components.
+  
+            self.walkAndSkipNestedComponents(self.$el, el => {
+              if (el.hasAttribute('x-ref') && el.getAttribute('x-ref') === property) {
+                ref = el;
+              }
+            });
+            return ref;
+          }
+  
+        });
+      }
+  
+    }
+  
+    const Alpine = {
+      version: "2.8.2",
+      pauseMutationObserver: false,
+      magicProperties: {},
+      onComponentInitializeds: [],
+      onBeforeComponentInitializeds: [],
+      ignoreFocusedForValueBinding: false,
+      start: async function start() {
+        if (!isTesting()) {
+          await domReady();
+        }
+  
+        this.discoverComponents(el => {
+          this.initializeComponent(el);
+        }); // It's easier and more performant to just support Turbolinks than listen
+        // to MutationObserver mutations at the document level.
+  
+        document.addEventListener("turbolinks:load", () => {
+          this.discoverUninitializedComponents(el => {
+            this.initializeComponent(el);
+          });
+        });
+        this.listenForNewUninitializedComponentsAtRunTime();
+      },
+      discoverComponents: function discoverComponents(callback) {
+        const rootEls = document.querySelectorAll('[x-data]');
+        rootEls.forEach(rootEl => {
+          callback(rootEl);
+        });
+      },
+      discoverUninitializedComponents: function discoverUninitializedComponents(callback, el = null) {
+        const rootEls = (el || document).querySelectorAll('[x-data]');
+        Array.from(rootEls).filter(el => el.__x === undefined).forEach(rootEl => {
+          callback(rootEl);
+        });
+      },
+      listenForNewUninitializedComponentsAtRunTime: function listenForNewUninitializedComponentsAtRunTime() {
+        const targetNode = document.querySelector('body');
+        const observerOptions = {
+          childList: true,
+          attributes: true,
+          subtree: true
+        };
+        const observer = new MutationObserver(mutations => {
+          if (this.pauseMutationObserver) return;
+  
+          for (let i = 0; i < mutations.length; i++) {
+            if (mutations[i].addedNodes.length > 0) {
+              mutations[i].addedNodes.forEach(node => {
+                // Discard non-element nodes (like line-breaks)
+                if (node.nodeType !== 1) return; // Discard any changes happening within an existing component.
+                // They will take care of themselves.
+  
+                if (node.parentElement && node.parentElement.closest('[x-data]')) return;
+                this.discoverUninitializedComponents(el => {
+                  this.initializeComponent(el);
+                }, node.parentElement);
+              });
+            }
+          }
+        });
+        observer.observe(targetNode, observerOptions);
+      },
+      initializeComponent: function initializeComponent(el) {
+        if (!el.__x) {
+          // Wrap in a try/catch so that we don't prevent other components
+          // from initializing when one component contains an error.
+          try {
+            el.__x = new Component(el);
+          } catch (error) {
+            setTimeout(() => {
+              throw error;
+            }, 0);
+          }
+        }
+      },
+      clone: function clone(component, newEl) {
+        if (!newEl.__x) {
+          newEl.__x = new Component(newEl, component);
+        }
+      },
+      addMagicProperty: function addMagicProperty(name, callback) {
+        this.magicProperties[name] = callback;
+      },
+      onComponentInitialized: function onComponentInitialized(callback) {
+        this.onComponentInitializeds.push(callback);
+      },
+      onBeforeComponentInitialized: function onBeforeComponentInitialized(callback) {
+        this.onBeforeComponentInitializeds.push(callback);
+      }
+    };
+  
+    if (!isTesting()) {
+      window.Alpine = Alpine;
+  
+      if (window.deferLoadingAlpine) {
+        window.deferLoadingAlpine(function () {
+          window.Alpine.start();
+        });
+      } else {
+        window.Alpine.start();
+      }
+    }
+  
+    return Alpine;
+  
+  })));
+  
\ No newline at end of file
diff --git a/public/vendor/cookieconsent@3/cookieconsent.min.css b/public/vendor/cookieconsent@3/cookieconsent.min.css
new file mode 100644
index 0000000000..d4d439025b
--- /dev/null
+++ b/public/vendor/cookieconsent@3/cookieconsent.min.css
@@ -0,0 +1,6 @@
+.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
+.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
+.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
+@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
+.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
+.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
\ No newline at end of file
diff --git a/public/vendor/cookieconsent@3/cookieconsent.min.js b/public/vendor/cookieconsent@3/cookieconsent.min.js
new file mode 100644
index 0000000000..1e3dccf1a7
--- /dev/null
+++ b/public/vendor/cookieconsent@3/cookieconsent.min.js
@@ -0,0 +1 @@
+!function(e){if(!e.hasInitialised){var t={escapeRegExp:function(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")},hasClass:function(e,t){var i=" ";return 1===e.nodeType&&(i+e.className+i).replace(/[\n\t]/g,i).indexOf(i+t+i)>=0},addClass:function(e,t){e.className+=" "+t},removeClass:function(e,t){var i=new RegExp("\\b"+this.escapeRegExp(t)+"\\b");e.className=e.className.replace(i,"")},interpolateString:function(e,t){return e.replace(/{{([a-z][a-z0-9\-_]*)}}/gi,function(e){return t(arguments[1])||""})},getCookie:function(e){var t=("; "+document.cookie).split("; "+e+"=");return t.length<2?void 0:t.pop().split(";").shift()},setCookie:function(e,t,i,n,o,s){var r=new Date;r.setHours(r.getHours()+24*(i||365));var a=[e+"="+t,"expires="+r.toUTCString(),"path="+(o||"/")];n&&a.push("domain="+n),s&&a.push("secure"),document.cookie=a.join(";")},deepExtend:function(e,t){for(var i in t)t.hasOwnProperty(i)&&(i in e&&this.isPlainObject(e[i])&&this.isPlainObject(t[i])?this.deepExtend(e[i],t[i]):e[i]=t[i]);return e},throttle:function(e,t){var i=!1;return function(){i||(e.apply(this,arguments),i=!0,setTimeout(function(){i=!1},t))}},hash:function(e){var t,i,n=0;if(0===e.length)return n;for(t=0,i=e.length;t<i;++t)n=(n<<5)-n+e.charCodeAt(t),n|=0;return n},normaliseHex:function(e){return"#"==e[0]&&(e=e.substr(1)),3==e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]),e},getContrast:function(e){return e=this.normaliseHex(e),(299*parseInt(e.substr(0,2),16)+587*parseInt(e.substr(2,2),16)+114*parseInt(e.substr(4,2),16))/1e3>=128?"#000":"#fff"},getLuminance:function(e){var t=parseInt(this.normaliseHex(e),16),i=38+(t>>16),n=38+(t>>8&255),o=38+(255&t);return"#"+(16777216+65536*(i<255?i<1?0:i:255)+256*(n<255?n<1?0:n:255)+(o<255?o<1?0:o:255)).toString(16).slice(1)},isMobile:function(){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)},isPlainObject:function(e){return"object"==typeof e&&null!==e&&e.constructor==Object},traverseDOMPath:function(e,i){return e&&e.parentNode?t.hasClass(e,i)?e:this.traverseDOMPath(e.parentNode,i):null}};e.status={deny:"deny",allow:"allow",dismiss:"dismiss"},e.transitionEnd=function(){var e=document.createElement("div"),t={t:"transitionend",OT:"oTransitionEnd",msT:"MSTransitionEnd",MozT:"transitionend",WebkitT:"webkitTransitionEnd"};for(var i in t)if(t.hasOwnProperty(i)&&void 0!==e.style[i+"ransition"])return t[i];return""}(),e.hasTransition=!!e.transitionEnd;var i=Object.keys(e.status).map(t.escapeRegExp);e.customStyles={},e.Popup=function(){var n={enabled:!0,container:null,cookie:{name:"cookieconsent_status",path:"/",domain:"",expiryDays:365,secure:!1},onPopupOpen:function(){},onPopupClose:function(){},onInitialise:function(e){},onStatusChange:function(e,t){},onRevokeChoice:function(){},onNoCookieLaw:function(e,t){},content:{header:"Cookies used on the website!",message:"This website uses cookies to ensure you get the best experience on our website.",dismiss:"Got it!",allow:"Allow cookies",deny:"Decline",link:"Learn more",href:"https://www.cookiesandyou.com",close:"&#x274c;",target:"_blank",policy:"Cookie Policy"},elements:{header:'<span class="cc-header">{{header}}</span>&nbsp;',message:'<span id="cookieconsent:desc" class="cc-message">{{message}}</span>',messagelink:'<span id="cookieconsent:desc" class="cc-message">{{message}} <a aria-label="learn more about cookies" role=button tabindex="0" class="cc-link" href="{{href}}" rel="noopener noreferrer nofollow" target="{{target}}">{{link}}</a></span>',dismiss:'<a aria-label="dismiss cookie message" role=button tabindex="0" class="cc-btn cc-dismiss">{{dismiss}}</a>',allow:'<a aria-label="allow cookies" role=button tabindex="0"  class="cc-btn cc-allow">{{allow}}</a>',deny:'<a aria-label="deny cookies" role=button tabindex="0" class="cc-btn cc-deny">{{deny}}</a>',link:'<a aria-label="learn more about cookies" role=button tabindex="0" class="cc-link" href="{{href}}" rel="noopener noreferrer nofollow" target="{{target}}">{{link}}</a>',close:'<span aria-label="dismiss cookie message" role=button tabindex="0" class="cc-close">{{close}}</span>'},window:'<div role="dialog" aria-live="polite" aria-label="cookieconsent" aria-describedby="cookieconsent:desc" class="cc-window {{classes}}">\x3c!--googleoff: all--\x3e{{children}}\x3c!--googleon: all--\x3e</div>',revokeBtn:'<div class="cc-revoke {{classes}}">{{policy}}</div>',compliance:{info:'<div class="cc-compliance">{{dismiss}}</div>',"opt-in":'<div class="cc-compliance cc-highlight">{{deny}}{{allow}}</div>',"opt-out":'<div class="cc-compliance cc-highlight">{{deny}}{{allow}}</div>'},type:"info",layouts:{basic:"{{messagelink}}{{compliance}}","basic-close":"{{messagelink}}{{compliance}}{{close}}","basic-header":"{{header}}{{message}}{{link}}{{compliance}}"},layout:"basic",position:"bottom",theme:"block",static:!1,palette:null,revokable:!1,animateRevokable:!0,showLink:!0,dismissOnScroll:!1,dismissOnTimeout:!1,dismissOnWindowClick:!1,ignoreClicksFrom:["cc-revoke","cc-btn"],autoOpen:!0,autoAttach:!0,whitelistPage:[],blacklistPage:[],overrideHTML:null};function o(){this.initialise.apply(this,arguments)}function s(e){this.openingTimeout=null,t.removeClass(e,"cc-invisible")}function r(t){t.style.display="none",t.removeEventListener(e.transitionEnd,this.afterTransition),this.afterTransition=null}function a(){var e=this.options.position.split("-"),t=[];return e.forEach(function(e){t.push("cc-"+e)}),t}function c(n){var o=this.options,s=document.createElement("div"),r=o.container&&1===o.container.nodeType?o.container:document.body;s.innerHTML=n;var a=s.children[0];return a.style.display="none",t.hasClass(a,"cc-window")&&e.hasTransition&&t.addClass(a,"cc-invisible"),this.onButtonClick=function(n){var o=t.traverseDOMPath(n.target,"cc-btn")||n.target;if(t.hasClass(o,"cc-btn")){var s=o.className.match(new RegExp("\\bcc-("+i.join("|")+")\\b")),r=s&&s[1]||!1;r&&(this.setStatus(r),this.close(!0))}t.hasClass(o,"cc-close")&&(this.setStatus(e.status.dismiss),this.close(!0));t.hasClass(o,"cc-revoke")&&this.revokeChoice()}.bind(this),a.addEventListener("click",this.onButtonClick),o.autoAttach&&(r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a)),a}function l(e){return"000000"==(e=t.normaliseHex(e))?"#222":t.getLuminance(e)}function u(e,t){for(var i=0,n=e.length;i<n;++i){var o=e[i];if(o instanceof RegExp&&o.test(t)||"string"==typeof o&&o.length&&o===t)return!0}return!1}return o.prototype.initialise=function(i){this.options&&this.destroy(),t.deepExtend(this.options={},n),t.isPlainObject(i)&&t.deepExtend(this.options,i),function(){var t=this.options.onInitialise.bind(this);if(!window.navigator.cookieEnabled)return t(e.status.deny),!0;if(window.CookiesOK||window.navigator.CookiesOK)return t(e.status.allow),!0;var i=Object.keys(e.status),n=this.getStatus(),o=i.indexOf(n)>=0;o&&t(n);return o}.call(this)&&(this.options.enabled=!1),u(this.options.blacklistPage,location.pathname)&&(this.options.enabled=!1),u(this.options.whitelistPage,location.pathname)&&(this.options.enabled=!0);var o=this.options.window.replace("{{classes}}",function(){var i=this.options,n="top"==i.position||"bottom"==i.position?"banner":"floating";t.isMobile()&&(n="floating");var o=["cc-"+n,"cc-type-"+i.type,"cc-theme-"+i.theme];i.static&&o.push("cc-static");o.push.apply(o,a.call(this));(function(i){var n=t.hash(JSON.stringify(i)),o="cc-color-override-"+n,s=t.isPlainObject(i);this.customStyleSelector=s?o:null,s&&function(i,n,o){if(e.customStyles[i])return void++e.customStyles[i].references;var s={},r=n.popup,a=n.button,c=n.highlight;r&&(r.text=r.text?r.text:t.getContrast(r.background),r.link=r.link?r.link:r.text,s[o+".cc-window"]=["color: "+r.text,"background-color: "+r.background],s[o+".cc-revoke"]=["color: "+r.text,"background-color: "+r.background],s[o+" .cc-link,"+o+" .cc-link:active,"+o+" .cc-link:visited"]=["color: "+r.link],a&&(a.text=a.text?a.text:t.getContrast(a.background),a.border=a.border?a.border:"transparent",s[o+" .cc-btn"]=["color: "+a.text,"border-color: "+a.border,"background-color: "+a.background],a.padding&&s[o+" .cc-btn"].push("padding: "+a.padding),"transparent"!=a.background&&(s[o+" .cc-btn:hover, "+o+" .cc-btn:focus"]=["background-color: "+(a.hover||l(a.background))]),c?(c.text=c.text?c.text:t.getContrast(c.background),c.border=c.border?c.border:"transparent",s[o+" .cc-highlight .cc-btn:first-child"]=["color: "+c.text,"border-color: "+c.border,"background-color: "+c.background]):s[o+" .cc-highlight .cc-btn:first-child"]=["color: "+r.text]));var u=document.createElement("style");document.head.appendChild(u),e.customStyles[i]={references:1,element:u.sheet};var h=-1;for(var p in s)s.hasOwnProperty(p)&&u.sheet.insertRule(p+"{"+s[p].join(";")+"}",++h)}(n,i,"."+o);return s}).call(this,this.options.palette);this.customStyleSelector&&o.push(this.customStyleSelector);return o}.call(this).join(" ")).replace("{{children}}",function(){var e={},i=this.options;i.showLink||(i.elements.link="",i.elements.messagelink=i.elements.message);Object.keys(i.elements).forEach(function(n){e[n]=t.interpolateString(i.elements[n],function(e){var t=i.content[e];return e&&"string"==typeof t&&t.length?t:""})});var n=i.compliance[i.type];n||(n=i.compliance.info);e.compliance=t.interpolateString(n,function(t){return e[t]});var o=i.layouts[i.layout];o||(o=i.layouts.basic);return t.interpolateString(o,function(t){return e[t]})}.call(this)),s=this.options.overrideHTML;if("string"==typeof s&&s.length&&(o=s),this.options.static){var r=c.call(this,'<div class="cc-grower">'+o+"</div>");r.style.display="",this.element=r.firstChild,this.element.style.display="none",t.addClass(this.element,"cc-invisible")}else this.element=c.call(this,o);(function(){var i=this.setStatus.bind(this),n=this.close.bind(this),o=this.options.dismissOnTimeout;"number"==typeof o&&o>=0&&(this.dismissTimeout=window.setTimeout(function(){i(e.status.dismiss),n(!0)},Math.floor(o)));var s=this.options.dismissOnScroll;if("number"==typeof s&&s>=0){var r=function(t){window.pageYOffset>Math.floor(s)&&(i(e.status.dismiss),n(!0),window.removeEventListener("scroll",r),this.onWindowScroll=null)};this.options.enabled&&(this.onWindowScroll=r,window.addEventListener("scroll",r))}var a=this.options.dismissOnWindowClick,c=this.options.ignoreClicksFrom;if(a){var l=function(o){for(var s=!1,r=o.path.length,a=c.length,u=0;u<r;u++)if(!s)for(var h=0;h<a;h++)s||(s=t.hasClass(o.path[u],c[h]));s||(i(e.status.dismiss),n(!0),window.removeEventListener("click",l),window.removeEventListener("touchend",l),this.onWindowClick=null)}.bind(this);this.options.enabled&&(this.onWindowClick=l,window.addEventListener("click",l),window.addEventListener("touchend",l))}}).call(this),function(){"info"!=this.options.type&&(this.options.revokable=!0);t.isMobile()&&(this.options.animateRevokable=!1);if(this.options.revokable){var e=a.call(this);this.options.animateRevokable&&e.push("cc-animate"),this.customStyleSelector&&e.push(this.customStyleSelector);var i=this.options.revokeBtn.replace("{{classes}}",e.join(" ")).replace("{{policy}}",this.options.content.policy);this.revokeBtn=c.call(this,i);var n=this.revokeBtn;if(this.options.animateRevokable){var o=t.throttle(function(e){var i=!1,o=window.innerHeight-20;t.hasClass(n,"cc-top")&&e.clientY<20&&(i=!0),t.hasClass(n,"cc-bottom")&&e.clientY>o&&(i=!0),i?t.hasClass(n,"cc-active")||t.addClass(n,"cc-active"):t.hasClass(n,"cc-active")&&t.removeClass(n,"cc-active")},200);this.onMouseMove=o,window.addEventListener("mousemove",o)}}}.call(this),this.options.autoOpen&&this.autoOpen()},o.prototype.destroy=function(){this.onButtonClick&&this.element&&(this.element.removeEventListener("click",this.onButtonClick),this.onButtonClick=null),this.dismissTimeout&&(clearTimeout(this.dismissTimeout),this.dismissTimeout=null),this.onWindowScroll&&(window.removeEventListener("scroll",this.onWindowScroll),this.onWindowScroll=null),this.onWindowClick&&(window.removeEventListener("click",this.onWindowClick),this.onWindowClick=null),this.onMouseMove&&(window.removeEventListener("mousemove",this.onMouseMove),this.onMouseMove=null),this.element&&this.element.parentNode&&this.element.parentNode.removeChild(this.element),this.element=null,this.revokeBtn&&this.revokeBtn.parentNode&&this.revokeBtn.parentNode.removeChild(this.revokeBtn),this.revokeBtn=null,function(i){if(t.isPlainObject(i)){var n=t.hash(JSON.stringify(i)),o=e.customStyles[n];if(o&&!--o.references){var s=o.element.ownerNode;s&&s.parentNode&&s.parentNode.removeChild(s),e.customStyles[n]=null}}}(this.options.palette),this.options=null},o.prototype.open=function(t){if(this.element)return this.isOpen()||(e.hasTransition?this.fadeIn():this.element.style.display="",this.options.revokable&&this.toggleRevokeButton(),this.options.onPopupOpen.call(this)),this},o.prototype.close=function(t){if(this.element)return this.isOpen()&&(e.hasTransition?this.fadeOut():this.element.style.display="none",t&&this.options.revokable&&this.toggleRevokeButton(!0),this.options.onPopupClose.call(this)),this},o.prototype.fadeIn=function(){var i=this.element;if(e.hasTransition&&i&&(this.afterTransition&&r.call(this,i),t.hasClass(i,"cc-invisible"))){if(i.style.display="",this.options.static){var n=this.element.clientHeight;this.element.parentNode.style.maxHeight=n+"px"}this.openingTimeout=setTimeout(s.bind(this,i),20)}},o.prototype.fadeOut=function(){var i=this.element;e.hasTransition&&i&&(this.openingTimeout&&(clearTimeout(this.openingTimeout),s.bind(this,i)),t.hasClass(i,"cc-invisible")||(this.options.static&&(this.element.parentNode.style.maxHeight=""),this.afterTransition=r.bind(this,i),i.addEventListener(e.transitionEnd,this.afterTransition),t.addClass(i,"cc-invisible")))},o.prototype.isOpen=function(){return this.element&&""==this.element.style.display&&(!e.hasTransition||!t.hasClass(this.element,"cc-invisible"))},o.prototype.toggleRevokeButton=function(e){this.revokeBtn&&(this.revokeBtn.style.display=e?"":"none")},o.prototype.revokeChoice=function(e){this.options.enabled=!0,this.clearStatus(),this.options.onRevokeChoice.call(this),e||this.autoOpen()},o.prototype.hasAnswered=function(t){return Object.keys(e.status).indexOf(this.getStatus())>=0},o.prototype.hasConsented=function(t){var i=this.getStatus();return i==e.status.allow||i==e.status.dismiss},o.prototype.autoOpen=function(e){!this.hasAnswered()&&this.options.enabled?this.open():this.hasAnswered()&&this.options.revokable&&this.toggleRevokeButton(!0)},o.prototype.setStatus=function(i){var n=this.options.cookie,o=t.getCookie(n.name),s=Object.keys(e.status).indexOf(o)>=0;Object.keys(e.status).indexOf(i)>=0?(t.setCookie(n.name,i,n.expiryDays,n.domain,n.path,n.secure),this.options.onStatusChange.call(this,i,s)):this.clearStatus()},o.prototype.getStatus=function(){return t.getCookie(this.options.cookie.name)},o.prototype.clearStatus=function(){var e=this.options.cookie;t.setCookie(e.name,"",-1,e.domain,e.path)},o}(),e.Location=function(){var e={timeout:5e3,services:["ipinfo"],serviceDefinitions:{ipinfo:function(){return{url:"//ipinfo.io",headers:["Accept: application/json"],callback:function(e,t){try{var i=JSON.parse(t);return i.error?s(i):{code:i.country}}catch(e){return s({error:"Invalid response ("+e+")"})}}}},ipinfodb:function(e){return{url:"//api.ipinfodb.com/v3/ip-country/?key={api_key}&format=json&callback={callback}",isScript:!0,callback:function(e,t){try{var i=JSON.parse(t);return"ERROR"==i.statusCode?s({error:i.statusMessage}):{code:i.countryCode}}catch(e){return s({error:"Invalid response ("+e+")"})}}}},maxmind:function(){return{url:"//js.maxmind.com/js/apis/geoip2/v2.1/geoip2.js",isScript:!0,callback:function(e){window.geoip2?geoip2.country(function(t){try{e({code:t.country.iso_code})}catch(t){e(s(t))}},function(t){e(s(t))}):e(new Error("Unexpected response format. The downloaded script should have exported `geoip2` to the global scope"))}}}}};function i(i){t.deepExtend(this.options={},e),t.isPlainObject(i)&&t.deepExtend(this.options,i),this.currentServiceIndex=-1}function n(e,t,i){var n,o=document.createElement("script");o.type="text/"+(e.type||"javascript"),o.src=e.src||e,o.async=!1,o.onreadystatechange=o.onload=function(){var e=o.readyState;clearTimeout(n),t.done||e&&!/loaded|complete/.test(e)||(t.done=!0,t(),o.onreadystatechange=o.onload=null)},document.body.appendChild(o),n=setTimeout(function(){t.done=!0,t(),o.onreadystatechange=o.onload=null},i)}function o(e,t,i,n,o){var s=new(window.XMLHttpRequest||window.ActiveXObject)("MSXML2.XMLHTTP.3.0");if(s.open(n?"POST":"GET",e,1),s.setRequestHeader("Content-type","application/x-www-form-urlencoded"),Array.isArray(o))for(var r=0,a=o.length;r<a;++r){var c=o[r].split(":",2);s.setRequestHeader(c[0].replace(/^\s+|\s+$/g,""),c[1].replace(/^\s+|\s+$/g,""))}"function"==typeof t&&(s.onreadystatechange=function(){s.readyState>3&&t(s)}),s.send(n)}function s(e){return new Error("Error ["+(e.code||"UNKNOWN")+"]: "+e.error)}return i.prototype.getNextService=function(){var e;do{e=this.getServiceByIdx(++this.currentServiceIndex)}while(this.currentServiceIndex<this.options.services.length&&!e);return e},i.prototype.getServiceByIdx=function(e){var i=this.options.services[e];if("function"==typeof i){var n=i();return n.name&&t.deepExtend(n,this.options.serviceDefinitions[n.name](n)),n}return"string"==typeof i?this.options.serviceDefinitions[i]():t.isPlainObject(i)?this.options.serviceDefinitions[i.name](i):null},i.prototype.locate=function(e,t){var i=this.getNextService();i?(this.callbackComplete=e,this.callbackError=t,this.runService(i,this.runNextServiceOnError.bind(this))):t(new Error("No services to run"))},i.prototype.setupUrl=function(e){var t=this.getCurrentServiceOpts();return e.url.replace(/\{(.*?)\}/g,function(i,n){if("callback"===n){var o="callback"+Date.now();return window[o]=function(t){e.__JSONP_DATA=JSON.stringify(t)},o}if(n in t.interpolateUrl)return t.interpolateUrl[n]})},i.prototype.runService=function(e,t){var i=this;e&&e.url&&e.callback&&(e.isScript?n:o)(this.setupUrl(e),function(n){var o=n?n.responseText:"";e.__JSONP_DATA&&(o=e.__JSONP_DATA,delete e.__JSONP_DATA),i.runServiceCallback.call(i,t,e,o)},this.options.timeout,e.data,e.headers)},i.prototype.runServiceCallback=function(e,t,i){var n=this,o=t.callback(function(t){o||n.onServiceResult.call(n,e,t)},i);o&&this.onServiceResult.call(this,e,o)},i.prototype.onServiceResult=function(e,t){t instanceof Error||t&&t.error?e.call(this,t,null):e.call(this,null,t)},i.prototype.runNextServiceOnError=function(e,t){if(e){this.logError(e);var i=this.getNextService();i?this.runService(i,this.runNextServiceOnError.bind(this)):this.completeService.call(this,this.callbackError,new Error("All services failed"))}else this.completeService.call(this,this.callbackComplete,t)},i.prototype.getCurrentServiceOpts=function(){var e=this.options.services[this.currentServiceIndex];return"string"==typeof e?{name:e}:"function"==typeof e?e():t.isPlainObject(e)?e:{}},i.prototype.completeService=function(e,t){this.currentServiceIndex=-1,e&&e(t)},i.prototype.logError=function(e){var t=this.currentServiceIndex,i=this.getServiceByIdx(t);console.warn("The service["+t+"] ("+i.url+") responded with the following error",e)},i}(),e.Law=function(){var e={regionalLaw:!0,hasLaw:["AT","BE","BG","HR","CZ","CY","DK","EE","FI","FR","DE","EL","HU","IE","IT","LV","LT","LU","MT","NL","PL","PT","SK","ES","SE","GB","UK","GR","EU"],revokable:["HR","CY","DK","EE","FR","DE","LV","LT","NL","PT","ES"],explicitAction:["HR","IT","ES"]};function i(e){this.initialise.apply(this,arguments)}return i.prototype.initialise=function(i){t.deepExtend(this.options={},e),t.isPlainObject(i)&&t.deepExtend(this.options,i)},i.prototype.get=function(e){var t=this.options;return{hasLaw:t.hasLaw.indexOf(e)>=0,revokable:t.revokable.indexOf(e)>=0,explicitAction:t.explicitAction.indexOf(e)>=0}},i.prototype.applyLaw=function(e,t){var i=this.get(t);return i.hasLaw||(e.enabled=!1,"function"==typeof e.onNoCookieLaw&&e.onNoCookieLaw(t,i)),this.options.regionalLaw&&(i.revokable&&(e.revokable=!0),i.explicitAction&&(e.dismissOnScroll=!1,e.dismissOnTimeout=!1)),e},i}(),e.initialise=function(i,n,o){var s=new e.Law(i.law);n||(n=function(){}),o||(o=function(){});var r=Object.keys(e.status),a=t.getCookie("cookieconsent_status");r.indexOf(a)>=0?n(new e.Popup(i)):e.getCountryCode(i,function(t){delete i.law,delete i.location,t.code&&(i=s.applyLaw(i,t.code)),n(new e.Popup(i))},function(t){delete i.law,delete i.location,o(t,new e.Popup(i))})},e.getCountryCode=function(t,i,n){t.law&&t.law.countryCode?i({code:t.law.countryCode}):t.location?new e.Location(t.location).locate(function(e){i(e||{})},n):i({})},e.utils=t,e.hasInitialised=!0,window.cookieconsent=e}}(window.cookieconsent||{});
\ No newline at end of file
diff --git a/public/vendor/signature_pad@2.3.2/signature_pad.min.js b/public/vendor/signature_pad@2.3.2/signature_pad.min.js
new file mode 100644
index 0000000000..bad6546203
--- /dev/null
+++ b/public/vendor/signature_pad@2.3.2/signature_pad.min.js
@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):t.SignaturePad=e()}(this,function(){"use strict";function t(t,e,i){this.x=t,this.y=e,this.time=i||(new Date).getTime()}function e(t,e,i,o){this.startPoint=t,this.control1=e,this.control2=i,this.endPoint=o}function i(t,e,i){var o,n,s,r=null,h=0;i||(i={});var a=function(){h=!1===i.leading?0:Date.now(),r=null,s=t.apply(o,n),r||(o=n=null)};return function(){var c=Date.now();h||!1!==i.leading||(h=c);var d=e-(c-h);return o=this,n=arguments,d<=0||d>e?(r&&(clearTimeout(r),r=null),h=c,s=t.apply(o,n),r||(o=n=null)):r||!1===i.trailing||(r=setTimeout(a,d)),s}}function o(t,e){var n=this,s=e||{};this.velocityFilterWeight=s.velocityFilterWeight||.7,this.minWidth=s.minWidth||.5,this.maxWidth=s.maxWidth||2.5,this.throttle="throttle"in s?s.throttle:16,this.minDistance="minDistance"in s?s.minDistance:5,this.throttle?this._strokeMoveUpdate=i(o.prototype._strokeUpdate,this.throttle):this._strokeMoveUpdate=o.prototype._strokeUpdate,this.dotSize=s.dotSize||function(){return(this.minWidth+this.maxWidth)/2},this.penColor=s.penColor||"black",this.backgroundColor=s.backgroundColor||"rgba(0,0,0,0)",this.onBegin=s.onBegin,this.onEnd=s.onEnd,this._canvas=t,this._ctx=t.getContext("2d"),this.clear(),this._handleMouseDown=function(t){1===t.which&&(n._mouseButtonDown=!0,n._strokeBegin(t))},this._handleMouseMove=function(t){n._mouseButtonDown&&n._strokeMoveUpdate(t)},this._handleMouseUp=function(t){1===t.which&&n._mouseButtonDown&&(n._mouseButtonDown=!1,n._strokeEnd(t))},this._handleTouchStart=function(t){if(1===t.targetTouches.length){var e=t.changedTouches[0];n._strokeBegin(e)}},this._handleTouchMove=function(t){t.preventDefault();var e=t.targetTouches[0];n._strokeMoveUpdate(e)},this._handleTouchEnd=function(t){t.target===n._canvas&&(t.preventDefault(),n._strokeEnd(t))},this.on()}return t.prototype.velocityFrom=function(t){return this.time!==t.time?this.distanceTo(t)/(this.time-t.time):1},t.prototype.distanceTo=function(t){return Math.sqrt(Math.pow(this.x-t.x,2)+Math.pow(this.y-t.y,2))},t.prototype.equals=function(t){return this.x===t.x&&this.y===t.y&&this.time===t.time},e.prototype.length=function(){for(var t=0,e=void 0,i=void 0,o=0;o<=10;o+=1){var n=o/10,s=this._point(n,this.startPoint.x,this.control1.x,this.control2.x,this.endPoint.x),r=this._point(n,this.startPoint.y,this.control1.y,this.control2.y,this.endPoint.y);if(o>0){var h=s-e,a=r-i;t+=Math.sqrt(h*h+a*a)}e=s,i=r}return t},e.prototype._point=function(t,e,i,o,n){return e*(1-t)*(1-t)*(1-t)+3*i*(1-t)*(1-t)*t+3*o*(1-t)*t*t+n*t*t*t},o.prototype.clear=function(){var t=this._ctx,e=this._canvas;t.fillStyle=this.backgroundColor,t.clearRect(0,0,e.width,e.height),t.fillRect(0,0,e.width,e.height),this._data=[],this._reset(),this._isEmpty=!0},o.prototype.fromDataURL=function(t){var e=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},o=new Image,n=i.ratio||window.devicePixelRatio||1,s=i.width||this._canvas.width/n,r=i.height||this._canvas.height/n;this._reset(),o.src=t,o.onload=function(){e._ctx.drawImage(o,0,0,s,r)},this._isEmpty=!1},o.prototype.toDataURL=function(t){var e;switch(t){case"image/svg+xml":return this._toSVG();default:for(var i=arguments.length,o=Array(i>1?i-1:0),n=1;n<i;n++)o[n-1]=arguments[n];return(e=this._canvas).toDataURL.apply(e,[t].concat(o))}},o.prototype.on=function(){this._handleMouseEvents(),this._handleTouchEvents()},o.prototype.off=function(){this._canvas.removeEventListener("mousedown",this._handleMouseDown),this._canvas.removeEventListener("mousemove",this._handleMouseMove),document.removeEventListener("mouseup",this._handleMouseUp),this._canvas.removeEventListener("touchstart",this._handleTouchStart),this._canvas.removeEventListener("touchmove",this._handleTouchMove),this._canvas.removeEventListener("touchend",this._handleTouchEnd)},o.prototype.isEmpty=function(){return this._isEmpty},o.prototype._strokeBegin=function(t){this._data.push([]),this._reset(),this._strokeUpdate(t),"function"==typeof this.onBegin&&this.onBegin(t)},o.prototype._strokeUpdate=function(t){var e=t.clientX,i=t.clientY,o=this._createPoint(e,i),n=this._data[this._data.length-1],s=n&&n[n.length-1],r=s&&o.distanceTo(s)<this.minDistance;if(!s||!r){var h=this._addPoint(o),a=h.curve,c=h.widths;a&&c&&this._drawCurve(a,c.start,c.end),this._data[this._data.length-1].push({x:o.x,y:o.y,time:o.time,color:this.penColor})}},o.prototype._strokeEnd=function(t){var e=this.points.length>2,i=this.points[0];if(!e&&i&&this._drawDot(i),i){var o=this._data[this._data.length-1],n=o[o.length-1];i.equals(n)||o.push({x:i.x,y:i.y,time:i.time,color:this.penColor})}"function"==typeof this.onEnd&&this.onEnd(t)},o.prototype._handleMouseEvents=function(){this._mouseButtonDown=!1,this._canvas.addEventListener("mousedown",this._handleMouseDown),this._canvas.addEventListener("mousemove",this._handleMouseMove),document.addEventListener("mouseup",this._handleMouseUp)},o.prototype._handleTouchEvents=function(){this._canvas.style.msTouchAction="none",this._canvas.style.touchAction="none",this._canvas.addEventListener("touchstart",this._handleTouchStart),this._canvas.addEventListener("touchmove",this._handleTouchMove),this._canvas.addEventListener("touchend",this._handleTouchEnd)},o.prototype._reset=function(){this.points=[],this._lastVelocity=0,this._lastWidth=(this.minWidth+this.maxWidth)/2,this._ctx.fillStyle=this.penColor},o.prototype._createPoint=function(e,i,o){var n=this._canvas.getBoundingClientRect();return new t(e-n.left,i-n.top,o||(new Date).getTime())},o.prototype._addPoint=function(t){var i=this.points,o=void 0;if(i.push(t),i.length>2){3===i.length&&i.unshift(i[0]),o=this._calculateCurveControlPoints(i[0],i[1],i[2]);var n=o.c2;o=this._calculateCurveControlPoints(i[1],i[2],i[3]);var s=o.c1,r=new e(i[1],n,s,i[2]),h=this._calculateCurveWidths(r);return i.shift(),{curve:r,widths:h}}return{}},o.prototype._calculateCurveControlPoints=function(e,i,o){var n=e.x-i.x,s=e.y-i.y,r=i.x-o.x,h=i.y-o.y,a={x:(e.x+i.x)/2,y:(e.y+i.y)/2},c={x:(i.x+o.x)/2,y:(i.y+o.y)/2},d=Math.sqrt(n*n+s*s),l=Math.sqrt(r*r+h*h),u=a.x-c.x,v=a.y-c.y,p=l/(d+l),_={x:c.x+u*p,y:c.y+v*p},y=i.x-_.x,f=i.y-_.y;return{c1:new t(a.x+y,a.y+f),c2:new t(c.x+y,c.y+f)}},o.prototype._calculateCurveWidths=function(t){var e=t.startPoint,i=t.endPoint,o={start:null,end:null},n=this.velocityFilterWeight*i.velocityFrom(e)+(1-this.velocityFilterWeight)*this._lastVelocity,s=this._strokeWidth(n);return o.start=this._lastWidth,o.end=s,this._lastVelocity=n,this._lastWidth=s,o},o.prototype._strokeWidth=function(t){return Math.max(this.maxWidth/(t+1),this.minWidth)},o.prototype._drawPoint=function(t,e,i){var o=this._ctx;o.moveTo(t,e),o.arc(t,e,i,0,2*Math.PI,!1),this._isEmpty=!1},o.prototype._drawCurve=function(t,e,i){var o=this._ctx,n=i-e,s=Math.floor(t.length());o.beginPath();for(var r=0;r<s;r+=1){var h=r/s,a=h*h,c=a*h,d=1-h,l=d*d,u=l*d,v=u*t.startPoint.x;v+=3*l*h*t.control1.x,v+=3*d*a*t.control2.x,v+=c*t.endPoint.x;var p=u*t.startPoint.y;p+=3*l*h*t.control1.y,p+=3*d*a*t.control2.y,p+=c*t.endPoint.y;var _=e+c*n;this._drawPoint(v,p,_)}o.closePath(),o.fill()},o.prototype._drawDot=function(t){var e=this._ctx,i="function"==typeof this.dotSize?this.dotSize():this.dotSize;e.beginPath(),this._drawPoint(t.x,t.y,i),e.closePath(),e.fill()},o.prototype._fromData=function(e,i,o){for(var n=0;n<e.length;n+=1){var s=e[n];if(s.length>1)for(var r=0;r<s.length;r+=1){var h=s[r],a=new t(h.x,h.y,h.time),c=h.color;if(0===r)this.penColor=c,this._reset(),this._addPoint(a);else if(r!==s.length-1){var d=this._addPoint(a),l=d.curve,u=d.widths;l&&u&&i(l,u,c)}}else{this._reset();o(s[0])}}},o.prototype._toSVG=function(){var t=this,e=this._data,i=this._canvas,o=Math.max(window.devicePixelRatio||1,1),n=i.width/o,s=i.height/o,r=document.createElementNS("http://www.w3.org/2000/svg","svg");r.setAttributeNS(null,"width",i.width),r.setAttributeNS(null,"height",i.height),this._fromData(e,function(t,e,i){var o=document.createElement("path");if(!(isNaN(t.control1.x)||isNaN(t.control1.y)||isNaN(t.control2.x)||isNaN(t.control2.y))){var n="M "+t.startPoint.x.toFixed(3)+","+t.startPoint.y.toFixed(3)+" C "+t.control1.x.toFixed(3)+","+t.control1.y.toFixed(3)+" "+t.control2.x.toFixed(3)+","+t.control2.y.toFixed(3)+" "+t.endPoint.x.toFixed(3)+","+t.endPoint.y.toFixed(3);o.setAttribute("d",n),o.setAttribute("stroke-width",(2.25*e.end).toFixed(3)),o.setAttribute("stroke",i),o.setAttribute("fill","none"),o.setAttribute("stroke-linecap","round"),r.appendChild(o)}},function(e){var i=document.createElement("circle"),o="function"==typeof t.dotSize?t.dotSize():t.dotSize;i.setAttribute("r",o),i.setAttribute("cx",e.x),i.setAttribute("cy",e.y),i.setAttribute("fill",e.color),r.appendChild(i)});var h='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 '+n+" "+s+'" width="'+n+'" height="'+s+'">',a=r.innerHTML;if(void 0===a){var c=document.createElement("dummy"),d=r.childNodes;c.innerHTML="";for(var l=0;l<d.length;l+=1)c.appendChild(d[l].cloneNode(!0));a=c.innerHTML}var u=h+a+"</svg>";return"data:image/svg+xml;base64,"+btoa(u)},o.prototype.fromData=function(t){var e=this;this.clear(),this._fromData(t,function(t,i){return e._drawCurve(t,i.start,i.end)},function(t){return e._drawDot(t)}),this._data=t},o.prototype.toData=function(){return this._data},o});
diff --git a/resources/views/layouts/ninja.blade.php b/resources/views/layouts/ninja.blade.php
index e024d86373..87c20c49d8 100644
--- a/resources/views/layouts/ninja.blade.php
+++ b/resources/views/layouts/ninja.blade.php
@@ -49,7 +49,7 @@
 
         <!-- Scripts -->
         <script src="{{ mix('js/app.js') }}" defer></script>
-        <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.x/dist/alpine.min.js" defer></script>
+        <script src="{{ asset('vendor/alpinejs@2.8.2/alpine.js') }}" defer></script>
 
         <!-- Fonts -->
         <link rel="dns-prefetch" href="https://fonts.gstatic.com">
@@ -66,7 +66,7 @@
         @stack('head')
 
 
-        <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
+        <link rel="stylesheet" type="text/css" href="{{ asset('vendor/cookieconsent@3/cookieconsent.min.css') }}" />
     </head>
 
     <body class="antialiased">
@@ -80,7 +80,7 @@
 
         @livewireScripts
 
-        <script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
+        <script src="{{ asset('vendor/cookieconsent@3/cookieconsent.min.js') }}" data-cfasync="false"></script>
         <script>
             window.addEventListener("load", function(){
                 if (! window.cookieconsent) {
diff --git a/resources/views/portal/ninja2020/invoices/payment.blade.php b/resources/views/portal/ninja2020/invoices/payment.blade.php
index 0eb6c4ab23..8678003751 100644
--- a/resources/views/portal/ninja2020/invoices/payment.blade.php
+++ b/resources/views/portal/ninja2020/invoices/payment.blade.php
@@ -4,7 +4,7 @@
 @push('head')
 <meta name="show-invoice-terms" content="{{ $settings->show_accept_invoice_terms ? true : false }}">
 <meta name="require-invoice-signature" content="{{ $client->user->account->hasFeature(\App\Models\Account::FEATURE_INVOICE_SETTINGS) && $settings->require_invoice_signature }}">
-<script src="https://cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js"></script>
+<script src="{{ asset('vendor/signature_pad@2.3.2/signature_pad.min.js') }}"></script>
 @endpush
 
 @section('body')
diff --git a/resources/views/portal/ninja2020/invoices/show.blade.php b/resources/views/portal/ninja2020/invoices/show.blade.php
index 52cdc09ae2..d56323d0c0 100644
--- a/resources/views/portal/ninja2020/invoices/show.blade.php
+++ b/resources/views/portal/ninja2020/invoices/show.blade.php
@@ -6,7 +6,7 @@
     <meta name="require-invoice-signature" content="{{ $client->user->account->hasFeature(\App\Models\Account::FEATURE_INVOICE_SETTINGS) && $settings->require_invoice_signature }}">
     @include('portal.ninja2020.components.no-cache')
     
-    <script src="https://cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js"></script>
+    <script src="{{ asset('vendor/signature_pad@2.3.2/signature_pad.min.js') }}"></script>
 @endpush
 
 @section('body')
diff --git a/resources/views/portal/ninja2020/layout/app.blade.php b/resources/views/portal/ninja2020/layout/app.blade.php
index b921f0d5e6..ec85a7b6c4 100644
--- a/resources/views/portal/ninja2020/layout/app.blade.php
+++ b/resources/views/portal/ninja2020/layout/app.blade.php
@@ -48,7 +48,7 @@
 
         <!-- Scripts -->
         <script src="{{ mix('js/app.js') }}" defer></script>
-        <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.x/dist/alpine.min.js" defer></script>
+        <script src="{{ asset('vendor/alpinejs@2.8.2/alpine.js') }}" defer></script>
 
         <!-- Fonts -->
         <link rel="dns-prefetch" href="https://fonts.gstatic.com">
@@ -80,7 +80,7 @@
             </div>
         @endif
 
-        <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
+        <link rel="stylesheet" type="text/css" href="{{ asset('vendor/cookieconsent@3/cookieconsent.min.css') }}" />
     </head>
 
     @include('portal.ninja2020.components.primary-color')
@@ -98,7 +98,7 @@
 
         @livewireScripts
 
-        <script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
+        <script src="{{ asset('vendor/cookieconsent@3/cookieconsent.min.js') }}" data-cfasync="false"></script>
         <script>
             window.addEventListener("load", function(){
                 if (! window.cookieconsent) {
diff --git a/resources/views/portal/ninja2020/layout/clean.blade.php b/resources/views/portal/ninja2020/layout/clean.blade.php
index a6ecf6b311..e359844605 100644
--- a/resources/views/portal/ninja2020/layout/clean.blade.php
+++ b/resources/views/portal/ninja2020/layout/clean.blade.php
@@ -48,7 +48,7 @@
 
         <!-- Scripts -->
         <script src="{{ mix('js/app.js') }}" defer></script>
-        <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.x/dist/alpine.min.js" defer></script>
+        <script src="{{ asset('vendor/alpinejs@2.8.2/alpine.js') }}" defer></script>
 
         <!-- Fonts -->
         <link rel="dns-prefetch" href="https://fonts.gstatic.com">
@@ -65,7 +65,7 @@
 
         @livewireStyles
 
-        <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
+        <link rel="stylesheet" type="text/css" href="{{ asset('vendor/cookieconsent@3/cookieconsent.min.css') }}" />
     </head>
 
     @include('portal.ninja2020.components.primary-color')
@@ -81,7 +81,7 @@
 
         @livewireScripts
 
-        <script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
+        <script src="{{ asset('vendor/cookieconsent@3/cookieconsent.min.js') }}" data-cfasync="false"></script>
         <script>
             window.addEventListener("load", function(){
                 if (! window.cookieconsent) {
diff --git a/resources/views/portal/ninja2020/layout/clean_setup.blade.php b/resources/views/portal/ninja2020/layout/clean_setup.blade.php
index 414161a502..b6ee48ec19 100644
--- a/resources/views/portal/ninja2020/layout/clean_setup.blade.php
+++ b/resources/views/portal/ninja2020/layout/clean_setup.blade.php
@@ -52,7 +52,7 @@
         @else
         <script src="{{ str_replace("setup", "", Request::url())}}js/app.js" defer></script>
         @endif
-        <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.x/dist/alpine.min.js" defer></script>
+        <script src="{{ asset('vendor/alpinejs@2.8.2/alpine.js') }}" defer></script>
 
         <!-- Fonts -->
         <link rel="dns-prefetch" href="https://fonts.gstatic.com">
@@ -77,7 +77,7 @@
             <meta name="setup-email-check" content="{{ str_replace("setup", "", Request::url())}}setup/check_mail">
         @endif
 
-        <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
+        <link rel="stylesheet" type="text/css" href="{{ asset('vendor/cookieconsent@3/cookieconsent.min.css') }}" />
     </head>
 
     @include('portal.ninja2020.components.primary-color')
@@ -91,7 +91,7 @@
 
         @yield('body')
 
-        <script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
+        <script src="{{ asset('vendor/cookieconsent@3/cookieconsent.min.js') }}" data-cfasync="false"></script>
         <script>
             window.addEventListener("load", function(){
                 if (! window.cookieconsent) {
diff --git a/resources/views/portal/ninja2020/quotes/approve.blade.php b/resources/views/portal/ninja2020/quotes/approve.blade.php
index 01f8b01bb6..63acc6b19f 100644
--- a/resources/views/portal/ninja2020/quotes/approve.blade.php
+++ b/resources/views/portal/ninja2020/quotes/approve.blade.php
@@ -4,7 +4,7 @@
 @push('head')
     <meta name="show-quote-terms" content="{{ $settings->show_accept_quote_terms ? true : false }}">
     <meta name="require-quote-signature" content="{{ $client->company->account->hasFeature(\App\Models\Account::FEATURE_INVOICE_SETTINGS) && $settings->require_quote_signature }}">
-    <script src="https://cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js"></script>
+    <script src="{{ asset('vendor/signature_pad@2.3.2/signature_pad.min.js') }}"></script>
 @endpush
 
 @section('body')
diff --git a/resources/views/portal/ninja2020/quotes/show.blade.php b/resources/views/portal/ninja2020/quotes/show.blade.php
index 905815a29a..34f85486c7 100644
--- a/resources/views/portal/ninja2020/quotes/show.blade.php
+++ b/resources/views/portal/ninja2020/quotes/show.blade.php
@@ -10,7 +10,7 @@
 
     @include('portal.ninja2020.components.no-cache')
 
-    <script src="https://cdn.jsdelivr.net/npm/signature_pad@2.3.2/dist/signature_pad.min.js"></script>
+    <script src="{{ asset('vendor/signature_pad@2.3.2/signature_pad.min.js') }}"></script>
 @endpush
 
 @section('body')
diff --git a/resources/views/themes/ninja2020/clean.blade.php b/resources/views/themes/ninja2020/clean.blade.php
index 00ff758c39..074a822624 100644
--- a/resources/views/themes/ninja2020/clean.blade.php
+++ b/resources/views/themes/ninja2020/clean.blade.php
@@ -48,7 +48,7 @@
 
         <!-- Scripts -->
         <script src="{{ mix('js/app.js') }}" defer></script>
-        <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.x/dist/alpine.min.js" defer></script>
+        <script src="{{ asset('vendor/alpinejs@2.8.2/alpine.js') }}" defer></script>
 
         <!-- Fonts -->
         <link rel="dns-prefetch" href="https://fonts.gstatic.com">
@@ -65,7 +65,7 @@
 
         @livewireStyles
 
-        <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
+        <link rel="stylesheet" type="text/css" href="{{ asset('vendor/cookieconsent@3/cookieconsent.min.css') }}" />
     </head>
 
     <body class="antialiased">
@@ -79,7 +79,7 @@
 
         @livewireScripts
 
-        <script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
+        <script src="{{ asset('vendor/cookieconsent@3/cookieconsent.min.js') }}" data-cfasync="false"></script>
         <script>
             window.addEventListener("load", function(){
                 if (! window.cookieconsent) {
diff --git a/resources/views/themes/ninja2020/view_entity/index.blade.php b/resources/views/themes/ninja2020/view_entity/index.blade.php
index 8aec9ecf0d..b7ac3d0dbc 100644
--- a/resources/views/themes/ninja2020/view_entity/index.blade.php
+++ b/resources/views/themes/ninja2020/view_entity/index.blade.php
@@ -3,7 +3,7 @@
 @push('head')
     <meta name="pdf-url" content="{{ asset($entity->pdf_file_path(null, 'url',true)) }}">
     <script src="{{ asset('js/vendor/pdf.js/pdf.min.js') }}"></script>
-    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.x/dist/alpine.min.js" defer></script>
+    <script src="{{ asset('vendor/alpinejs@2.8.2/alpine.js') }}" defer></script>
 @endpush
 
 @section('body')