--> TEXT)
+ if (morphedNodeType === ELEMENT_NODE) {
+ if (toNodeType === ELEMENT_NODE) {
+ if (!compareNodeNames(fromNode, toNode)) {
+ onNodeDiscarded(fromNode);
+ morphedNode = moveChildren(
+ fromNode,
+ createElementNS(toNode.nodeName, toNode.namespaceURI)
+ );
+ }
+ } else {
+ // Going from an element node to a text node
+ morphedNode = toNode;
+ }
+ } else if (
+ morphedNodeType === TEXT_NODE ||
+ morphedNodeType === COMMENT_NODE
+ ) {
+ // Text or comment node
+ if (toNodeType === morphedNodeType) {
+ if (morphedNode.nodeValue !== toNode.nodeValue) {
+ morphedNode.nodeValue = toNode.nodeValue;
+ }
+
+ return morphedNode;
+ } else {
+ // Text node to something else
+ morphedNode = toNode;
+ }
+ }
+ }
+
+ if (morphedNode === toNode) {
+ // The "to node" was not compatible with the "from node" so we had to
+ // toss out the "from node" and use the "to node"
+ onNodeDiscarded(fromNode);
+ } else {
+ if (toNode.isSameNode && toNode.isSameNode(morphedNode)) {
+ return;
+ }
+
+ morphEl(morphedNode, toNode, childrenOnly);
+
+ // We now need to loop over any keyed nodes that might need to be
+ // removed. We only do the removal if we know that the keyed node
+ // never found a match. When a keyed node is matched up we remove
+ // it out of fromNodesLookup and we use fromNodesLookup to determine
+ // if a keyed node has been matched up or not
+ if (keyedRemovalList) {
+ for (var i = 0, len = keyedRemovalList.length; i < len; i++) {
+ var elToRemove = fromNodesLookup[keyedRemovalList[i]];
+ if (elToRemove) {
+ removeNode(elToRemove, elToRemove.parentNode, false);
+ }
+ }
+ }
+ }
+
+ if (!childrenOnly && morphedNode !== fromNode && fromNode.parentNode) {
+ if (morphedNode.actualize) {
+ morphedNode = morphedNode.actualize(fromNode.ownerDocument || doc);
+ }
+ // If we had to swap out the from node with a new node because the old
+ // node was not compatible with the target node then we need to
+ // replace the old DOM node in the original DOM tree. This is only
+ // possible if the original DOM node was part of a DOM tree which
+ // we know is the case if it has a parent node.
+ fromNode.parentNode.replaceChild(morphedNode, fromNode);
+ }
+
+ return morphedNode;
+ };
+}
+
+const morphdom = morphdomFactory(morphAttrs);
+export default morphdom;
diff --git a/src/simmate/website/unicorn/static/unicorn/js/morpher.js b/src/simmate/website/unicorn/static/unicorn/js/morpher.js
new file mode 100644
index 000000000..44eac56af
--- /dev/null
+++ b/src/simmate/website/unicorn/static/unicorn/js/morpher.js
@@ -0,0 +1,24 @@
+import { MorphdomMorpher } from "./morphers/morphdom.js";
+import { AlpineMorpher } from "./morphers/alpine.js";
+import { isEmpty } from "./utils.js";
+
+const MORPHER_CLASSES = {
+ morphdom: MorphdomMorpher,
+ alpine: AlpineMorpher,
+};
+
+export function getMorpher(morpherSettings) {
+ const morpherName = morpherSettings.NAME;
+
+ if (isEmpty(morpherName)) {
+ throw Error(" Missing morpher name");
+ }
+
+ const MorpherClass = MORPHER_CLASSES[morpherName];
+
+ if (MorpherClass) {
+ return new MorpherClass(morpherSettings);
+ }
+
+ throw Error(`Unknown morpher: ${morpherName}`);
+}
diff --git a/src/simmate/website/unicorn/static/unicorn/js/morphers/alpine.js b/src/simmate/website/unicorn/static/unicorn/js/morphers/alpine.js
new file mode 100644
index 000000000..e9e80b938
--- /dev/null
+++ b/src/simmate/website/unicorn/static/unicorn/js/morphers/alpine.js
@@ -0,0 +1,36 @@
+export class AlpineMorpher {
+ constructor(options) {
+ this.options = options;
+ }
+
+ morph(dom, htmlElement) {
+ if (htmlElement) {
+ // Check if window has Alpine and Alpine Morph
+ if (!window.Alpine || !window.Alpine.morph) {
+ throw Error(`
+ Alpine.js and the Alpine morph plugin can not be found.
+ See https://www.django-unicorn.com/docs/custom-morphers/#alpine for more information.
+ `);
+ }
+
+ return window.Alpine.morph(dom, htmlElement, this.getOptions());
+ }
+ }
+
+ getOptions() {
+ return {
+ key(el) {
+ if (el.attributes) {
+ const key =
+ el.getAttribute("unicorn:key") || el.getAttribute("u:key") || el.id;
+
+ if (key) {
+ return key;
+ }
+ }
+
+ return el.id;
+ },
+ };
+ }
+}
diff --git a/src/simmate/website/unicorn/static/unicorn/js/morphers/morphdom.js b/src/simmate/website/unicorn/static/unicorn/js/morphers/morphdom.js
new file mode 100644
index 000000000..824280a72
--- /dev/null
+++ b/src/simmate/website/unicorn/static/unicorn/js/morphers/morphdom.js
@@ -0,0 +1,76 @@
+import morphdom from "../morphdom/2.6.1/morphdom.js";
+
+export class MorphdomMorpher {
+ constructor(options) {
+ this.options = options;
+ }
+
+ morph(dom, htmlElement) {
+ return morphdom(dom, htmlElement, this.getOptions());
+ }
+
+ getOptions() {
+ const reloadScriptElements = this.options.RELOAD_SCRIPT_ELEMENTS || false;
+
+ return {
+ childrenOnly: false,
+ // eslint-disable-next-line consistent-return
+ getNodeKey(node) {
+ // A node's unique identifier. Used to rearrange elements rather than
+ // creating and destroying an element that already exists.
+ if (node.attributes) {
+ const key =
+ node.getAttribute("unicorn:id") ||
+ node.getAttribute("unicorn:key") ||
+ node.id;
+
+ if (key) {
+ return key;
+ }
+ }
+ },
+ // eslint-disable-next-line consistent-return
+ onBeforeElUpdated(fromEl, toEl) {
+ // Because morphdom also supports vDom nodes, it uses isSameNode to detect
+ // sameness. When dealing with DOM nodes, we want isEqualNode, otherwise
+ // isSameNode will ALWAYS return false.
+ if (fromEl.isEqualNode(toEl)) {
+ return false;
+ }
+
+ if (reloadScriptElements) {
+ if (fromEl.nodeName === "SCRIPT" && toEl.nodeName === "SCRIPT") {
+ // https://github.com/patrick-steele-idem/morphdom/issues/178#issuecomment-652562769
+ const script = document.createElement("script");
+ // copy over the attributes
+ [...toEl.attributes].forEach((attr) => {
+ script.setAttribute(attr.nodeName, attr.nodeValue);
+ });
+
+ script.innerHTML = toEl.innerHTML;
+ fromEl.replaceWith(script);
+
+ return false;
+ }
+ }
+
+ return true;
+ },
+ onNodeAdded(node) {
+ if (reloadScriptElements) {
+ if (node.nodeName === "SCRIPT") {
+ // https://github.com/patrick-steele-idem/morphdom/issues/178#issuecomment-652562769
+ const script = document.createElement("script");
+ // copy over the attributes
+ [...node.attributes].forEach((attr) => {
+ script.setAttribute(attr.nodeName, attr.nodeValue);
+ });
+
+ script.innerHTML = node.innerHTML;
+ node.replaceWith(script);
+ }
+ }
+ },
+ };
+ }
+}
diff --git a/src/simmate/website/unicorn/static/unicorn/js/store.js b/src/simmate/website/unicorn/static/unicorn/js/store.js
new file mode 100644
index 000000000..db41ecf07
--- /dev/null
+++ b/src/simmate/website/unicorn/static/unicorn/js/store.js
@@ -0,0 +1,15 @@
+/**
+ * Stores components.
+ *
+ * Key is the component id.
+ * Value is the instantiated component.
+ */
+export const components = {};
+
+/**
+ * Stores lifecycle events to fire.
+ *
+ * Key is the event name.
+ * Value is an array of callback functions.
+ */
+export const lifecycleEvents = {};
diff --git a/src/simmate/website/unicorn/static/unicorn/js/unicorn.js b/src/simmate/website/unicorn/static/unicorn/js/unicorn.js
new file mode 100644
index 000000000..a80cff285
--- /dev/null
+++ b/src/simmate/website/unicorn/static/unicorn/js/unicorn.js
@@ -0,0 +1,182 @@
+import { Component } from "./component.js";
+import { isEmpty, hasValue } from "./utils.js";
+import { components, lifecycleEvents } from "./store.js";
+import { getMorpher } from "./morpher.js";
+
+let messageUrl = "";
+let csrfTokenHeaderName = "X-CSRFToken";
+let csrfTokenCookieName = "csrftoken";
+let morpher;
+
+/**
+ * Initializes the Unicorn object.
+ *
+ * @typedef
+ */
+export function init(
+ _messageUrl,
+ _csrfTokenHeaderName,
+ _csrfTokenCookieName,
+ _morpherSettings
+) {
+ messageUrl = _messageUrl;
+
+ morpher = getMorpher(_morpherSettings);
+
+ if (hasValue(_csrfTokenHeaderName)) {
+ csrfTokenHeaderName = _csrfTokenHeaderName;
+ }
+
+ if (hasValue(_csrfTokenCookieName)) {
+ csrfTokenCookieName = _csrfTokenCookieName;
+ }
+
+ return {
+ messageUrl,
+ csrfTokenHeaderName,
+ csrfTokenCookieName,
+ morpher,
+ };
+}
+
+/**
+ * Initializes the component.
+ */
+export function componentInit(args) {
+ args.messageUrl = messageUrl;
+ args.csrfTokenHeaderName = csrfTokenHeaderName;
+ args.csrfTokenCookieName = csrfTokenCookieName;
+ args.morpher = morpher;
+
+ const component = new Component(args);
+ components[component.id] = component;
+
+ component.setModelValues();
+}
+
+/**
+ * Initialize the component from the DOM element if it hasn't been initialized yet.
+ *
+ * Used to populate the components object with fresh components, created by the server.
+ *
+ * @param {Object} node The node to check for initialization.
+ */
+export function insertComponentFromDom(node) {
+ const nodeId = node.getAttribute("unicorn:id");
+
+ if (!components[nodeId]) {
+ const args = {
+ id: nodeId,
+ name: node.getAttribute("unicorn:name"),
+ key: node.getAttribute("unicorn:key"),
+ checksum: node.getAttribute("unicorn:checksum"),
+ data: JSON.parse(node.getAttribute("unicorn:data")),
+ calls: JSON.parse(node.getAttribute("unicorn:calls")),
+ };
+
+ componentInit(args);
+ }
+}
+
+/**
+ * Gets the component with the specified name or key.
+ * Component keys are searched first, then names.
+ *
+ * @param {String} componentNameOrKey The name or key of the component to search for.
+ */
+export function getComponent(componentNameOrKey) {
+ let component;
+
+ Object.keys(components).forEach((id) => {
+ if (isEmpty(component)) {
+ const _component = components[id];
+
+ if (_component.key === componentNameOrKey) {
+ component = _component;
+ }
+ }
+ });
+
+ if (isEmpty(component)) {
+ Object.keys(components).forEach((id) => {
+ if (isEmpty(component)) {
+ const _component = components[id];
+
+ if (_component.name === componentNameOrKey) {
+ component = _component;
+ }
+ }
+ });
+ }
+
+ if (!component) {
+ throw Error(`No component found for: ${componentNameOrKey}`);
+ }
+
+ return component;
+}
+
+/**
+ * Deletes the component from the component store.
+ * @param {String} componentId.
+ */
+export function deleteComponent(componentId) {
+ delete components[componentId];
+}
+
+/**
+ * Call an action on the specified component.
+ */
+export function call(componentNameOrKey, methodName, ...args) {
+ const component = getComponent(componentNameOrKey);
+ let argString = "";
+
+ args.forEach((arg) => {
+ if (typeof arg !== "undefined") {
+ if (typeof arg === "string") {
+ argString = `${argString}'${arg}', `;
+ } else {
+ argString = `${argString}${arg}, `;
+ }
+ }
+ });
+
+ if (argString) {
+ argString = argString.slice(0, -2);
+ methodName = `${methodName}(${argString})`;
+ }
+
+ component.callMethod(methodName, 0, null, (err) => {
+ console.error(err);
+ });
+}
+
+/**
+ * Gets the last return value.
+ */
+export function getReturnValue(componentNameOrKey) {
+ const component = getComponent(componentNameOrKey);
+
+ return component.return.value;
+}
+
+/**
+ * Adds an event listener for particular events.
+ * @param {String} eventName The event to register under. Current events are: `updated`.
+ * @param {Function} callback Function to call when the event gets fired.
+ */
+export function addEventListener(eventName, callback) {
+ if (!(eventName in lifecycleEvents)) {
+ lifecycleEvents[eventName] = [];
+ }
+
+ lifecycleEvents[eventName].push(callback);
+}
+
+/**
+ * Trigger a component update by dispatching an event for a particular element.
+ */
+export function trigger(componentNameOrKey, elementKey) {
+ const component = getComponent(componentNameOrKey);
+ component.trigger(elementKey);
+}
diff --git a/src/simmate/website/unicorn/static/unicorn/js/unicorn.min.js b/src/simmate/website/unicorn/static/unicorn/js/unicorn.min.js
new file mode 100644
index 000000000..d4045e0dd
--- /dev/null
+++ b/src/simmate/website/unicorn/static/unicorn/js/unicorn.min.js
@@ -0,0 +1,2 @@
+/* Version: 0.60.0 */
+var Unicorn=function(e){"use strict";function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){for(var i=0;i
e.length)&&(t=e.length);for(var i=0,n=new Array(t);i-1}function h(e,t){return void 0===t&&(t=document),t.querySelector(e)}var d={acceptNode:function(e){return NodeFilter.FILTER_ACCEPT}},f={acceptNode:function(e){return e.getAttribute("unicorn:checksum")?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT}};function m(e,t){for(var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:d,n=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,i,!1);n.nextNode();)t(n.currentNode)}var p=function(){function e(i){t(this,e),this.attribute=i,this.name=this.attribute.name,this.value=this.attribute.value,this.isUnicorn=!1,this.isModel=!1,this.isPoll=!1,this.isLoading=!1,this.isTarget=!1,this.isPartial=!1,this.isDirty=!1,this.isVisible=!1,this.isKey=!1,this.isError=!1,this.modifiers={},this.eventType=null,this.init()}return n(e,[{key:"init",value:function(){var e=this;if(this.name.startsWith("unicorn:")||this.name.startsWith("u:")){if(this.isUnicorn=!0,c(this.name,":model"))this.isModel=!0;else if(c(this.name,":poll.disable"))this.isPollDisable=!0;else if(c(this.name,":poll"))this.isPoll=!0;else if(c(this.name,":loading"))this.isLoading=!0;else if(c(this.name,":target"))this.isTarget=!0;else if(c(this.name,":partial"))this.isPartial=!0;else if(c(this.name,":dirty"))this.isDirty=!0;else if(c(this.name,":visible"))this.isVisible=!0;else if("unicorn:key"===this.name||"u:key"===this.name)this.isKey=!0;else if(c(this.name,":error:"))this.isError=!0;else{var t=this.name.replace("unicorn:","").replace("u:","");"id"!==t&&"name"!==t&&"checksum"!==t&&(this.eventType=t)}var i=this.name;this.eventType&&(i=this.eventType),i.split(".").slice(1).forEach((function(t){var i=t.split("-");e.modifiers[i[0]]=!(i.length>1)||i[1],e.eventType&&(e.eventType=e.eventType.replace(".".concat(t),""))}))}}}]),e}(),v=function(){function e(i){t(this,e),this.el=i,this.init()}return n(e,[{key:"init",value:function(){var t=this;if(this.id=this.el.id,this.isUnicorn=!1,this.attributes=[],this.value=this.getValue(),this.parent=null,this.el.parentElement&&(this.parent=new e(this.el.parentElement)),this.model={},this.poll={},this.loading={},this.dirty={},this.actions=[],this.partials=[],this.target=null,this.visibility={},this.key=null,this.events=[],this.errors=[],this.el.attributes)for(var i=function(e){var i=new p(t.el.attributes[e]);if(t.attributes.push(i),i.isUnicorn&&(t.isUnicorn=!0),i.isModel){var n="model";t[n].name=i.value,t[n].eventType=i.modifiers.lazy?"blur":"input",t[n].isLazy=!!i.modifiers.lazy,t[n].isDefer=!!i.modifiers.defer,t[n].debounceTime=i.modifiers.debounce&&parseInt(i.modifiers.debounce,10)||-1}else if(i.isPoll){t.poll.method=i.value?i.value:"refresh",t.poll.timing=2e3,t.poll.disable=!1;var r=i.name.split("-").slice(1);r.length>0&&(t.poll.timing=parseInt(r[0],10)||2e3)}else if(i.isPollDisable)t.poll.disableData=i.value;else if(i.isLoading||i.isDirty){var o="dirty";i.isLoading&&(o="loading"),i.modifiers.attr?t[o].attr=i.value:i.modifiers.class&&i.modifiers.remove?t[o].removeClasses=i.value.split(" "):i.modifiers.class?t[o].classes=i.value.split(" "):i.isLoading&&i.modifiers.remove?t.loading.hide=!0:i.isLoading&&(t.loading.show=!0)}else if(i.isTarget)t.target=i.value;else if(i.isPartial)i.modifiers.id?t.partials.push({id:i.value}):i.modifiers.key?t.partials.push({key:i.value}):t.partials.push({target:i.value});else if(i.isVisible){var a=i.modifiers.threshold||0;a>1&&(a/=100),t.visibility.method=i.value,t.visibility.threshold=a,t.visibility.debounceTime=i.modifiers.debounce&&parseInt(i.modifiers.debounce,10)||0}else if(i.eventType){var s={};s.name=i.value,s.eventType=i.eventType,s.isPrevent=!1,s.isStop=!1,s.isDiscard=!1,s.debounceTime=0,i.modifiers&&Object.keys(i.modifiers).forEach((function(e){"prevent"===e?s.isPrevent=!0:"stop"===e?s.isStop=!0:"discard"===e?s.isDiscard=!0:"debounce"===e?s.debounceTime=i.modifiers.debounce&&parseInt(i.modifiers.debounce,10)||0:s.key=e})),t.actions.push(s)}if(i.isKey&&(t.key=i.value),i.isError){var l=i.name.replace("unicorn:error:","");t.errors.push({code:l,message:i.value})}},n=0;n0&&t in e.actionEvents&&e.actionEvents[t].forEach((function(t){var r=t.action,o=t.element;if(n.isSame(o)){e.walker(o.el,(function(t){e.modelEls.filter((function(e){return e.isSameEl(t)})).forEach((function(t){if(l(t.model)&&t.model.isLazy){var i={type:"syncInput",payload:{name:t.model.name,value:t.getValue()}};e.actionQueue.push(i)}}))})),r.isPrevent&&i.preventDefault(),r.isStop&&i.stopPropagation(),r.isDiscard&&(e.actionQueue=[]);var a=r.name;(function(e){if(!c(e=e.trim(),"(")||!e.endsWith(")"))return[];e=e.slice(e.indexOf("(")+1,e.length-1);for(var t=[],i="",n=!1,r=!1,o=0,a=0,s=0;s-1&&e.actionQueue.splice(a))}e.actionQueue.push(o),e.queueMessage(t.model.debounceTime,(function(i,n,r){r?console.error(r):((i=i||[]).some((function(e){return e.isSame(t)}))||i.push(t),e.setModelValues(i,n,!0))}))}))}var k={},T={};function w(e,t){if(0!==e.actionQueue.length&&e.currentActionQueue!==e.actionQueue){var i=e.actionQueue.some((function(e){return"callMethod"===e.type}));e.currentActionQueue=e.actionQueue,e.actionQueue=[];var n={id:e.id,data:e.data,checksum:e.checksum,actionQueue:e.currentActionQueue,epoch:Date.now(),hash:e.hash},r={Accept:"application/json","X-Requested-With":"XMLHttpRequest"};r[e.csrfTokenHeaderName]=function(e){var t=e.csrfTokenCookieName+"=",i=e.document.cookie.split(";").filter((function(e){return e.trim().startsWith(t)}));if(i.length>0)return i[0].replace(t,"");var n=e.document.getElementsByName("csrfmiddlewaretoken");if(n&&n.length>0)return n[0].getAttribute("value");throw Error("CSRF token is missing. Do you need to add {% csrf_token %}?")}(e),fetch(e.syncUrl,{method:"POST",headers:r,body:JSON.stringify(n)}).then((function(t){if(t.ok)return t.json();if(e.loadingEls.forEach((function(e){e.loading.hide?e.show():e.loading.show&&e.hide(),e.handleLoading(!0),e.handleDirty(!0)})),304===t.status)return null;throw Error("Error when getting response: ".concat(t.statusText," (").concat(t.status,")"))})).then((function(n){if(n&&(!n.queued||!0!==n.queued)){if(n.error)throw"Checksum does not match"===n.error&&u(t)&&t([],!0,null),Error(n.error);if(n.redirect)if(n.redirect.url){if(!n.redirect.refresh)return void(e.window.location.href=n.redirect.url);n.redirect.title&&(e.window.document.title=n.redirect.title),e.window.history.pushState({},"",n.redirect.url)}else n.redirect.hash&&(e.window.location.hash=n.redirect.hash);e.modelEls.forEach((function(e){e.init(),e.removeErrors(),e.handleDirty(!0)})),Object.keys(n.data||{}).forEach((function(t){e.data[t]=n.data[t]})),e.errors=n.errors||{},e.return=n.return||{},e.hash=n.hash;var r=n.parent||{},o=n.dom||"",a=n.partials||[],s=n.checksum,c=n.poll||{};for(l(c)&&(e.poll.timer&&clearInterval(e.poll.timer),c.timing&&(e.poll.timing=c.timing),c.method&&(e.poll.method=c.method),e.poll.disable=c.disable||!1,e.startPolling());l(r)&&l(r.id);){var d=e.getParentComponent(r.id);d&&d.id===r.id&&(l(r.data)&&(d.data=r.data),r.dom&&(d.morphRoot(r.dom),d.loadingEls.forEach((function(e){e.loading.hide?e.show():e.loading.show&&e.hide(),e.handleLoading(!0),e.handleDirty(!0)}))),r.checksum&&(d.root.setAttribute("unicorn:checksum",r.checksum),d.refreshChecksum()),d.hash=r.hash,d.refreshEventListeners()),r=r.parent||{}}if(a.length>0){for(var f=0;f0){var o=!1;l(r=e.slice(-1)[0])&&l(r.model)&&!r.model.isLazy&&["id","key"].forEach((function(e){n.modelEls.forEach((function(t){o||r[e]&&r[e]===t[e]&&(t.focus(),o=!0)}))}))}if(this.modelEls.forEach((function(e){!t&&r&&r.isSame(e)||n.setValue(e)})),this.getChildrenComponents().forEach((function(i){i.setModelValues(e,t,!1)})),i){var a=this.getParentComponent();a&&a.setModelValues(e,t,i)}}},{key:"queueMessage",value:function(e,t){-1===e?a(w,250,!1)(this,t):a(w,e,!1)(this,t)}},{key:"triggerLifecycleEvent",value:function(e){var t=this;e in T&&T[e].forEach((function(e){return e(t)}))}},{key:"trigger",value:function(e){this.modelEls.forEach((function(t){if(t.key===e){var i=t.model.isLazy?"blur":"input";t.el.dispatchEvent(new Event(i))}}))}},{key:"morph",value:function(e,t){if(t){var i=function(){return r(e.querySelectorAll("[unicorn\\:id]"))},n=new Set(i().map((function(e){return e.getAttribute("unicorn:id")})));this.morpher.morph(e,t);var o=new Set(i().map((function(e){return e.getAttribute("unicorn:id")})));r(n).filter((function(e){return!o.has(e)})).forEach((function(e){Unicorn.deleteComponent(e)})),i().forEach((function(e){Unicorn.insertComponentFromDom(e)}))}}},{key:"morphRoot",value:function(e){this.morph(this.root,e)}}]),e}();var C="undefined"==typeof document?void 0:document,S=!!C&&"content"in C.createElement("template"),L=!!C&&C.createRange&&"createContextualFragment"in C.createRange();function P(e){return e=e.trim(),S?function(e){var t=C.createElement("template");return t.innerHTML=e,t.content.childNodes[0]}(e):L?function(e){return A||(A=C.createRange()).selectNode(C.body),A.createContextualFragment(e).childNodes[0]}(e):function(e){var t=C.createElement("body");return t.innerHTML=e,t.childNodes[0]}(e)}function O(e,t){var i,n,r=e.nodeName,o=t.nodeName;return r===o||(i=r.charCodeAt(0),n=o.charCodeAt(0),i<=90&&n>=97?r===o.toUpperCase():n<=90&&i>=97&&o===r.toUpperCase())}function M(e,t,i){e[i]!==t[i]&&(e[i]=t[i],e[i]?e.setAttribute(i,""):e.removeAttribute(i))}var U={OPTION:function(e,t){var i=e.parentNode;if(i){var n=i.nodeName.toUpperCase();"OPTGROUP"===n&&(n=(i=i.parentNode)&&i.nodeName.toUpperCase()),"SELECT"!==n||i.hasAttribute("multiple")||(e.hasAttribute("selected")&&!t.selected&&(e.setAttribute("selected","selected"),e.removeAttribute("selected")),i.selectedIndex=-1)}M(e,t,"selected")},INPUT:function(e,t){M(e,t,"checked"),M(e,t,"disabled"),e.value!==t.value&&(e.value=t.value),t.hasAttribute("value")||e.removeAttribute("value")},TEXTAREA:function(e,t){var i=t.value;e.value!==i&&(e.value=i);var n=e.firstChild;if(n){var r=n.nodeValue;if(r==i||!i&&r==e.placeholder)return;n.nodeValue=i}},SELECT:function(e,t){if(!t.hasAttribute("multiple")){for(var i,n,r=-1,o=0,a=e.firstChild;a;)if("OPTGROUP"===(n=a.nodeName&&a.nodeName.toUpperCase()))a=(i=a).firstChild;else{if("OPTION"===n){if(a.hasAttribute("selected")){r=o;break}o++}!(a=a.nextSibling)&&i&&(a=i.nextSibling,i=null)}e.selectedIndex=r}}};function V(){}function D(e){if(e)return e.getAttribute&&e.getAttribute("id")||e.id}var I=function(e){return function(t,i,n){if(n||(n={}),"string"==typeof i)if("#document"===t.nodeName||"HTML"===t.nodeName||"BODY"===t.nodeName){var r=i;(i=C.createElement("html")).innerHTML=r}else i=P(i);var o=n.getNodeKey||D,a=n.onBeforeNodeAdded||V,s=n.onNodeAdded||V,l=n.onBeforeElUpdated||V,u=n.onElUpdated||V,c=n.onBeforeNodeDiscarded||V,h=n.onNodeDiscarded||V,d=n.onBeforeElChildrenUpdated||V,f=!0===n.childrenOnly,m=Object.create(null),p=[];function v(e){p.push(e)}function y(e,t){if(1===e.nodeType)for(var i=e.firstChild;i;){var n=void 0;t&&(n=o(i))?v(n):(h(i),i.firstChild&&y(i,t)),i=i.nextSibling}}function g(e,t,i){!1!==c(e)&&(t&&t.removeChild(e),h(e),y(e,i))}function b(e){s(e);for(var t=e.firstChild;t;){var i=t.nextSibling,n=o(t);if(n){var r=m[n];r&&O(t,r)?(t.parentNode.replaceChild(r,t),E(r,t)):b(t)}else b(t);t=i}}function E(t,i,n){var r=o(i);if(r&&delete m[r],!n){if(!1===l(t,i))return;if(t.hasAttribute("u:ignore")||t.hasAttribute("unicorn:ignore"))return;if(e(t,i),u(t),!1===d(t,i))return}"TEXTAREA"!==t.nodeName?function(e,t){var i,n,r,s,l,u=t.firstChild,c=e.firstChild;e:for(;u;){for(s=u.nextSibling,i=o(u);c;){if(r=c.nextSibling,u.isSameNode&&u.isSameNode(c)){u=s,c=r;continue e}n=o(c);var h=c.nodeType,d=void 0;if(h===u.nodeType&&(1===h?(i?i!==n&&((l=m[i])?r===l?d=!1:(e.insertBefore(l,c),n?v(n):g(c,e,!0),c=l):d=!1):n&&(d=!1),(d=!1!==d&&O(c,u))&&E(c,u)):3!==h&&8!=h||(d=!0,c.nodeValue!==u.nodeValue&&(c.nodeValue=u.nodeValue))),d){u=s,c=r;continue e}n?v(n):g(c,e,!0),c=r}if(i&&(l=m[i])&&O(l,u))e.appendChild(l),E(l,u);else{var f=a(u);!1!==f&&(f&&(u=f),u.actualize&&(u=u.actualize(e.ownerDocument||C)),e.appendChild(u),b(u))}u=s,c=r}!function(e,t,i){for(;t;){var n=t.nextSibling;(i=o(t))?v(i):g(t,e,!0),t=n}}(e,c,n);var p=U[e.nodeName];p&&p(e,t)}(t,i):t.innerHTML!=i.innerHTML&&U.TEXTAREA(t,i)}!function e(t){if(1===t.nodeType||11===t.nodeType)for(var i=t.firstChild;i;){var n=o(i);n&&(m[n]=i),e(i),i=i.nextSibling}}(t);var k,T,w=t,A=w.nodeType,N=i.nodeType;if(!f)if(1===A)1===N?O(t,i)||(h(t),w=function(e,t){for(var i=e.firstChild;i;){var n=i.nextSibling;t.appendChild(i),i=n}return t}(t,(k=i.nodeName,(T=i.namespaceURI)&&"http://www.w3.org/1999/xhtml"!==T?C.createElementNS(T,k):C.createElement(k)))):w=i;else if(3===A||8===A){if(N===A)return w.nodeValue!==i.nodeValue&&(w.nodeValue=i.nodeValue),w;w=i}if(w===i)h(t);else{if(i.isSameNode&&i.isSameNode(w))return;if(E(w,i,f),p)for(var S=0,L=p.length;S=0;s--)n=(i=a[s]).name,r=i.namespaceURI,o=i.value,r?(n=i.localName||n,e.getAttributeNS(r,n)!==o&&("xmlns"===i.prefix&&(n=i.name),e.setAttributeNS(r,n,o))):e.getAttribute(n)!==o&&e.setAttribute(n,o);for(var l=e.attributes,u=l.length-1;u>=0;u--)n=(i=l[u]).name,(r=i.namespaceURI)?(n=i.localName||n,t.hasAttributeNS(r,n)||e.removeAttributeNS(r,n)):t.hasAttribute(n)||e.removeAttribute(n)}})),R={morphdom:function(){function e(i){t(this,e),this.options=i}return n(e,[{key:"morph",value:function(e,t){return I(e,t,this.getOptions())}},{key:"getOptions",value:function(){var e=this.options.RELOAD_SCRIPT_ELEMENTS||!1;return{childrenOnly:!1,getNodeKey:function(e){if(e.attributes){var t=e.getAttribute("unicorn:id")||e.getAttribute("unicorn:key")||e.id;if(t)return t}},onBeforeElUpdated:function(t,i){if(t.isEqualNode(i))return!1;if(e&&"SCRIPT"===t.nodeName&&"SCRIPT"===i.nodeName){var n=document.createElement("script");return r(i.attributes).forEach((function(e){n.setAttribute(e.nodeName,e.nodeValue)})),n.innerHTML=i.innerHTML,t.replaceWith(n),!1}return!0},onNodeAdded:function(t){if(e&&"SCRIPT"===t.nodeName){var i=document.createElement("script");r(t.attributes).forEach((function(e){i.setAttribute(e.nodeName,e.nodeValue)})),i.innerHTML=t.innerHTML,t.replaceWith(i)}}}}}]),e}(),alpine:function(){function e(i){t(this,e),this.options=i}return n(e,[{key:"morph",value:function(e,t){if(t){if(!window.Alpine||!window.Alpine.morph)throw Error("\n Alpine.js and the Alpine morph plugin can not be found.\n See https://www.django-unicorn.com/docs/custom-morphers/#alpine for more information.\n ");return window.Alpine.morph(e,t,this.getOptions())}}},{key:"getOptions",value:function(){return{key:function(e){if(e.attributes){var t=e.getAttribute("unicorn:key")||e.getAttribute("u:key")||e.id;if(t)return t}return e.id}}}}]),e}()};var x,Q="",j="X-CSRFToken",H="csrftoken";function z(e){e.messageUrl=Q,e.csrfTokenHeaderName=j,e.csrfTokenCookieName=H,e.morpher=x;var t=new N(e);k[t.id]=t,t.setModelValues()}function F(e){var t;if(Object.keys(k).forEach((function(i){if(s(t)){var n=k[i];n.key===e&&(t=n)}})),s(t)&&Object.keys(k).forEach((function(i){if(s(t)){var n=k[i];n.name===e&&(t=n)}})),!t)throw Error("No component found for: ".concat(e));return t}return e.addEventListener=function(e,t){e in T||(T[e]=[]),T[e].push(t)},e.call=function(e,t){for(var i=F(e),n="",r=arguments.length,o=new Array(r>2?r-2:0),a=2;a -1;
+}
+
+/**
+ * A simple shortcut for querySelector that everyone loves.
+ */
+export function $(selector, scope) {
+ if (scope === undefined) {
+ scope = document;
+ }
+
+ return scope.querySelector(selector);
+}
+
+/**
+ * Get the CSRF token used by Django.
+ */
+export function getCsrfToken(component) {
+ // Default to looking for the CSRF in the cookie
+ const cookieKey = component.csrfTokenCookieName + "=";
+ const csrfTokenCookie = component.document.cookie
+ .split(";")
+ .filter((item) => item.trim().startsWith(cookieKey));
+
+ if (csrfTokenCookie.length > 0) {
+ return csrfTokenCookie[0].replace(cookieKey, "");
+ }
+
+ // Fall back to check for the CSRF hidden input
+ const csrfElements = component.document.getElementsByName(
+ "csrfmiddlewaretoken"
+ );
+
+ if (csrfElements && csrfElements.length > 0) {
+ return csrfElements[0].getAttribute("value");
+ }
+
+ throw Error("CSRF token is missing. Do you need to add {% csrf_token %}?");
+}
+
+/**
+ * Converts a string to "kebab-case", aka lower-cased with hyphens.
+ * @param {string} str The string to be converted.
+ */
+export function toKebabCase(str) {
+ if (!str) {
+ return "";
+ }
+
+ const match = str.match(
+ /[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g
+ );
+
+ if (!match) {
+ return str;
+ }
+
+ return match.map((x) => x.toLowerCase()).join("-");
+}
+
+/**
+ * Filter to accept any element (use with walk)
+ */
+export const FilterAny = {
+ acceptNode: (node) => NodeFilter.FILTER_ACCEPT,
+};
+
+/**
+ * Filter to skip nested components (use with walk)
+ */
+export const FilterSkipNested = {
+ acceptNode: (node) => {
+ if (node.getAttribute("unicorn:checksum")) {
+ // with a tree walker, child nodes are also rejected
+ return NodeFilter.FILTER_REJECT;
+ }
+ return NodeFilter.FILTER_ACCEPT;
+ },
+};
+
+/**
+ * Traverses the DOM looking for child elements.
+ */
+export function walk(el, callback, filter = FilterAny) {
+ const walker = document.createTreeWalker(
+ el,
+ NodeFilter.SHOW_ELEMENT,
+ filter,
+ false
+ );
+
+ while (walker.nextNode()) {
+ // TODO: Handle sub-components?
+ callback(walker.currentNode);
+ }
+}
+
+export function args(func) {
+ func = func.trim();
+
+ if (!contains(func, "(") || !func.endsWith(")")) {
+ return [];
+ }
+
+ // Remove the method name and parenthesis
+ func = func.slice(func.indexOf("(") + 1, func.length - 1);
+
+ const functionArgs = [];
+ let currentArg = "";
+
+ let inSingleQuote = false;
+ let inDoubleQuote = false;
+ let parenthesisCount = 0;
+ let bracketCount = 0;
+ let curlyCount = 0;
+
+ for (let idx = 0; idx < func.length; idx++) {
+ const c = func.charAt(idx);
+ currentArg += c;
+
+ if (c === "[") {
+ bracketCount++;
+ } else if (c === "]") {
+ bracketCount--;
+ } else if (c === "(") {
+ parenthesisCount++;
+ } else if (c === ")") {
+ parenthesisCount--;
+ } else if (c === "{") {
+ curlyCount++;
+ } else if (c === "}") {
+ curlyCount--;
+ } else if (c === "'") {
+ inSingleQuote = !inSingleQuote;
+ } else if (c === '"') {
+ inDoubleQuote = !inDoubleQuote;
+ } else if (c === ",") {
+ if (
+ !inSingleQuote &&
+ !inDoubleQuote &&
+ bracketCount === 0 &&
+ parenthesisCount === 0
+ ) {
+ // Remove the trailing comma
+ currentArg = currentArg.slice(0, currentArg.length - 1);
+
+ functionArgs.push(currentArg);
+ currentArg = "";
+ }
+ }
+
+ if (idx === func.length - 1) {
+ if (
+ !inSingleQuote &&
+ !inDoubleQuote &&
+ bracketCount === 0 &&
+ parenthesisCount === 0
+ ) {
+ functionArgs.push(currentArg.trim());
+ currentArg = "";
+ }
+ }
+ }
+
+ return functionArgs;
+}
+
+/**
+ * Converts string with '*' wildcards to RegExp.
+ */
+export function toRegExp(str) {
+ const strArray = str.split("*");
+ let regexp = "";
+ strArray.forEach((item, idx) => {
+ if (idx === 0 && item === "") {
+ regexp = regexp.concat("[a-zA-Z0-9_:.\\-]*");
+ } else if (idx === strArray.length - 1) {
+ if (item !== "") {
+ regexp = regexp.concat(`(${item})`);
+ }
+ } else {
+ regexp = regexp.concat(`(${item})`, "[a-zA-Z0-9_:.\\-]*");
+ }
+ });
+ return new RegExp(regexp);
+}
diff --git a/src/simmate/website/unicorn/templates/unicorn/errors.html b/src/simmate/website/unicorn/templates/unicorn/errors.html
new file mode 100644
index 000000000..15fdb9144
--- /dev/null
+++ b/src/simmate/website/unicorn/templates/unicorn/errors.html
@@ -0,0 +1,9 @@
+{% if unicorn.errors.items %}
+
+
+ {% for name, errors in unicorn.errors.items %}
+ {% for error in errors %}- {{ error.message }}
{% endfor %}
+ {% endfor %}
+
+