` which\n // createContextualFragment doesn't support\n // support not available in IE\n return createFragmentFromTemplate(str);\n } else if (HAS_RANGE_SUPPORT) {\n return createFragmentFromRange(str);\n }\n return createFragmentFromWrap(str);\n}\n\n/**\n * Returns true if two node's names are the same.\n *\n * NOTE: We don't bother checking `namespaceURI` because you will never find two HTML elements with the same\n * nodeName and different namespace URIs.\n *\n * @param {Element} a\n * @param {Element} b The target element\n * @return {boolean}\n */\nfunction compareNodeNames(fromEl, toEl) {\n var fromNodeName = fromEl.nodeName;\n var toNodeName = toEl.nodeName;\n var fromCodeStart, toCodeStart;\n if (fromNodeName === toNodeName) {\n return true;\n }\n fromCodeStart = fromNodeName.charCodeAt(0);\n toCodeStart = toNodeName.charCodeAt(0);\n\n // If the target element is a virtual DOM node or SVG node then we may\n // need to normalize the tag name before comparing. Normal HTML elements that are\n // in the \"http://www.w3.org/1999/xhtml\"\n // are converted to upper case\n if (fromCodeStart <= 90 && toCodeStart >= 97) {\n // from is upper and to is lower\n return fromNodeName === toNodeName.toUpperCase();\n } else if (toCodeStart <= 90 && fromCodeStart >= 97) {\n // to is upper and from is lower\n return toNodeName === fromNodeName.toUpperCase();\n } else {\n return false;\n }\n}\n\n/**\n * Create an element, optionally with a known namespace URI.\n *\n * @param {string} name the element name, e.g. 'div' or 'svg'\n * @param {string} [namespaceURI] the element's namespace URI, i.e. the value of\n * its `xmlns` attribute or its inferred namespace.\n *\n * @return {Element}\n */\nfunction createElementNS(name, namespaceURI) {\n return !namespaceURI || namespaceURI === NS_XHTML ? doc.createElement(name) : doc.createElementNS(namespaceURI, name);\n}\n\n/**\n * Copies the children of one DOM element to another DOM element\n */\nfunction moveChildren(fromEl, toEl) {\n var curChild = fromEl.firstChild;\n while (curChild) {\n var nextChild = curChild.nextSibling;\n toEl.appendChild(curChild);\n curChild = nextChild;\n }\n return toEl;\n}\nfunction syncBooleanAttrProp(fromEl, toEl, name) {\n if (fromEl[name] !== toEl[name]) {\n fromEl[name] = toEl[name];\n if (fromEl[name]) {\n fromEl.setAttribute(name, '');\n } else {\n fromEl.removeAttribute(name);\n }\n }\n}\nvar specialElHandlers = {\n OPTION: function (fromEl, toEl) {\n var parentNode = fromEl.parentNode;\n if (parentNode) {\n var parentName = parentNode.nodeName.toUpperCase();\n if (parentName === 'OPTGROUP') {\n parentNode = parentNode.parentNode;\n parentName = parentNode && parentNode.nodeName.toUpperCase();\n }\n if (parentName === 'SELECT' && !parentNode.hasAttribute('multiple')) {\n if (fromEl.hasAttribute('selected') && !toEl.selected) {\n // Workaround for MS Edge bug where the 'selected' attribute can only be\n // removed if set to a non-empty value:\n // https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/12087679/\n fromEl.setAttribute('selected', 'selected');\n fromEl.removeAttribute('selected');\n }\n // We have to reset select element's selectedIndex to -1, otherwise setting\n // fromEl.selected using the syncBooleanAttrProp below has no effect.\n // The correct selectedIndex will be set in the SELECT special handler below.\n parentNode.selectedIndex = -1;\n }\n }\n syncBooleanAttrProp(fromEl, toEl, 'selected');\n },\n /**\n * The \"value\" attribute is special for the element since it sets\n * the initial value. Changing the \"value\" attribute without changing the\n * \"value\" property will have no effect since it is only used to the set the\n * initial value. Similar for the \"checked\" attribute, and \"disabled\".\n */\n INPUT: function (fromEl, toEl) {\n syncBooleanAttrProp(fromEl, toEl, 'checked');\n syncBooleanAttrProp(fromEl, toEl, 'disabled');\n if (fromEl.value !== toEl.value) {\n fromEl.value = toEl.value;\n }\n if (!toEl.hasAttribute('value')) {\n fromEl.removeAttribute('value');\n }\n },\n TEXTAREA: function (fromEl, toEl) {\n var newValue = toEl.value;\n if (fromEl.value !== newValue) {\n fromEl.value = newValue;\n }\n var firstChild = fromEl.firstChild;\n if (firstChild) {\n // Needed for IE. Apparently IE sets the placeholder as the\n // node value and vise versa. This ignores an empty update.\n var oldValue = firstChild.nodeValue;\n if (oldValue == newValue || !newValue && oldValue == fromEl.placeholder) {\n return;\n }\n firstChild.nodeValue = newValue;\n }\n },\n SELECT: function (fromEl, toEl) {\n if (!toEl.hasAttribute('multiple')) {\n var selectedIndex = -1;\n var i = 0;\n // We have to loop through children of fromEl, not toEl since nodes can be moved\n // from toEl to fromEl directly when morphing.\n // At the time this special handler is invoked, all children have already been morphed\n // and appended to / removed from fromEl, so using fromEl here is safe and correct.\n var curChild = fromEl.firstChild;\n var optgroup;\n var nodeName;\n while (curChild) {\n nodeName = curChild.nodeName && curChild.nodeName.toUpperCase();\n if (nodeName === 'OPTGROUP') {\n optgroup = curChild;\n curChild = optgroup.firstChild;\n } else {\n if (nodeName === 'OPTION') {\n if (curChild.hasAttribute('selected')) {\n selectedIndex = i;\n break;\n }\n i++;\n }\n curChild = curChild.nextSibling;\n if (!curChild && optgroup) {\n curChild = optgroup.nextSibling;\n optgroup = null;\n }\n }\n }\n fromEl.selectedIndex = selectedIndex;\n }\n }\n};\nvar ELEMENT_NODE = 1;\nvar DOCUMENT_FRAGMENT_NODE$1 = 11;\nvar TEXT_NODE = 3;\nvar COMMENT_NODE = 8;\nfunction noop() {}\nfunction defaultGetNodeKey(node) {\n if (node) {\n return node.getAttribute && node.getAttribute('id') || node.id;\n }\n}\nfunction morphdomFactory(morphAttrs) {\n return function morphdom(fromNode, toNode, options) {\n if (!options) {\n options = {};\n }\n if (typeof toNode === 'string') {\n if (fromNode.nodeName === '#document' || fromNode.nodeName === 'HTML' || fromNode.nodeName === 'BODY') {\n var toNodeHtml = toNode;\n toNode = doc.createElement('html');\n toNode.innerHTML = toNodeHtml;\n } else {\n toNode = toElement(toNode);\n }\n }\n var getNodeKey = options.getNodeKey || defaultGetNodeKey;\n var onBeforeNodeAdded = options.onBeforeNodeAdded || noop;\n var onNodeAdded = options.onNodeAdded || noop;\n var onBeforeElUpdated = options.onBeforeElUpdated || noop;\n var onElUpdated = options.onElUpdated || noop;\n var onBeforeNodeDiscarded = options.onBeforeNodeDiscarded || noop;\n var onNodeDiscarded = options.onNodeDiscarded || noop;\n var onBeforeElChildrenUpdated = options.onBeforeElChildrenUpdated || noop;\n var childrenOnly = options.childrenOnly === true;\n\n // This object is used as a lookup to quickly find all keyed elements in the original DOM tree.\n var fromNodesLookup = Object.create(null);\n var keyedRemovalList = [];\n function addKeyedRemoval(key) {\n keyedRemovalList.push(key);\n }\n function walkDiscardedChildNodes(node, skipKeyedNodes) {\n if (node.nodeType === ELEMENT_NODE) {\n var curChild = node.firstChild;\n while (curChild) {\n var key = undefined;\n if (skipKeyedNodes && (key = getNodeKey(curChild))) {\n // If we are skipping keyed nodes then we add the key\n // to a list so that it can be handled at the very end.\n addKeyedRemoval(key);\n } else {\n // Only report the node as discarded if it is not keyed. We do this because\n // at the end we loop through all keyed elements that were unmatched\n // and then discard them in one final pass.\n onNodeDiscarded(curChild);\n if (curChild.firstChild) {\n walkDiscardedChildNodes(curChild, skipKeyedNodes);\n }\n }\n curChild = curChild.nextSibling;\n }\n }\n }\n\n /**\n * Removes a DOM node out of the original DOM\n *\n * @param {Node} node The node to remove\n * @param {Node} parentNode The nodes parent\n * @param {Boolean} skipKeyedNodes If true then elements with keys will be skipped and not discarded.\n * @return {undefined}\n */\n function removeNode(node, parentNode, skipKeyedNodes) {\n if (onBeforeNodeDiscarded(node) === false) {\n return;\n }\n if (parentNode) {\n parentNode.removeChild(node);\n }\n onNodeDiscarded(node);\n walkDiscardedChildNodes(node, skipKeyedNodes);\n }\n\n // // TreeWalker implementation is no faster, but keeping this around in case this changes in the future\n // function indexTree(root) {\n // var treeWalker = document.createTreeWalker(\n // root,\n // NodeFilter.SHOW_ELEMENT);\n //\n // var el;\n // while((el = treeWalker.nextNode())) {\n // var key = getNodeKey(el);\n // if (key) {\n // fromNodesLookup[key] = el;\n // }\n // }\n // }\n\n // // NodeIterator implementation is no faster, but keeping this around in case this changes in the future\n //\n // function indexTree(node) {\n // var nodeIterator = document.createNodeIterator(node, NodeFilter.SHOW_ELEMENT);\n // var el;\n // while((el = nodeIterator.nextNode())) {\n // var key = getNodeKey(el);\n // if (key) {\n // fromNodesLookup[key] = el;\n // }\n // }\n // }\n\n function indexTree(node) {\n if (node.nodeType === ELEMENT_NODE || node.nodeType === DOCUMENT_FRAGMENT_NODE$1) {\n var curChild = node.firstChild;\n while (curChild) {\n var key = getNodeKey(curChild);\n if (key) {\n fromNodesLookup[key] = curChild;\n }\n\n // Walk recursively\n indexTree(curChild);\n curChild = curChild.nextSibling;\n }\n }\n }\n indexTree(fromNode);\n function handleNodeAdded(el) {\n onNodeAdded(el);\n var curChild = el.firstChild;\n while (curChild) {\n var nextSibling = curChild.nextSibling;\n var key = getNodeKey(curChild);\n if (key) {\n var unmatchedFromEl = fromNodesLookup[key];\n // if we find a duplicate #id node in cache, replace `el` with cache value\n // and morph it to the child node.\n if (unmatchedFromEl && compareNodeNames(curChild, unmatchedFromEl)) {\n curChild.parentNode.replaceChild(unmatchedFromEl, curChild);\n morphEl(unmatchedFromEl, curChild);\n } else {\n handleNodeAdded(curChild);\n }\n } else {\n // recursively call for curChild and it's children to see if we find something in\n // fromNodesLookup\n handleNodeAdded(curChild);\n }\n curChild = nextSibling;\n }\n }\n function cleanupFromEl(fromEl, curFromNodeChild, curFromNodeKey) {\n // We have processed all of the \"to nodes\". If curFromNodeChild is\n // non-null then we still have some from nodes left over that need\n // to be removed\n while (curFromNodeChild) {\n var fromNextSibling = curFromNodeChild.nextSibling;\n if (curFromNodeKey = getNodeKey(curFromNodeChild)) {\n // Since the node is keyed it might be matched up later so we defer\n // the actual removal to later\n addKeyedRemoval(curFromNodeKey);\n } else {\n // NOTE: we skip nested keyed nodes from being removed since there is\n // still a chance they will be matched up later\n removeNode(curFromNodeChild, fromEl, true /* skip keyed nodes */);\n }\n curFromNodeChild = fromNextSibling;\n }\n }\n function morphEl(fromEl, toEl, childrenOnly) {\n var toElKey = getNodeKey(toEl);\n if (toElKey) {\n // If an element with an ID is being morphed then it will be in the final\n // DOM so clear it out of the saved elements collection\n delete fromNodesLookup[toElKey];\n }\n if (!childrenOnly) {\n // optional\n if (onBeforeElUpdated(fromEl, toEl) === false) {\n return;\n }\n\n // update attributes on original DOM element first\n morphAttrs(fromEl, toEl);\n // optional\n onElUpdated(fromEl);\n if (onBeforeElChildrenUpdated(fromEl, toEl) === false) {\n return;\n }\n }\n if (fromEl.nodeName !== 'TEXTAREA') {\n morphChildren(fromEl, toEl);\n } else {\n specialElHandlers.TEXTAREA(fromEl, toEl);\n }\n }\n function morphChildren(fromEl, toEl) {\n var curToNodeChild = toEl.firstChild;\n var curFromNodeChild = fromEl.firstChild;\n var curToNodeKey;\n var curFromNodeKey;\n var fromNextSibling;\n var toNextSibling;\n var matchingFromEl;\n\n // walk the children\n outer: while (curToNodeChild) {\n toNextSibling = curToNodeChild.nextSibling;\n curToNodeKey = getNodeKey(curToNodeChild);\n\n // walk the fromNode children all the way through\n while (curFromNodeChild) {\n fromNextSibling = curFromNodeChild.nextSibling;\n if (curToNodeChild.isSameNode && curToNodeChild.isSameNode(curFromNodeChild)) {\n curToNodeChild = toNextSibling;\n curFromNodeChild = fromNextSibling;\n continue outer;\n }\n curFromNodeKey = getNodeKey(curFromNodeChild);\n var curFromNodeType = curFromNodeChild.nodeType;\n\n // this means if the curFromNodeChild doesnt have a match with the curToNodeChild\n var isCompatible = undefined;\n if (curFromNodeType === curToNodeChild.nodeType) {\n if (curFromNodeType === ELEMENT_NODE) {\n // Both nodes being compared are Element nodes\n\n if (curToNodeKey) {\n // The target node has a key so we want to match it up with the correct element\n // in the original DOM tree\n if (curToNodeKey !== curFromNodeKey) {\n // The current element in the original DOM tree does not have a matching key so\n // let's check our lookup to see if there is a matching element in the original\n // DOM tree\n if (matchingFromEl = fromNodesLookup[curToNodeKey]) {\n if (fromNextSibling === matchingFromEl) {\n // Special case for single element removals. To avoid removing the original\n // DOM node out of the tree (since that can break CSS transitions, etc.),\n // we will instead discard the current node and wait until the next\n // iteration to properly match up the keyed target element with its matching\n // element in the original tree\n isCompatible = false;\n } else {\n // We found a matching keyed element somewhere in the original DOM tree.\n // Let's move the original DOM node into the current position and morph\n // it.\n\n // NOTE: We use insertBefore instead of replaceChild because we want to go through\n // the `removeNode()` function for the node that is being discarded so that\n // all lifecycle hooks are correctly invoked\n fromEl.insertBefore(matchingFromEl, curFromNodeChild);\n\n // fromNextSibling = curFromNodeChild.nextSibling;\n\n if (curFromNodeKey) {\n // Since the node is keyed it might be matched up later so we defer\n // the actual removal to later\n addKeyedRemoval(curFromNodeKey);\n } else {\n // NOTE: we skip nested keyed nodes from being removed since there is\n // still a chance they will be matched up later\n removeNode(curFromNodeChild, fromEl, true /* skip keyed nodes */);\n }\n curFromNodeChild = matchingFromEl;\n }\n } else {\n // The nodes are not compatible since the \"to\" node has a key and there\n // is no matching keyed node in the source tree\n isCompatible = false;\n }\n }\n } else if (curFromNodeKey) {\n // The original has a key\n isCompatible = false;\n }\n isCompatible = isCompatible !== false && compareNodeNames(curFromNodeChild, curToNodeChild);\n if (isCompatible) {\n // We found compatible DOM elements so transform\n // the current \"from\" node to match the current\n // target DOM node.\n // MORPH\n morphEl(curFromNodeChild, curToNodeChild);\n }\n } else if (curFromNodeType === TEXT_NODE || curFromNodeType == COMMENT_NODE) {\n // Both nodes being compared are Text or Comment nodes\n isCompatible = true;\n // Simply update nodeValue on the original node to\n // change the text value\n if (curFromNodeChild.nodeValue !== curToNodeChild.nodeValue) {\n curFromNodeChild.nodeValue = curToNodeChild.nodeValue;\n }\n }\n }\n if (isCompatible) {\n // Advance both the \"to\" child and the \"from\" child since we found a match\n // Nothing else to do as we already recursively called morphChildren above\n curToNodeChild = toNextSibling;\n curFromNodeChild = fromNextSibling;\n continue outer;\n }\n\n // No compatible match so remove the old node from the DOM and continue trying to find a\n // match in the original DOM. However, we only do this if the from node is not keyed\n // since it is possible that a keyed node might match up with a node somewhere else in the\n // target tree and we don't want to discard it just yet since it still might find a\n // home in the final DOM tree. After everything is done we will remove any keyed nodes\n // that didn't find a home\n if (curFromNodeKey) {\n // Since the node is keyed it might be matched up later so we defer\n // the actual removal to later\n addKeyedRemoval(curFromNodeKey);\n } else {\n // NOTE: we skip nested keyed nodes from being removed since there is\n // still a chance they will be matched up later\n removeNode(curFromNodeChild, fromEl, true /* skip keyed nodes */);\n }\n curFromNodeChild = fromNextSibling;\n } // END: while(curFromNodeChild) {}\n\n // If we got this far then we did not find a candidate match for\n // our \"to node\" and we exhausted all of the children \"from\"\n // nodes. Therefore, we will just append the current \"to\" node\n // to the end\n if (curToNodeKey && (matchingFromEl = fromNodesLookup[curToNodeKey]) && compareNodeNames(matchingFromEl, curToNodeChild)) {\n fromEl.appendChild(matchingFromEl);\n // MORPH\n morphEl(matchingFromEl, curToNodeChild);\n } else {\n var onBeforeNodeAddedResult = onBeforeNodeAdded(curToNodeChild);\n if (onBeforeNodeAddedResult !== false) {\n if (onBeforeNodeAddedResult) {\n curToNodeChild = onBeforeNodeAddedResult;\n }\n if (curToNodeChild.actualize) {\n curToNodeChild = curToNodeChild.actualize(fromEl.ownerDocument || doc);\n }\n fromEl.appendChild(curToNodeChild);\n handleNodeAdded(curToNodeChild);\n }\n }\n curToNodeChild = toNextSibling;\n curFromNodeChild = fromNextSibling;\n }\n cleanupFromEl(fromEl, curFromNodeChild, curFromNodeKey);\n var specialElHandler = specialElHandlers[fromEl.nodeName];\n if (specialElHandler) {\n specialElHandler(fromEl, toEl);\n }\n } // END: morphChildren(...)\n\n var morphedNode = fromNode;\n var morphedNodeType = morphedNode.nodeType;\n var toNodeType = toNode.nodeType;\n if (!childrenOnly) {\n // Handle the case where we are given two DOM nodes that are not\n // compatible (e.g.
--> or
--> TEXT)\n if (morphedNodeType === ELEMENT_NODE) {\n if (toNodeType === ELEMENT_NODE) {\n if (!compareNodeNames(fromNode, toNode)) {\n onNodeDiscarded(fromNode);\n morphedNode = moveChildren(fromNode, createElementNS(toNode.nodeName, toNode.namespaceURI));\n }\n } else {\n // Going from an element node to a text node\n morphedNode = toNode;\n }\n } else if (morphedNodeType === TEXT_NODE || morphedNodeType === COMMENT_NODE) {\n // Text or comment node\n if (toNodeType === morphedNodeType) {\n if (morphedNode.nodeValue !== toNode.nodeValue) {\n morphedNode.nodeValue = toNode.nodeValue;\n }\n return morphedNode;\n } else {\n // Text node to something else\n morphedNode = toNode;\n }\n }\n }\n if (morphedNode === toNode) {\n // The \"to node\" was not compatible with the \"from node\" so we had to\n // toss out the \"from node\" and use the \"to node\"\n onNodeDiscarded(fromNode);\n } else {\n if (toNode.isSameNode && toNode.isSameNode(morphedNode)) {\n return;\n }\n morphEl(morphedNode, toNode, childrenOnly);\n\n // We now need to loop over any keyed nodes that might need to be\n // removed. We only do the removal if we know that the keyed node\n // never found a match. When a keyed node is matched up we remove\n // it out of fromNodesLookup and we use fromNodesLookup to determine\n // if a keyed node has been matched up or not\n if (keyedRemovalList) {\n for (var i = 0, len = keyedRemovalList.length; i < len; i++) {\n var elToRemove = fromNodesLookup[keyedRemovalList[i]];\n if (elToRemove) {\n removeNode(elToRemove, elToRemove.parentNode, false);\n }\n }\n }\n }\n if (!childrenOnly && morphedNode !== fromNode && fromNode.parentNode) {\n if (morphedNode.actualize) {\n morphedNode = morphedNode.actualize(fromNode.ownerDocument || doc);\n }\n // If we had to swap out the from node with a new node because the old\n // node was not compatible with the target node then we need to\n // replace the old DOM node in the original DOM tree. This is only\n // possible if the original DOM node was part of a DOM tree which\n // we know is the case if it has a parent node.\n fromNode.parentNode.replaceChild(morphedNode, fromNode);\n }\n return morphedNode;\n };\n}\nvar morphdom = morphdomFactory(morphAttrs);\nexport default morphdom;","function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nimport morphdom from \"morphdom\";\nvar name = \"cable_ready\";\nvar version = \"5.0.6\";\nvar description = \"CableReady helps you create great real-time user experiences by making it simple to trigger client-side DOM changes from server-side Ruby.\";\nvar keywords = [\"ruby\", \"rails\", \"websockets\", \"actioncable\", \"cable\", \"ssr\", \"stimulus_reflex\", \"client-side\", \"dom\"];\nvar homepage = \"https://cableready.stimulusreflex.com\";\nvar bugs = \"https://github.com/stimulusreflex/cable_ready/issues\";\nvar repository = \"https://github.com/stimulusreflex/cable_ready\";\nvar license = \"MIT\";\nvar author = \"Nathan Hopkins \";\nvar contributors = [\"Andrew Mason \", \"Julian Rubisch \", \"Marco Roth \", \"Nathan Hopkins \"];\nvar main = \"./dist/cable_ready.js\";\nvar module = \"./dist/cable_ready.js\";\nvar browser = \"./dist/cable_ready.js\";\nvar unpkg = \"./dist/cable_ready.umd.js\";\nvar umd = \"./dist/cable_ready.umd.js\";\nvar files = [\"dist/*\", \"javascript/*\"];\nvar scripts = {\n lint: \"yarn run format --check\",\n format: \"yarn run prettier-standard ./javascript/**/*.js rollup.config.mjs\",\n build: \"yarn rollup -c\",\n watch: \"yarn rollup -wc\",\n test: \"web-test-runner javascript/test/**/*.test.js\",\n \"docs:dev\": \"vitepress dev docs\",\n \"docs:build\": \"vitepress build docs && cp ./docs/_redirects ./docs/.vitepress/dist\",\n \"docs:preview\": \"vitepress preview docs\"\n};\nvar dependencies = {\n morphdom: \"2.6.1\"\n};\nvar devDependencies = {\n \"@open-wc/testing\": \"^4.0.0\",\n \"@rollup/plugin-json\": \"^6.1.0\",\n \"@rollup/plugin-node-resolve\": \"^15.3.0\",\n \"@rollup/plugin-terser\": \"^0.4.4\",\n \"@web/dev-server-esbuild\": \"^1.0.3\",\n \"@web/dev-server-rollup\": \"^0.6.4\",\n \"@web/test-runner\": \"^0.19.0\",\n \"prettier-standard\": \"^16.4.1\",\n rollup: \"^4.25.0\",\n sinon: \"^19.0.2\",\n vite: \"^5.4.10\",\n vitepress: \"^1.5.0\",\n \"vitepress-plugin-search\": \"^1.0.4-alpha.22\"\n};\nvar packageInfo = {\n name: name,\n version: version,\n description: description,\n keywords: keywords,\n homepage: homepage,\n bugs: bugs,\n repository: repository,\n license: license,\n author: author,\n contributors: contributors,\n main: main,\n module: module,\n browser: browser,\n import: \"./dist/cable_ready.js\",\n unpkg: unpkg,\n umd: umd,\n files: files,\n scripts: scripts,\n dependencies: dependencies,\n devDependencies: devDependencies\n};\nconst inputTags = {\n INPUT: true,\n TEXTAREA: true,\n SELECT: true\n};\nconst mutableTags = {\n INPUT: true,\n TEXTAREA: true,\n OPTION: true\n};\nconst textInputTypes = {\n \"datetime-local\": true,\n \"select-multiple\": true,\n \"select-one\": true,\n color: true,\n date: true,\n datetime: true,\n email: true,\n month: true,\n number: true,\n password: true,\n range: true,\n search: true,\n tel: true,\n text: true,\n textarea: true,\n time: true,\n url: true,\n week: true\n};\nlet activeElement;\nvar ActiveElement = {\n get element() {\n return activeElement;\n },\n set(element) {\n activeElement = element;\n }\n};\n\n// Indicates if the passed element is considered a text input.\n\nconst isTextInput = element => inputTags[element.tagName] && textInputTypes[element.type];\n\n// Assigns focus to the appropriate element... preferring the explicitly passed selector\n\n// * selector - a CSS selector for the element that should have focus\n\nconst assignFocus = selector => {\n const element = selector && selector.nodeType === Node.ELEMENT_NODE ? selector : document.querySelector(selector);\n const focusElement = element || ActiveElement.element;\n if (focusElement && focusElement.focus) focusElement.focus();\n};\n\n// Dispatches an event on the passed element\n\n// * element - the element\n// * name - the name of the event\n// * detail - the event detail\n\nconst dispatch = function (element, name) {\n let detail = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n const init = {\n bubbles: true,\n cancelable: true,\n detail: detail\n };\n const event = new CustomEvent(name, init);\n element.dispatchEvent(event);\n if (window.jQuery) window.jQuery(element).trigger(name, detail);\n};\n\n// Accepts an xPath query and returns the element found at that position in the DOM\n\nconst xpathToElement = xpath => document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;\n\n// Accepts an xPath query and returns all matching elements in the DOM\n\nconst xpathToElementArray = function (xpath) {\n let reverse = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;\n const snapshotList = document.evaluate(xpath, document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);\n const snapshots = [];\n for (let i = 0; i < snapshotList.snapshotLength; i++) {\n snapshots.push(snapshotList.snapshotItem(i));\n }\n return reverse ? snapshots.reverse() : snapshots;\n};\n\n// Return an array with the class names to be used\n\n// * names - could be a string or an array of strings for multiple classes.\n\nconst getClassNames = names => Array.from(names).flat()\n// Perform operation for either the first or all of the elements returned by CSS selector\n\n// * operation - the instruction payload from perform\n// * callback - the operation function to run for each element\n;\nconst processElements = (operation, callback) => {\n Array.from(operation.selectAll ? operation.element : [operation.element]).forEach(callback);\n};\n\n// convert string to kebab-case\n// most other implementations (lodash) are focused on camelCase to kebab-case\n// instead, this uses word token boundaries to produce readable URL slugs and keys\n// this implementation will not support Emoji or other non-ASCII characters\n\nconst kebabize = createCompounder(function (result, word, index) {\n return result + (index ? \"-\" : \"\") + word.toLowerCase();\n});\nfunction createCompounder(callback) {\n return function (str) {\n return words(str).reduce(callback, \"\");\n };\n}\nconst words = str => {\n str = str == null ? \"\" : str;\n return str.match(/([A-Z]{2,}|[0-9]+|[A-Z]?[a-z]+|[A-Z])/g) || [];\n};\n\n// Provide a standardized pipeline of checks and modifications to all operations based on provided options\n// Currently skips execution if cancelled and implements an optional delay\n\nconst operate = (operation, callback) => {\n if (!operation.cancel) {\n operation.delay ? setTimeout(callback, operation.delay) : callback();\n return true;\n }\n return false;\n};\n\n// Dispatch life-cycle events with standardized naming\nconst before = (target, operation) => dispatch(target, `cable-ready:before-${kebabize(operation.operation)}`, operation);\nconst after = (target, operation) => dispatch(target, `cable-ready:after-${kebabize(operation.operation)}`, operation);\nfunction debounce(fn) {\n var _this = this;\n let delay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 250;\n let timer;\n return function () {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n const callback = () => fn.apply(_this, args);\n if (timer) clearTimeout(timer);\n timer = setTimeout(callback, delay);\n };\n}\nfunction handleErrors(response) {\n if (!response.ok) throw Error(response.statusText);\n return response;\n}\nfunction safeScalar(val) {\n if (val !== undefined && ![\"string\", \"number\", \"boolean\"].includes(typeof val)) console.warn(`Operation expects a string, number or boolean, but got ${val} (${typeof val})`);\n return val != null ? val : \"\";\n}\nfunction safeString(str) {\n if (str !== undefined && typeof str !== \"string\") console.warn(`Operation expects a string, but got ${str} (${typeof str})`);\n return str != null ? String(str) : \"\";\n}\nfunction safeArray(arr) {\n if (arr !== undefined && !Array.isArray(arr)) console.warn(`Operation expects an array, but got ${arr} (${typeof arr})`);\n return arr != null ? Array.from(arr) : [];\n}\nfunction safeObject(obj) {\n if (obj !== undefined && typeof obj !== \"object\") console.warn(`Operation expects an object, but got ${obj} (${typeof obj})`);\n return obj != null ? Object(obj) : {};\n}\nfunction safeStringOrArray(elem) {\n if (elem !== undefined && !Array.isArray(elem) && typeof elem !== \"string\") console.warn(`Operation expects an Array or a String, but got ${elem} (${typeof elem})`);\n return elem == null ? \"\" : Array.isArray(elem) ? Array.from(elem) : String(elem);\n}\nfunction fragmentToString(fragment) {\n return new XMLSerializer().serializeToString(fragment);\n}\n\n// A proxy method to wrap a fetch call in error handling\n\n// * url - the URL to fetch\n// * additionalHeaders - an object of additional headers passed to fetch\n\nasync function graciouslyFetch(url, additionalHeaders) {\n try {\n const response = await fetch(url, {\n headers: _objectSpread({\n \"X-REQUESTED-WITH\": \"XmlHttpRequest\"\n }, additionalHeaders)\n });\n if (response == undefined) return;\n handleErrors(response);\n return response;\n } catch (e) {\n console.error(`Could not fetch ${url}`);\n }\n}\nclass BoundedQueue {\n constructor(maxSize) {\n this.maxSize = maxSize;\n this.queue = [];\n }\n push(item) {\n if (this.isFull()) {\n // Remove the oldest item to make space for the new one\n this.shift();\n }\n this.queue.push(item);\n }\n shift() {\n return this.queue.shift();\n }\n isFull() {\n return this.queue.length === this.maxSize;\n }\n}\nvar utils = Object.freeze({\n __proto__: null,\n BoundedQueue: BoundedQueue,\n after: after,\n assignFocus: assignFocus,\n before: before,\n debounce: debounce,\n dispatch: dispatch,\n fragmentToString: fragmentToString,\n getClassNames: getClassNames,\n graciouslyFetch: graciouslyFetch,\n handleErrors: handleErrors,\n isTextInput: isTextInput,\n kebabize: kebabize,\n operate: operate,\n processElements: processElements,\n safeArray: safeArray,\n safeObject: safeObject,\n safeScalar: safeScalar,\n safeString: safeString,\n safeStringOrArray: safeStringOrArray,\n xpathToElement: xpathToElement,\n xpathToElementArray: xpathToElementArray\n});\n\n// Indicates whether or not we should morph an element via onBeforeElUpdated callback\n// SEE: https://github.com/patrick-steele-idem/morphdom#morphdomfromnode-tonode-options--node\n\nconst shouldMorph = operation => (fromEl, toEl) => !shouldMorphCallbacks.map(callback => typeof callback === \"function\" ? callback(operation, fromEl, toEl) : true).includes(false)\n// Execute any pluggable functions that modify elements after morphing via onElUpdated callback\n;\nconst didMorph = operation => el => {\n didMorphCallbacks.forEach(callback => {\n if (typeof callback === \"function\") callback(operation, el);\n });\n};\nconst verifyNotMutable = (detail, fromEl, toEl) => {\n // Skip nodes that are equal:\n // https://github.com/patrick-steele-idem/morphdom#can-i-make-morphdom-blaze-through-the-dom-tree-even-faster-yes\n if (!mutableTags[fromEl.tagName] && fromEl.isEqualNode(toEl)) return false;\n return true;\n};\nconst verifyNotContentEditable = (detail, fromEl, toEl) => {\n if (fromEl === ActiveElement.element && fromEl.isContentEditable) return false;\n return true;\n};\nconst verifyNotPermanent = (detail, fromEl, toEl) => {\n const permanentAttributeName = detail.permanentAttributeName;\n if (!permanentAttributeName) return true;\n const permanent = fromEl.closest(`[${permanentAttributeName}]`);\n // only morph attributes on the active non-permanent text input\n if (!permanent && fromEl === ActiveElement.element && isTextInput(fromEl)) {\n const ignore = {\n value: true\n };\n Array.from(toEl.attributes).forEach(attribute => {\n if (!ignore[attribute.name]) fromEl.setAttribute(attribute.name, attribute.value);\n });\n return false;\n }\n return !permanent;\n};\nconst shouldMorphCallbacks = [verifyNotMutable, verifyNotPermanent, verifyNotContentEditable];\nconst didMorphCallbacks = [];\nvar morph_callbacks = Object.freeze({\n __proto__: null,\n didMorph: didMorph,\n didMorphCallbacks: didMorphCallbacks,\n shouldMorph: shouldMorph,\n shouldMorphCallbacks: shouldMorphCallbacks,\n verifyNotContentEditable: verifyNotContentEditable,\n verifyNotMutable: verifyNotMutable,\n verifyNotPermanent: verifyNotPermanent\n});\nvar Operations = {\n // DOM Mutations\n append: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const html = operation.html,\n focusSelector = operation.focusSelector;\n element.insertAdjacentHTML(\"beforeend\", safeScalar(html));\n assignFocus(focusSelector);\n });\n after(element, operation);\n });\n },\n graft: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const parent = operation.parent,\n focusSelector = operation.focusSelector;\n const parentElement = document.querySelector(parent);\n if (parentElement) {\n parentElement.appendChild(element);\n assignFocus(focusSelector);\n }\n });\n after(element, operation);\n });\n },\n innerHtml: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const html = operation.html,\n focusSelector = operation.focusSelector;\n element.innerHTML = safeScalar(html);\n assignFocus(focusSelector);\n });\n after(element, operation);\n });\n },\n insertAdjacentHtml: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const html = operation.html,\n position = operation.position,\n focusSelector = operation.focusSelector;\n element.insertAdjacentHTML(position || \"beforeend\", safeScalar(html));\n assignFocus(focusSelector);\n });\n after(element, operation);\n });\n },\n insertAdjacentText: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const text = operation.text,\n position = operation.position,\n focusSelector = operation.focusSelector;\n element.insertAdjacentText(position || \"beforeend\", safeScalar(text));\n assignFocus(focusSelector);\n });\n after(element, operation);\n });\n },\n outerHtml: operation => {\n processElements(operation, element => {\n const parent = element.parentElement;\n const idx = parent && Array.from(parent.children).indexOf(element);\n before(element, operation);\n operate(operation, () => {\n const html = operation.html,\n focusSelector = operation.focusSelector;\n element.outerHTML = safeScalar(html);\n assignFocus(focusSelector);\n });\n after(parent ? parent.children[idx] : document.documentElement, operation);\n });\n },\n prepend: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const html = operation.html,\n focusSelector = operation.focusSelector;\n element.insertAdjacentHTML(\"afterbegin\", safeScalar(html));\n assignFocus(focusSelector);\n });\n after(element, operation);\n });\n },\n remove: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const focusSelector = operation.focusSelector;\n element.remove();\n assignFocus(focusSelector);\n });\n after(document, operation);\n });\n },\n replace: operation => {\n processElements(operation, element => {\n const parent = element.parentElement;\n const idx = parent && Array.from(parent.children).indexOf(element);\n before(element, operation);\n operate(operation, () => {\n const html = operation.html,\n focusSelector = operation.focusSelector;\n element.outerHTML = safeScalar(html);\n assignFocus(focusSelector);\n });\n after(parent ? parent.children[idx] : document.documentElement, operation);\n });\n },\n textContent: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const text = operation.text,\n focusSelector = operation.focusSelector;\n element.textContent = safeScalar(text);\n assignFocus(focusSelector);\n });\n after(element, operation);\n });\n },\n // Element Property Mutations\n addCssClass: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const name = operation.name;\n element.classList.add(...getClassNames([safeStringOrArray(name)]));\n });\n after(element, operation);\n });\n },\n removeAttribute: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const name = operation.name;\n element.removeAttribute(safeString(name));\n });\n after(element, operation);\n });\n },\n removeCssClass: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const name = operation.name;\n element.classList.remove(...getClassNames([safeStringOrArray(name)]));\n if (element.classList.length === 0) element.removeAttribute(\"class\");\n });\n after(element, operation);\n });\n },\n setAttribute: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const name = operation.name,\n value = operation.value;\n element.setAttribute(safeString(name), safeScalar(value));\n });\n after(element, operation);\n });\n },\n setDatasetProperty: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const name = operation.name,\n value = operation.value;\n element.dataset[safeString(name)] = safeScalar(value);\n });\n after(element, operation);\n });\n },\n setProperty: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const name = operation.name,\n value = operation.value;\n if (name in element) element[safeString(name)] = safeScalar(value);\n });\n after(element, operation);\n });\n },\n setStyle: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const name = operation.name,\n value = operation.value;\n element.style[safeString(name)] = safeScalar(value);\n });\n after(element, operation);\n });\n },\n setStyles: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const styles = operation.styles;\n for (let _ref of Object.entries(styles)) {\n var _ref2 = _slicedToArray(_ref, 2);\n let name = _ref2[0];\n let value = _ref2[1];\n element.style[safeString(name)] = safeScalar(value);\n }\n });\n after(element, operation);\n });\n },\n setValue: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const value = operation.value;\n element.value = safeScalar(value);\n });\n after(element, operation);\n });\n },\n // DOM Events and Meta-Operations\n dispatchEvent: operation => {\n processElements(operation, element => {\n before(element, operation);\n operate(operation, () => {\n const name = operation.name,\n detail = operation.detail;\n dispatch(element, safeString(name), safeObject(detail));\n });\n after(element, operation);\n });\n },\n setMeta: operation => {\n before(document, operation);\n operate(operation, () => {\n const name = operation.name,\n content = operation.content;\n let meta = document.head.querySelector(`meta[name='${name}']`);\n if (!meta) {\n meta = document.createElement(\"meta\");\n meta.name = safeString(name);\n document.head.appendChild(meta);\n }\n meta.content = safeScalar(content);\n });\n after(document, operation);\n },\n setTitle: operation => {\n before(document, operation);\n operate(operation, () => {\n const title = operation.title;\n document.title = safeScalar(title);\n });\n after(document, operation);\n },\n // Browser Manipulations\n clearStorage: operation => {\n before(document, operation);\n operate(operation, () => {\n const type = operation.type;\n const storage = type === \"session\" ? sessionStorage : localStorage;\n storage.clear();\n });\n after(document, operation);\n },\n go: operation => {\n before(window, operation);\n operate(operation, () => {\n const delta = operation.delta;\n history.go(delta);\n });\n after(window, operation);\n },\n pushState: operation => {\n before(window, operation);\n operate(operation, () => {\n const state = operation.state,\n title = operation.title,\n url = operation.url;\n history.pushState(safeObject(state), safeString(title), safeString(url));\n });\n after(window, operation);\n },\n redirectTo: operation => {\n before(window, operation);\n operate(operation, () => {\n let url = operation.url,\n action = operation.action,\n turbo = operation.turbo;\n action = action || \"advance\";\n url = safeString(url);\n if (turbo === undefined) turbo = true;\n if (turbo) {\n if (window.Turbo) window.Turbo.visit(url, {\n action: action\n });\n if (window.Turbolinks) window.Turbolinks.visit(url, {\n action: action\n });\n if (!window.Turbo && !window.Turbolinks) window.location.href = url;\n } else {\n window.location.href = url;\n }\n });\n after(window, operation);\n },\n reload: operation => {\n before(window, operation);\n operate(operation, () => {\n window.location.reload();\n });\n after(window, operation);\n },\n removeStorageItem: operation => {\n before(document, operation);\n operate(operation, () => {\n const key = operation.key,\n type = operation.type;\n const storage = type === \"session\" ? sessionStorage : localStorage;\n storage.removeItem(safeString(key));\n });\n after(document, operation);\n },\n replaceState: operation => {\n before(window, operation);\n operate(operation, () => {\n const state = operation.state,\n title = operation.title,\n url = operation.url;\n history.replaceState(safeObject(state), safeString(title), safeString(url));\n });\n after(window, operation);\n },\n scrollIntoView: operation => {\n const element = operation.element;\n before(element, operation);\n operate(operation, () => {\n element.scrollIntoView(operation);\n });\n after(element, operation);\n },\n setCookie: operation => {\n before(document, operation);\n operate(operation, () => {\n const cookie = operation.cookie;\n document.cookie = safeScalar(cookie);\n });\n after(document, operation);\n },\n setFocus: operation => {\n const element = operation.element;\n before(element, operation);\n operate(operation, () => {\n assignFocus(element);\n });\n after(element, operation);\n },\n setStorageItem: operation => {\n before(document, operation);\n operate(operation, () => {\n const key = operation.key,\n value = operation.value,\n type = operation.type;\n const storage = type === \"session\" ? sessionStorage : localStorage;\n storage.setItem(safeString(key), safeScalar(value));\n });\n after(document, operation);\n },\n // Notifications\n consoleLog: operation => {\n before(document, operation);\n operate(operation, () => {\n const message = operation.message,\n level = operation.level;\n level && [\"warn\", \"info\", \"error\"].includes(level) ? console[level](message) : console.log(message);\n });\n after(document, operation);\n },\n consoleTable: operation => {\n before(document, operation);\n operate(operation, () => {\n const data = operation.data,\n columns = operation.columns;\n console.table(data, safeArray(columns));\n });\n after(document, operation);\n },\n notification: operation => {\n before(document, operation);\n operate(operation, () => {\n const title = operation.title,\n options = operation.options;\n Notification.requestPermission().then(result => {\n operation.permission = result;\n if (result === \"granted\") new Notification(safeString(title), safeObject(options));\n });\n });\n after(document, operation);\n },\n // Morph operations\n morph: operation => {\n processElements(operation, element => {\n const html = operation.html;\n const template = document.createElement(\"template\");\n template.innerHTML = String(safeScalar(html)).trim();\n operation.content = template.content;\n const parent = element.parentElement;\n const idx = parent && Array.from(parent.children).indexOf(element);\n before(element, operation);\n operate(operation, () => {\n const childrenOnly = operation.childrenOnly,\n focusSelector = operation.focusSelector;\n morphdom(element, childrenOnly ? template.content : template.innerHTML, {\n childrenOnly: !!childrenOnly,\n onBeforeElUpdated: shouldMorph(operation),\n onElUpdated: didMorph(operation)\n });\n assignFocus(focusSelector);\n });\n after(parent ? parent.children[idx] : document.documentElement, operation);\n });\n }\n};\nlet operations = Operations;\nconst add = newOperations => {\n operations = _objectSpread(_objectSpread({}, operations), newOperations);\n};\nconst addOperations = operations => {\n add(operations);\n};\nconst addOperation = (name, operation) => {\n const operations = {};\n operations[name] = operation;\n add(operations);\n};\nvar OperationStore = {\n get all() {\n return operations;\n }\n};\nlet missingElement = \"warn\";\nvar MissingElement = {\n get behavior() {\n return missingElement;\n },\n set(value) {\n if ([\"warn\", \"ignore\", \"event\", \"exception\"].includes(value)) missingElement = value;else console.warn(\"Invalid 'onMissingElement' option. Defaulting to 'warn'.\");\n }\n};\nconst perform = function (operations) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n onMissingElement: MissingElement.behavior\n };\n const batches = {};\n operations.forEach(operation => {\n if (!!operation.batch) batches[operation.batch] = batches[operation.batch] ? ++batches[operation.batch] : 1;\n });\n operations.forEach(operation => {\n const name = operation.operation;\n try {\n if (operation.selector) {\n if (operation.xpath) {\n operation.element = operation.selectAll ? xpathToElementArray(operation.selector) : xpathToElement(operation.selector);\n } else {\n operation.element = operation.selectAll ? document.querySelectorAll(operation.selector) : document.querySelector(operation.selector);\n }\n } else {\n operation.element = document;\n }\n if (operation.element || options.onMissingElement !== \"ignore\") {\n ActiveElement.set(document.activeElement);\n const cableReadyOperation = OperationStore.all[name];\n if (cableReadyOperation) {\n cableReadyOperation(operation);\n if (!!operation.batch && --batches[operation.batch] === 0) dispatch(document, \"cable-ready:batch-complete\", {\n batch: operation.batch\n });\n } else {\n console.error(`CableReady couldn't find the \"${name}\" operation. Make sure you use the camelized form when calling an operation method.`);\n }\n }\n } catch (e) {\n if (operation.element) {\n console.error(`CableReady detected an error in ${name || \"operation\"}: ${e.message}. If you need to support older browsers make sure you've included the corresponding polyfills. https://docs.stimulusreflex.com/setup#polyfills-for-ie11.`);\n console.error(e);\n } else {\n const warning = `CableReady ${name || \"\"} operation failed due to missing DOM element for selector: '${operation.selector}'`;\n switch (options.onMissingElement) {\n case \"ignore\":\n break;\n case \"event\":\n dispatch(document, \"cable-ready:missing-element\", {\n warning: warning,\n operation: operation\n });\n break;\n case \"exception\":\n throw warning;\n default:\n console.warn(warning);\n }\n }\n }\n });\n};\nconst performAsync = function (operations) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {\n onMissingElement: MissingElement.behavior\n };\n return new Promise((resolve, reject) => {\n try {\n resolve(perform(operations, options));\n } catch (err) {\n reject(err);\n }\n });\n};\nclass SubscribingElement extends HTMLElement {\n static get tagName() {\n throw new Error(\"Implement the tagName() getter in the inheriting class\");\n }\n static define() {\n if (!customElements.get(this.tagName)) {\n customElements.define(this.tagName, this);\n }\n }\n disconnectedCallback() {\n if (this.channel) this.channel.unsubscribe();\n }\n createSubscription(consumer, channel, receivedCallback) {\n this.channel = consumer.subscriptions.create({\n channel: channel,\n identifier: this.identifier\n }, {\n received: receivedCallback\n });\n }\n get preview() {\n return document.documentElement.hasAttribute(\"data-turbolinks-preview\") || document.documentElement.hasAttribute(\"data-turbo-preview\");\n }\n get identifier() {\n return this.getAttribute(\"identifier\");\n }\n}\nlet consumer;\nconst BACKOFF = [25, 50, 75, 100, 200, 250, 500, 800, 1e3, 2e3];\nconst wait = ms => new Promise(resolve => setTimeout(resolve, ms));\nconst getConsumerWithRetry = async function () {\n let retry = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;\n if (consumer) return consumer;\n if (retry >= BACKOFF.length) {\n throw new Error(\"Couldn't obtain a Action Cable consumer within 5s\");\n }\n await wait(BACKOFF[retry]);\n return await getConsumerWithRetry(retry + 1);\n};\nvar CableConsumer = {\n setConsumer(value) {\n consumer = value;\n },\n get consumer() {\n return consumer;\n },\n async getConsumer() {\n return await getConsumerWithRetry();\n }\n};\nclass StreamFromElement extends SubscribingElement {\n static get tagName() {\n return \"cable-ready-stream-from\";\n }\n async connectedCallback() {\n if (this.preview) return;\n const consumer = await CableConsumer.getConsumer();\n if (consumer) {\n this.createSubscription(consumer, \"CableReady::Stream\", this.performOperations.bind(this));\n } else {\n console.error(\"The `cable_ready_stream_from` helper cannot connect. You must initialize CableReady with an Action Cable consumer.\");\n }\n }\n performOperations(data) {\n if (data.cableReady) perform(data.operations, {\n onMissingElement: this.onMissingElement\n });\n }\n get onMissingElement() {\n const value = this.getAttribute(\"missing\") || MissingElement.behavior;\n // stream_from does not support raising exceptions on missing elements because there's no way to catch them\n if ([\"warn\", \"ignore\", \"event\"].includes(value)) return value;else {\n console.warn(\"Invalid 'missing' attribute. Defaulting to 'warn'.\");\n return \"warn\";\n }\n }\n}\nlet debugging = false;\nvar Debug = {\n get enabled() {\n return debugging;\n },\n get disabled() {\n return !debugging;\n },\n get value() {\n return debugging;\n },\n set(value) {\n debugging = !!value;\n },\n set debug(value) {\n debugging = !!value;\n }\n};\nconst request = (data, blocks) => {\n if (Debug.disabled) return;\n const message = `↑ Updatable request affecting ${blocks.length} element(s): `;\n console.log(message, {\n elements: blocks.map(b => b.element),\n identifiers: blocks.map(b => b.element.getAttribute(\"identifier\")),\n data: data\n });\n return message;\n};\nconst cancel = (timestamp, reason) => {\n if (Debug.disabled) return;\n const duration = new Date() - timestamp;\n const message = `❌ Updatable request canceled after ${duration}ms: ${reason}`;\n console.log(message);\n return message;\n};\nconst response = (timestamp, element, urls) => {\n if (Debug.disabled) return;\n const duration = new Date() - timestamp;\n const message = `↓ Updatable response: All URLs fetched in ${duration}ms`;\n console.log(message, {\n element: element,\n urls: urls\n });\n return message;\n};\nconst morphStart = (timestamp, element) => {\n if (Debug.disabled) return;\n const duration = new Date() - timestamp;\n const message = `↻ Updatable morph: starting after ${duration}ms`;\n console.log(message, {\n element: element\n });\n return message;\n};\nconst morphEnd = (timestamp, element) => {\n if (Debug.disabled) return;\n const duration = new Date() - timestamp;\n const message = `↺ Updatable morph: completed after ${duration}ms`;\n console.log(message, {\n element: element\n });\n return message;\n};\nvar Log = {\n request: request,\n cancel: cancel,\n response: response,\n morphStart: morphStart,\n morphEnd: morphEnd\n};\nclass AppearanceObserver {\n constructor(delegate) {\n let element = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n this.observeVisibility = () => {\n document.addEventListener(\"visibilitychange\", this.handleVisibilityChange);\n };\n this.unobserveVisibility = () => {\n document.removeEventListener(\"visibilitychange\", this.handleVisibilityChange);\n };\n this.intersect = entries => {\n entries.forEach(entry => {\n if (entry.target === this.element) {\n if (entry.isIntersecting && document.visibilityState === \"visible\") {\n this.intersecting = true;\n this.delegate.appearedInViewport();\n } else {\n this.intersecting = false;\n this.delegate.disappearedFromViewport();\n }\n }\n });\n };\n this.handleVisibilityChange = event => {\n if (document.visibilityState === \"visible\" && this.intersecting) {\n this.delegate.appearedInViewport();\n } else {\n this.delegate.disappearedFromViewport();\n }\n };\n this.delegate = delegate;\n this.element = element || delegate;\n this.started = false;\n this.intersecting = false;\n this.intersectionObserver = new IntersectionObserver(this.intersect);\n }\n start() {\n if (!this.started) {\n this.started = true;\n this.intersectionObserver.observe(this.element);\n this.observeVisibility();\n }\n }\n stop() {\n if (this.started) {\n this.started = false;\n this.intersectionObserver.unobserve(this.element);\n this.unobserveVisibility();\n }\n }\n}\nconst template = `\\n\\n\\n`;\nclass UpdatesForElement extends SubscribingElement {\n static get tagName() {\n return \"cable-ready-updates-for\";\n }\n constructor() {\n super();\n const shadowRoot = this.attachShadow({\n mode: \"open\"\n });\n shadowRoot.innerHTML = template;\n this.triggerElementLog = new BoundedQueue(10);\n this.targetElementLog = new BoundedQueue(10);\n this.appearanceObserver = new AppearanceObserver(this);\n this.visible = false;\n this.didTransitionToVisible = false;\n }\n async connectedCallback() {\n if (this.preview) return;\n this.update = debounce(this.update.bind(this), this.debounce);\n const consumer = await CableConsumer.getConsumer();\n if (consumer) {\n this.createSubscription(consumer, \"CableReady::Stream\", this.update);\n } else {\n console.error(\"The `cable_ready_updates_for` helper cannot connect. You must initialize CableReady with an Action Cable consumer.\");\n }\n if (this.observeAppearance) {\n this.appearanceObserver.start();\n }\n }\n disconnectedCallback() {\n super.disconnectedCallback();\n if (this.observeAppearance) {\n this.appearanceObserver.stop();\n }\n }\n async update(data) {\n this.lastUpdateTimestamp = new Date();\n const blocks = Array.from(document.querySelectorAll(this.query), element => new Block(element)).filter(block => block.shouldUpdate(data));\n this.triggerElementLog.push(`${new Date().toLocaleString()}: ${Log.request(data, blocks)}`);\n if (blocks.length === 0) {\n this.triggerElementLog.push(`${new Date().toLocaleString()}: ${Log.cancel(this.lastUpdateTimestamp, \"All elements filtered out\")}`);\n return;\n }\n // first element in the DOM *at any given moment* updates all of the others\n // if the element becomes visible though, we have to overrule and load it\n if (blocks[0].element !== this && !this.didTransitionToVisible) {\n this.triggerElementLog.push(`${new Date().toLocaleString()}: ${Log.cancel(this.lastUpdateTimestamp, \"Update already requested\")}`);\n return;\n }\n // hold a reference to the active element so that it can be restored after the morph\n ActiveElement.set(document.activeElement);\n // store all retrieved HTML in an object keyed by URL to minimize fetch calls\n this.html = {};\n const uniqueUrls = [...new Set(blocks.map(block => block.url))];\n await Promise.all(uniqueUrls.map(async url => {\n if (!this.html.hasOwnProperty(url)) {\n const response = await graciouslyFetch(url, {\n \"X-Cable-Ready\": \"update\"\n });\n this.html[url] = await response.text();\n }\n }));\n this.triggerElementLog.push(`${new Date().toLocaleString()}: ${Log.response(this.lastUpdateTimestamp, this, uniqueUrls)}`);\n // track current block index for each URL; referred to as fragments\n this.index = {};\n blocks.forEach(block => {\n // if the block's URL is not in the index, initialize it to 0; otherwise, increment it\n this.index.hasOwnProperty(block.url) ? this.index[block.url]++ : this.index[block.url] = 0;\n block.process(data, this.html, this.index, this.lastUpdateTimestamp);\n });\n }\n appearedInViewport() {\n if (!this.visible) {\n // transition from invisible to visible forces update\n this.didTransitionToVisible = true;\n this.update({});\n }\n this.visible = true;\n }\n disappearedFromViewport() {\n this.visible = false;\n }\n get query() {\n return `${this.tagName}[identifier=\"${this.identifier}\"]`;\n }\n get identifier() {\n return this.getAttribute(\"identifier\");\n }\n get debounce() {\n return this.hasAttribute(\"debounce\") ? parseInt(this.getAttribute(\"debounce\")) : 20;\n }\n get observeAppearance() {\n return this.hasAttribute(\"observe-appearance\");\n }\n}\nclass Block {\n constructor(element) {\n this.element = element;\n }\n async process(data, html, fragmentsIndex, startTimestamp) {\n const blockIndex = fragmentsIndex[this.url];\n const template = document.createElement(\"template\");\n this.element.setAttribute(\"updating\", \"updating\");\n template.innerHTML = String(html[this.url]).trim();\n await this.resolveTurboFrames(template.content);\n const fragments = template.content.querySelectorAll(this.query);\n if (fragments.length <= blockIndex) {\n console.warn(`Update aborted due to insufficient number of elements. The offending url is ${this.url}, the offending element is:`, this.element);\n return;\n }\n const operation = {\n element: this.element,\n html: fragments[blockIndex],\n permanentAttributeName: \"data-ignore-updates\"\n };\n dispatch(this.element, \"cable-ready:before-update\", operation);\n this.element.targetElementLog.push(`${new Date().toLocaleString()}: ${Log.morphStart(startTimestamp, this.element)}`);\n morphdom(this.element, fragments[blockIndex], {\n childrenOnly: true,\n onBeforeElUpdated: shouldMorph(operation),\n onElUpdated: _ => {\n this.element.removeAttribute(\"updating\");\n this.element.didTransitionToVisible = false;\n dispatch(this.element, \"cable-ready:after-update\", operation);\n assignFocus(operation.focusSelector);\n }\n });\n this.element.targetElementLog.push(`${new Date().toLocaleString()}: ${Log.morphEnd(startTimestamp, this.element)}`);\n }\n async resolveTurboFrames(documentFragment) {\n const reloadingTurboFrames = [...documentFragment.querySelectorAll('turbo-frame[src]:not([loading=\"lazy\"])')];\n return Promise.all(reloadingTurboFrames.map(frame => new Promise(async resolve => {\n const frameResponse = await graciouslyFetch(frame.getAttribute(\"src\"), {\n \"Turbo-Frame\": frame.id,\n \"X-Cable-Ready\": \"update\"\n });\n const frameTemplate = document.createElement(\"template\");\n frameTemplate.innerHTML = await frameResponse.text();\n // recurse here to get all nested eager loaded frames\n await this.resolveTurboFrames(frameTemplate.content);\n const selector = `turbo-frame#${frame.id}`;\n const frameContent = frameTemplate.content.querySelector(selector);\n const content = frameContent ? frameContent.innerHTML.trim() : \"\";\n documentFragment.querySelector(selector).innerHTML = content;\n resolve();\n })));\n }\n shouldUpdate(data) {\n // if everything that could prevent an update is false, update this block\n return !this.ignoresInnerUpdates && this.hasChangesSelectedForUpdate(data) && (!this.observeAppearance || this.visible);\n }\n hasChangesSelectedForUpdate(data) {\n // if there's an only attribute, only update if at least one of the attributes changed is in the allow list\n const only = this.element.getAttribute(\"only\");\n return !(only && data.changed && !only.split(\" \").some(attribute => data.changed.includes(attribute)));\n }\n get ignoresInnerUpdates() {\n // don't update during a Reflex or Turbolinks redraw\n return this.element.hasAttribute(\"ignore-inner-updates\") && this.element.hasAttribute(\"performing-inner-update\");\n }\n get url() {\n return this.element.hasAttribute(\"url\") ? this.element.getAttribute(\"url\") : location.href;\n }\n get identifier() {\n return this.element.identifier;\n }\n get query() {\n return this.element.query;\n }\n get visible() {\n return this.element.visible;\n }\n get observeAppearance() {\n return this.element.observeAppearance;\n }\n}\nconst registerInnerUpdates = () => {\n document.addEventListener(\"stimulus-reflex:before\", event => {\n recursiveMarkUpdatesForElements(event.detail.element);\n });\n document.addEventListener(\"stimulus-reflex:after\", event => {\n setTimeout(() => {\n recursiveUnmarkUpdatesForElements(event.detail.element);\n });\n });\n document.addEventListener(\"turbo:submit-start\", event => {\n recursiveMarkUpdatesForElements(event.target);\n });\n document.addEventListener(\"turbo:submit-end\", event => {\n setTimeout(() => {\n recursiveUnmarkUpdatesForElements(event.target);\n });\n });\n document.addEventListener(\"turbo-boost:command:start\", event => {\n recursiveMarkUpdatesForElements(event.target);\n });\n document.addEventListener(\"turbo-boost:command:finish\", event => {\n setTimeout(() => {\n recursiveUnmarkUpdatesForElements(event.target);\n });\n });\n document.addEventListener(\"turbo-boost:command:error\", event => {\n setTimeout(() => {\n recursiveUnmarkUpdatesForElements(event.target);\n });\n });\n};\nconst recursiveMarkUpdatesForElements = leaf => {\n const closestUpdatesFor = leaf && leaf.parentElement && leaf.parentElement.closest(\"cable-ready-updates-for\");\n if (closestUpdatesFor) {\n closestUpdatesFor.setAttribute(\"performing-inner-update\", \"\");\n recursiveMarkUpdatesForElements(closestUpdatesFor);\n }\n};\nconst recursiveUnmarkUpdatesForElements = leaf => {\n const closestUpdatesFor = leaf && leaf.parentElement && leaf.parentElement.closest(\"cable-ready-updates-for\");\n if (closestUpdatesFor) {\n closestUpdatesFor.removeAttribute(\"performing-inner-update\");\n recursiveUnmarkUpdatesForElements(closestUpdatesFor);\n }\n};\nconst defineElements = () => {\n registerInnerUpdates();\n StreamFromElement.define();\n UpdatesForElement.define();\n};\nconst initialize = function () {\n let initializeOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};\n const consumer = initializeOptions.consumer,\n onMissingElement = initializeOptions.onMissingElement,\n debug = initializeOptions.debug;\n Debug.set(!!debug);\n if (consumer) {\n CableConsumer.setConsumer(consumer);\n } else {\n console.error(\"CableReady requires a reference to your Action Cable `consumer` for its helpers to function.\\nEnsure that you have imported the `CableReady` package as well as `consumer` from your `channels` folder, then call `CableReady.initialize({ consumer })`.\");\n }\n if (onMissingElement) {\n MissingElement.set(onMissingElement);\n }\n defineElements();\n};\nconst global = {\n perform: perform,\n performAsync: performAsync,\n shouldMorphCallbacks: shouldMorphCallbacks,\n didMorphCallbacks: didMorphCallbacks,\n initialize: initialize,\n addOperation: addOperation,\n addOperations: addOperations,\n version: packageInfo.version,\n cable: CableConsumer,\n get DOMOperations() {\n console.warn(\"DEPRECATED: Please use `CableReady.operations` instead of `CableReady.DOMOperations`\");\n return OperationStore.all;\n },\n get operations() {\n return OperationStore.all;\n },\n get consumer() {\n return CableConsumer.consumer;\n }\n};\nwindow.CableReady = global;\nexport { morph_callbacks as MorphCallbacks, StreamFromElement, SubscribingElement, UpdatesForElement, utils as Utils, global as default };","function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(r, a) { if (r) { if (\"string\" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return \"Object\" === t && r.constructor && (t = r.constructor.name), \"Map\" === t || \"Set\" === t ? Array.from(r) : \"Arguments\" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }\nfunction _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }\nfunction _iterableToArrayLimit(r, l) { var t = null == r ? null : \"undefined\" != typeof Symbol && r[Symbol.iterator] || r[\"@@iterator\"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }\nfunction _arrayWithHoles(r) { if (Array.isArray(r)) return r; }\nfunction ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }\nfunction _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }\nfunction _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }\nfunction _toPropertyKey(t) { var i = _toPrimitive(t, \"string\"); return \"symbol\" == typeof i ? i : i + \"\"; }\nfunction _toPrimitive(t, r) { if (\"object\" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || \"default\"); if (\"object\" != typeof i) return i; throw new TypeError(\"@@toPrimitive must return a primitive value.\"); } return (\"string\" === r ? String : Number)(t); }\nimport { Controller } from \"@hotwired/stimulus\";\nimport CableReady, { Utils } from \"cable_ready\";\nimport { createConsumer } from \"@rails/actioncable\";\n\n/*!\n * Toastify js 1.12.0\n * https://github.com/apvarun/toastify-js\n * @license MIT licensed\n *\n * Copyright (C) 2018 Varun A P\n */\nclass Toastify {\n constructor(options) {\n this.defaults = {\n oldestFirst: true,\n text: \"Toastify is awesome!\",\n node: undefined,\n duration: 3e3,\n selector: undefined,\n callback: function () {},\n destination: undefined,\n newWindow: false,\n close: false,\n gravity: \"toastify-top\",\n positionLeft: false,\n position: \"\",\n backgroundColor: \"\",\n avatar: \"\",\n className: \"\",\n stopOnFocus: true,\n onClick: function () {},\n offset: {\n x: 0,\n y: 0\n },\n escapeMarkup: true,\n ariaLive: \"polite\",\n style: {\n background: \"\"\n }\n };\n this.version = \"1.12.0\";\n this.options = {};\n this.toastElement = null;\n this._rootElement = document.body;\n this._init(options);\n }\n showToast() {\n this.toastElement = this._buildToast();\n if (typeof this.options.selector === \"string\") {\n this._rootElement = document.getElementById(this.options.selector);\n } else if (this.options.selector instanceof HTMLElement || this.options.selector instanceof ShadowRoot) {\n this._rootElement = this.options.selector;\n } else {\n this._rootElement = document.body;\n }\n if (!this._rootElement) {\n throw \"Root element is not defined\";\n }\n this._rootElement.insertBefore(this.toastElement, this._rootElement.firstChild);\n this._reposition();\n if (this.options.duration > 0) {\n this.toastElement.timeOutValue = window.setTimeout(() => {\n this._removeElement(this.toastElement);\n }, this.options.duration);\n }\n return this;\n }\n hideToast() {\n if (this.toastElement.timeOutValue) {\n clearTimeout(this.toastElement.timeOutValue);\n }\n this._removeElement(this.toastElement);\n }\n _init(options) {\n this.options = Object.assign(this.defaults, options);\n if (this.options.backgroundColor) {\n console.warn('DEPRECATION NOTICE: \"backgroundColor\" is being deprecated. Please use the \"style.background\" property.');\n }\n this.toastElement = null;\n this.options.gravity = options.gravity === \"bottom\" ? \"toastify-bottom\" : \"toastify-top\";\n this.options.stopOnFocus = options.stopOnFocus === undefined ? true : options.stopOnFocus;\n if (options.backgroundColor) {\n this.options.style.background = options.backgroundColor;\n }\n }\n _buildToast() {\n if (!this.options) {\n throw \"Toastify is not initialized\";\n }\n let divElement = document.createElement(\"div\");\n divElement.className = `toastify on ${this.options.className}`;\n divElement.className += ` toastify-${this.options.position}`;\n divElement.className += ` ${this.options.gravity}`;\n for (const property in this.options.style) {\n divElement.style[property] = this.options.style[property];\n }\n if (this.options.ariaLive) {\n divElement.setAttribute(\"aria-live\", this.options.ariaLive);\n }\n if (this.options.node && this.options.node.nodeType === Node.ELEMENT_NODE) {\n divElement.appendChild(this.options.node);\n } else {\n if (this.options.escapeMarkup) {\n divElement.innerText = this.options.text;\n } else {\n divElement.innerHTML = this.options.text;\n }\n if (this.options.avatar !== \"\") {\n let avatarElement = document.createElement(\"img\");\n avatarElement.src = this.options.avatar;\n avatarElement.className = \"toastify-avatar\";\n if (this.options.position == \"left\") {\n divElement.appendChild(avatarElement);\n } else {\n divElement.insertAdjacentElement(\"afterbegin\", avatarElement);\n }\n }\n }\n if (this.options.close === true) {\n let closeElement = document.createElement(\"button\");\n closeElement.type = \"button\";\n closeElement.setAttribute(\"aria-label\", \"Close\");\n closeElement.className = \"toast-close\";\n closeElement.innerHTML = \"✖\";\n closeElement.addEventListener(\"click\", event => {\n event.stopPropagation();\n this._removeElement(this.toastElement);\n window.clearTimeout(this.toastElement.timeOutValue);\n });\n const width = window.innerWidth > 0 ? window.innerWidth : screen.width;\n if (this.options.position == \"left\" && width > 360) {\n divElement.insertAdjacentElement(\"afterbegin\", closeElement);\n } else {\n divElement.appendChild(closeElement);\n }\n }\n if (this.options.stopOnFocus && this.options.duration > 0) {\n divElement.addEventListener(\"mouseover\", event => {\n window.clearTimeout(divElement.timeOutValue);\n });\n divElement.addEventListener(\"mouseleave\", () => {\n divElement.timeOutValue = window.setTimeout(() => {\n this._removeElement(divElement);\n }, this.options.duration);\n });\n }\n if (typeof this.options.destination !== \"undefined\") {\n divElement.addEventListener(\"click\", event => {\n event.stopPropagation();\n if (this.options.newWindow === true) {\n window.open(this.options.destination, \"_blank\");\n } else {\n window.location = this.options.destination;\n }\n });\n }\n if (typeof this.options.onClick === \"function\" && typeof this.options.destination === \"undefined\") {\n divElement.addEventListener(\"click\", event => {\n event.stopPropagation();\n this.options.onClick();\n });\n }\n if (typeof this.options.offset === \"object\") {\n const x = this._getAxisOffsetAValue(\"x\", this.options);\n const y = this._getAxisOffsetAValue(\"y\", this.options);\n const xOffset = this.options.position == \"left\" ? x : `-${x}`;\n const yOffset = this.options.gravity == \"toastify-top\" ? y : `-${y}`;\n divElement.style.transform = `translate(${xOffset},${yOffset})`;\n }\n return divElement;\n }\n _removeElement(toastElement) {\n toastElement.className = toastElement.className.replace(\" on\", \"\");\n window.setTimeout(() => {\n if (this.options.node && this.options.node.parentNode) {\n this.options.node.parentNode.removeChild(this.options.node);\n }\n if (toastElement.parentNode) {\n toastElement.parentNode.removeChild(toastElement);\n }\n this.options.callback.call(toastElement);\n this._reposition();\n }, 400);\n }\n _reposition() {\n let topLeftOffsetSize = {\n top: 15,\n bottom: 15\n };\n let topRightOffsetSize = {\n top: 15,\n bottom: 15\n };\n let offsetSize = {\n top: 15,\n bottom: 15\n };\n let allToasts = this._rootElement.querySelectorAll(\".toastify\");\n let classUsed;\n for (let i = 0; i < allToasts.length; i++) {\n if (allToasts[i].classList.contains(\"toastify-top\") === true) {\n classUsed = \"toastify-top\";\n } else {\n classUsed = \"toastify-bottom\";\n }\n let height = allToasts[i].offsetHeight;\n classUsed = classUsed.substr(9, classUsed.length - 1);\n let offset = 15;\n let width = window.innerWidth > 0 ? window.innerWidth : screen.width;\n if (width <= 360) {\n allToasts[i].style[classUsed] = `${offsetSize[classUsed]}px`;\n offsetSize[classUsed] += height + offset;\n } else {\n if (allToasts[i].classList.contains(\"toastify-left\") === true) {\n allToasts[i].style[classUsed] = `${topLeftOffsetSize[classUsed]}px`;\n topLeftOffsetSize[classUsed] += height + offset;\n } else {\n allToasts[i].style[classUsed] = `${topRightOffsetSize[classUsed]}px`;\n topRightOffsetSize[classUsed] += height + offset;\n }\n }\n }\n }\n _getAxisOffsetAValue(axis, options) {\n if (options.offset[axis]) {\n if (isNaN(options.offset[axis])) {\n return options.offset[axis];\n } else {\n return `${options.offset[axis]}px`;\n }\n }\n return \"0px\";\n }\n}\nfunction StartToastifyInstance(options) {\n return new Toastify(options);\n}\nCableReady.operations.stimulusReflexVersionMismatch = operation => {\n const levels = {\n info: {},\n success: {\n background: \"#198754\",\n color: \"white\"\n },\n warn: {\n background: \"#ffc107\",\n color: \"black\"\n },\n error: {\n background: \"#dc3545\",\n color: \"white\"\n }\n };\n const defaults = {\n selector: setupToastify(),\n close: true,\n duration: 30 * 1e3,\n gravity: \"bottom\",\n position: \"right\",\n newWindow: true,\n style: levels[operation.level || \"info\"]\n };\n StartToastifyInstance(_objectSpread(_objectSpread({}, defaults), operation)).showToast();\n};\nfunction setupToastify() {\n const id = \"stimulus-reflex-toast-element\";\n let element = document.querySelector(`#${id}`);\n if (!element) {\n element = document.createElement(\"div\");\n element.id = id;\n document.documentElement.appendChild(element);\n const styles = document.createElement(\"style\");\n styles.innerHTML = `\\n #${id} .toastify {\\n padding: 12px 20px;\\n color: #ffffff;\\n display: inline-block;\\n background: -webkit-linear-gradient(315deg, #73a5ff, #5477f5);\\n background: linear-gradient(135deg, #73a5ff, #5477f5);\\n position: fixed;\\n opacity: 0;\\n transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);\\n border-radius: 2px;\\n cursor: pointer;\\n text-decoration: none;\\n max-width: calc(50% - 20px);\\n z-index: 2147483647;\\n bottom: -150px;\\n right: 15px;\\n }\\n\\n #${id} .toastify.on {\\n opacity: 1;\\n }\\n\\n #${id} .toast-close {\\n background: transparent;\\n border: 0;\\n color: white;\\n cursor: pointer;\\n font-family: inherit;\\n font-size: 1em;\\n opacity: 0.4;\\n padding: 0 5px;\\n }\\n `;\n document.head.appendChild(styles);\n }\n return element;\n}\nlet deprecationWarnings = true;\nvar Deprecate = {\n get enabled() {\n return deprecationWarnings;\n },\n get disabled() {\n return !deprecationWarnings;\n },\n get value() {\n return deprecationWarnings;\n },\n set(value) {\n deprecationWarnings = !!value;\n },\n set deprecate(value) {\n deprecationWarnings = !!value;\n }\n};\nlet debugging = false;\nvar Debug$1 = {\n get enabled() {\n return debugging;\n },\n get disabled() {\n return !debugging;\n },\n get value() {\n return debugging;\n },\n set(value) {\n debugging = !!value;\n },\n set debug(value) {\n debugging = !!value;\n }\n};\nconst defaultSchema = {\n reflexAttribute: \"data-reflex\",\n reflexPermanentAttribute: \"data-reflex-permanent\",\n reflexRootAttribute: \"data-reflex-root\",\n reflexSuppressLoggingAttribute: \"data-reflex-suppress-logging\",\n reflexDatasetAttribute: \"data-reflex-dataset\",\n reflexDatasetAllAttribute: \"data-reflex-dataset-all\",\n reflexSerializeFormAttribute: \"data-reflex-serialize-form\",\n reflexFormSelectorAttribute: \"data-reflex-form-selector\",\n reflexIncludeInnerHtmlAttribute: \"data-reflex-include-inner-html\",\n reflexIncludeTextContentAttribute: \"data-reflex-include-text-content\"\n};\nlet schema = {};\nvar Schema = {\n set(application) {\n schema = _objectSpread(_objectSpread({}, defaultSchema), application.schema);\n for (const attribute in schema) {\n const attributeName = attribute.slice(0, -9);\n Object.defineProperty(this, attributeName, {\n get: () => schema[attribute],\n configurable: true\n });\n }\n }\n};\nconst debounce = Utils.debounce,\n dispatch = Utils.dispatch,\n xpathToElement = Utils.xpathToElement,\n xpathToElementArray = Utils.xpathToElementArray;\nconst uuidv4 = () => {\n const crypto = window.crypto || window.msCrypto;\n return ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c => (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16));\n};\nconst serializeForm = function (form) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n if (!form) return \"\";\n const w = options.w || window;\n const element = options.element;\n const formData = new w.FormData(form);\n const data = Array.from(formData, e => e.map(encodeURIComponent).join(\"=\"));\n const submitButton = form.querySelector(\"input[type=submit]\");\n if (element && element.name && element.nodeName === \"INPUT\" && element.type === \"submit\") {\n data.push(`${encodeURIComponent(element.name)}=${encodeURIComponent(element.value)}`);\n } else if (submitButton && submitButton.name) {\n data.push(`${encodeURIComponent(submitButton.name)}=${encodeURIComponent(submitButton.value)}`);\n }\n return Array.from(data).join(\"&\");\n};\nconst camelize = function (value) {\n let uppercaseFirstLetter = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;\n if (typeof value !== \"string\") return \"\";\n value = value.replace(/[\\s_](.)/g, $1 => $1.toUpperCase()).replace(/[\\s_]/g, \"\").replace(/^(.)/, $1 => $1.toLowerCase());\n if (uppercaseFirstLetter) value = value.substr(0, 1).toUpperCase() + value.substr(1);\n return value;\n};\nconst XPathToElement = xpathToElement;\nconst XPathToArray = xpathToElementArray;\nconst emitEvent = function (name) {\n let detail = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return dispatch(document, name, detail);\n};\nconst extractReflexName = reflexString => {\n const match = reflexString.match(/(?:.*->)?(.*?)(?:Reflex)?#/);\n return match ? match[1] : \"\";\n};\nconst elementToXPath = element => {\n if (element.id !== \"\") return \"//*[@id='\" + element.id + \"']\";\n if (element === document.body) return \"/html/body\";\n if (element.nodeName === \"HTML\") return \"/html\";\n let ix = 0;\n const siblings = element && element.parentNode ? element.parentNode.childNodes : [];\n for (var i = 0; i < siblings.length; i++) {\n const sibling = siblings[i];\n if (sibling === element) {\n const computedPath = elementToXPath(element.parentNode);\n const tagName = element.tagName.toLowerCase();\n const ixInc = ix + 1;\n return `${computedPath}/${tagName}[${ixInc}]`;\n }\n if (sibling.nodeType === 1 && sibling.tagName === element.tagName) {\n ix++;\n }\n }\n};\nconst elementInvalid = element => element.type === \"number\" && element.validity && element.validity.badInput;\nconst getReflexElement = (args, element) => args[0] && args[0].nodeType === Node.ELEMENT_NODE ? args.shift() : element;\nconst getReflexOptions = args => {\n const options = {};\n if (args[0] && typeof args[0] === \"object\" && Object.keys(args[0]).filter(key => [\"id\", \"attrs\", \"selectors\", \"reflexId\", \"resolveLate\", \"serializeForm\", \"suppressLogging\", \"includeInnerHTML\", \"includeTextContent\"].includes(key)).length) {\n const opts = args.shift();\n Object.keys(opts).forEach(o => {\n if (o === \"reflexId\") {\n if (Deprecate.enabled) console.warn(\"reflexId option will be removed in v4. Use id instead.\");\n options[\"id\"] = opts[\"reflexId\"];\n } else options[o] = opts[o];\n });\n }\n return options;\n};\nconst getReflexRoots = element => {\n let list = [];\n while (list.length === 0 && element) {\n let reflexRoot = element.getAttribute(Schema.reflexRoot);\n if (reflexRoot) {\n if (reflexRoot.length === 0 && element.id) reflexRoot = `#${element.id}`;\n const selectors = reflexRoot.split(\",\").filter(s => s.trim().length);\n if (Debug$1.enabled && selectors.length === 0) {\n console.error(`No value found for ${Schema.reflexRoot}. Add an #id to the element or provide a value for ${Schema.reflexRoot}.`, element);\n }\n list = list.concat(selectors.filter(s => document.querySelector(s)));\n }\n element = element.parentElement ? element.parentElement.closest(`[${Schema.reflexRoot}]`) : null;\n }\n return list;\n};\nconst reflexNameToControllerIdentifier = reflexName => reflexName.replace(/([a-z0–9])([A-Z])/g, \"$1-$2\").replace(/(::)/g, \"--\").replace(/-reflex$/gi, \"\").toLowerCase();\nconst stages = [\"created\", \"before\", \"delivered\", \"queued\", \"after\", \"finalized\", \"success\", \"error\", \"halted\", \"forbidden\"];\nlet lastReflex;\nconst reflexes = new Proxy({}, {\n get: function (target, prop) {\n if (stages.includes(prop)) return Object.fromEntries(Object.entries(target).filter(_ref => {\n let _ref2 = _slicedToArray(_ref, 2),\n _ = _ref2[0],\n reflex = _ref2[1];\n return reflex.stage === prop;\n }));else if (prop === \"last\") return lastReflex;else if (prop === \"all\") return target;\n return Reflect.get(...arguments);\n },\n set: function (target, prop, value) {\n target[prop] = value;\n lastReflex = value;\n return true;\n }\n});\nconst invokeLifecycleMethod = (reflex, stage) => {\n const specificLifecycleMethod = reflex.controller[[\"before\", \"after\", \"finalize\"].includes(stage) ? `${stage}${camelize(reflex.action)}` : `${camelize(reflex.action, false)}${camelize(stage)}`];\n const genericLifecycleMethod = reflex.controller[[\"before\", \"after\", \"finalize\"].includes(stage) ? `${stage}Reflex` : `reflex${camelize(stage)}`];\n if (typeof specificLifecycleMethod === \"function\") {\n specificLifecycleMethod.call(reflex.controller, reflex.element, reflex.target, reflex.error, reflex.id, reflex.payload);\n }\n if (typeof genericLifecycleMethod === \"function\") {\n genericLifecycleMethod.call(reflex.controller, reflex.element, reflex.target, reflex.error, reflex.id, reflex.payload);\n }\n};\nconst dispatchLifecycleEvent = (reflex, stage) => {\n if (!reflex.controller.element.parentElement) {\n if (Debug$1.enabled && !reflex.warned) {\n console.warn(`StimulusReflex was not able execute callbacks or emit events for \"${stage}\" or later life-cycle stages for this Reflex. The StimulusReflex Controller Element is no longer present in the DOM. Could you move the StimulusReflex Controller to an element higher in your DOM?`);\n reflex.warned = true;\n }\n return;\n }\n reflex.stage = stage;\n reflex.lifecycle.push(stage);\n const event = `stimulus-reflex:${stage}`;\n const action = `${event}:${reflex.action}`;\n const detail = {\n reflex: reflex.target,\n controller: reflex.controller,\n id: reflex.id,\n element: reflex.element,\n payload: reflex.payload\n };\n const options = {\n bubbles: true,\n cancelable: false,\n detail: detail\n };\n reflex.controller.element.dispatchEvent(new CustomEvent(event, options));\n reflex.controller.element.dispatchEvent(new CustomEvent(action, options));\n if (window.jQuery) {\n window.jQuery(reflex.controller.element).trigger(event, detail);\n window.jQuery(reflex.controller.element).trigger(action, detail);\n }\n};\ndocument.addEventListener(\"stimulus-reflex:before\", event => invokeLifecycleMethod(reflexes[event.detail.id], \"before\"), true);\ndocument.addEventListener(\"stimulus-reflex:queued\", event => invokeLifecycleMethod(reflexes[event.detail.id], \"queued\"), true);\ndocument.addEventListener(\"stimulus-reflex:delivered\", event => invokeLifecycleMethod(reflexes[event.detail.id], \"delivered\"), true);\ndocument.addEventListener(\"stimulus-reflex:success\", event => {\n const reflex = reflexes[event.detail.id];\n invokeLifecycleMethod(reflex, \"success\");\n dispatchLifecycleEvent(reflex, \"after\");\n}, true);\ndocument.addEventListener(\"stimulus-reflex:nothing\", event => dispatchLifecycleEvent(reflexes[event.detail.id], \"success\"), true);\ndocument.addEventListener(\"stimulus-reflex:error\", event => {\n const reflex = reflexes[event.detail.id];\n invokeLifecycleMethod(reflex, \"error\");\n dispatchLifecycleEvent(reflex, \"after\");\n}, true);\ndocument.addEventListener(\"stimulus-reflex:halted\", event => invokeLifecycleMethod(reflexes[event.detail.id], \"halted\"), true);\ndocument.addEventListener(\"stimulus-reflex:forbidden\", event => invokeLifecycleMethod(reflexes[event.detail.id], \"forbidden\"), true);\ndocument.addEventListener(\"stimulus-reflex:after\", event => invokeLifecycleMethod(reflexes[event.detail.id], \"after\"), true);\ndocument.addEventListener(\"stimulus-reflex:finalize\", event => invokeLifecycleMethod(reflexes[event.detail.id], \"finalize\"), true);\nlet app = {};\nvar App = {\n get app() {\n return app;\n },\n set(application) {\n app = application;\n }\n};\nlet isolationMode = false;\nvar IsolationMode = {\n get disabled() {\n return !isolationMode;\n },\n set(value) {\n isolationMode = value;\n if (Deprecate.enabled && !isolationMode) {\n document.addEventListener(\"DOMContentLoaded\", () => console.warn(\"Deprecation warning: the next version of StimulusReflex will standardize isolation mode, and the isolate option will be removed.\\nPlease update your applications to assume that every tab will be isolated. Use CableReady operations to broadcast updates to other tabs and users.\"), {\n once: true\n });\n }\n }\n};\nclass Reflex {\n constructor(data, controller) {\n this.data = data.valueOf();\n this.controller = controller;\n this.element = data.reflexElement;\n this.id = data.id;\n this.error = null;\n this.payload = null;\n this.stage = \"created\";\n this.lifecycle = [\"created\"];\n this.warned = false;\n this.target = data.target;\n this.action = data.target.split(\"#\")[1];\n this.selector = null;\n this.morph = null;\n this.operation = null;\n this.timestamp = new Date();\n this.cloned = false;\n }\n get getPromise() {\n const promise = new Promise((resolve, reject) => {\n this.promise = {\n resolve: resolve,\n reject: reject,\n data: this.data\n };\n });\n promise.id = this.id;\n Object.defineProperty(promise, \"reflexId\", {\n get() {\n if (Deprecate.enabled) console.warn(\"reflexId is deprecated and will be removed from v4. Use id instead.\");\n return this.id;\n }\n });\n promise.reflex = this;\n if (Debug$1.enabled) promise.catch(() => {});\n return promise;\n }\n}\nconst received = data => {\n if (!data.cableReady) return;\n if (data.version.replace(\".pre\", \"-pre\").replace(\".rc\", \"-rc\") !== CableReady.version) {\n const mismatch = `CableReady failed to execute your reflex action due to a version mismatch between your gem and JavaScript version. Package versions must match exactly.\\n\\ncable_ready gem: ${data.version}\\ncable_ready npm: ${CableReady.version}`;\n console.error(mismatch);\n if (Debug$1.enabled) {\n CableReady.operations.stimulusReflexVersionMismatch({\n text: mismatch,\n level: \"error\"\n });\n }\n return;\n }\n let reflexOperations = [];\n for (let i = data.operations.length - 1; i >= 0; i--) {\n if (data.operations[i].stimulusReflex) {\n reflexOperations.push(data.operations[i]);\n data.operations.splice(i, 1);\n }\n }\n if (reflexOperations.some(operation => operation.stimulusReflex.url !== location.href)) {\n if (Debug$1.enabled) {\n console.error(\"Reflex failed due to mismatched URL.\");\n return;\n }\n }\n let reflexData;\n if (reflexOperations.length) {\n reflexData = reflexOperations[0].stimulusReflex;\n reflexData.payload = reflexOperations[0].payload;\n }\n if (reflexData) {\n const _reflexData = reflexData,\n id = _reflexData.id,\n payload = _reflexData.payload;\n let reflex;\n if (!reflexes[id] && IsolationMode.disabled) {\n const controllerElement = XPathToElement(reflexData.xpathController);\n const reflexElement = XPathToElement(reflexData.xpathElement);\n controllerElement.reflexController = controllerElement.reflexController || {};\n controllerElement.reflexData = controllerElement.reflexData || {};\n controllerElement.reflexError = controllerElement.reflexError || {};\n const controller = App.app.getControllerForElementAndIdentifier(controllerElement, reflexData.reflexController);\n controllerElement.reflexController[id] = controller;\n controllerElement.reflexData[id] = reflexData;\n reflex = new Reflex(reflexData, controller);\n reflexes[id] = reflex;\n reflex.cloned = true;\n reflex.element = reflexElement;\n controller.lastReflex = reflex;\n dispatchLifecycleEvent(reflex, \"before\");\n reflex.getPromise;\n } else {\n reflex = reflexes[id];\n }\n if (reflex) {\n reflex.payload = payload;\n reflex.totalOperations = reflexOperations.length;\n reflex.pendingOperations = reflexOperations.length;\n reflex.completedOperations = 0;\n reflex.piggybackOperations = data.operations;\n CableReady.perform(reflexOperations);\n }\n } else {\n if (data.operations.length && reflexes[data.operations[0].reflexId]) {\n CableReady.perform(data.operations);\n }\n }\n};\nlet consumer;\nlet params;\nlet subscription;\nlet active;\nconst initialize$1 = (consumerValue, paramsValue) => {\n consumer = consumerValue;\n params = paramsValue;\n document.addEventListener(\"DOMContentLoaded\", () => {\n active = false;\n connectionStatusClass();\n if (Deprecate.enabled && consumerValue) console.warn(\"Deprecation warning: the next version of StimulusReflex will obtain a reference to consumer via the Stimulus application object.\\nPlease add 'application.consumer = consumer' to your index.js after your Stimulus application has been established, and remove the consumer key from your StimulusReflex initialize() options object.\");\n });\n document.addEventListener(\"turbolinks:load\", connectionStatusClass);\n document.addEventListener(\"turbo:load\", connectionStatusClass);\n};\nconst subscribe = controller => {\n if (subscription) return;\n consumer = consumer || controller.application.consumer || createConsumer();\n const channel = controller.StimulusReflex.channel;\n const request = _objectSpread({\n channel: channel\n }, params);\n const identifier = JSON.stringify(request);\n subscription = consumer.subscriptions.findAll(identifier)[0] || consumer.subscriptions.create(request, {\n received: received,\n connected: connected,\n rejected: rejected,\n disconnected: disconnected\n });\n};\nconst connected = () => {\n active = true;\n connectionStatusClass();\n emitEvent(\"stimulus-reflex:connected\");\n Object.values(reflexes.queued).forEach(reflex => {\n subscription.send(reflex.data);\n dispatchLifecycleEvent(reflex, \"delivered\");\n });\n};\nconst rejected = () => {\n active = false;\n connectionStatusClass();\n emitEvent(\"stimulus-reflex:rejected\");\n if (Debug.enabled) console.warn(\"Channel subscription was rejected.\");\n};\nconst disconnected = willAttemptReconnect => {\n active = false;\n connectionStatusClass();\n emitEvent(\"stimulus-reflex:disconnected\", willAttemptReconnect);\n};\nconst deliver = reflex => {\n if (active) {\n subscription.send(reflex.data);\n dispatchLifecycleEvent(reflex, \"delivered\");\n } else dispatchLifecycleEvent(reflex, \"queued\");\n};\nconst connectionStatusClass = () => {\n const list = document.body.classList;\n if (!(list.contains(\"stimulus-reflex-connected\") || list.contains(\"stimulus-reflex-disconnected\"))) {\n list.add(active ? \"stimulus-reflex-connected\" : \"stimulus-reflex-disconnected\");\n return;\n }\n if (active) {\n list.replace(\"stimulus-reflex-disconnected\", \"stimulus-reflex-connected\");\n } else {\n list.replace(\"stimulus-reflex-connected\", \"stimulus-reflex-disconnected\");\n }\n};\nvar ActionCableTransport = {\n subscribe: subscribe,\n deliver: deliver,\n initialize: initialize$1\n};\nconst request = reflex => {\n if (Debug$1.disabled || reflex.data.suppressLogging) return;\n console.log(`↑ stimulus ↑ ${reflex.target}`, {\n id: reflex.id,\n args: reflex.data.args,\n controller: reflex.controller.identifier,\n element: reflex.element,\n controllerElement: reflex.controller.element\n });\n};\nconst success = reflex => {\n if (Debug$1.disabled || reflex.data.suppressLogging) return;\n const output = {\n id: reflex.id,\n morph: reflex.morph,\n payload: reflex.payload\n };\n if (reflex.operation !== \"dispatch_event\") output.operation = reflex.operation;\n console.log(`↓ reflex ↓ ${reflex.target} → ${reflex.selector || \"∞\"}${progress(reflex)} ${duration(reflex)}`, output);\n};\nconst halted$1 = reflex => {\n if (Debug$1.disabled || reflex.data.suppressLogging) return;\n console.log(`↓ reflex ↓ ${reflex.target} ${duration(reflex)} %cHALTED`, \"color: #ffa500;\", {\n id: reflex.id,\n payload: reflex.payload\n });\n};\nconst forbidden$1 = reflex => {\n if (Debug$1.disabled || reflex.data.suppressLogging) return;\n console.log(`↓ reflex ↓ ${reflex.target} ${duration(reflex)} %cFORBIDDEN`, \"color: #BF40BF;\", {\n id: reflex.id,\n payload: reflex.payload\n });\n};\nconst error$1 = reflex => {\n if (Debug$1.disabled || reflex.data.suppressLogging) return;\n console.log(`↓ reflex ↓ ${reflex.target} ${duration(reflex)} %cERROR: ${reflex.error}`, \"color: #f00;\", {\n id: reflex.id,\n payload: reflex.payload\n });\n};\nconst duration = reflex => !reflex.cloned ? `in ${new Date() - reflex.timestamp}ms` : \"CLONED\";\nconst progress = reflex => reflex.totalOperations > 1 ? ` ${reflex.completedOperations}/${reflex.totalOperations}` : \"\";\nvar Log = {\n request: request,\n success: success,\n halted: halted$1,\n forbidden: forbidden$1,\n error: error$1\n};\nconst multipleInstances = element => {\n if ([\"checkbox\", \"radio\"].includes(element.type)) {\n return document.querySelectorAll(`input[type=\"${element.type}\"][name=\"${element.name}\"]`).length > 1;\n }\n return false;\n};\nconst collectCheckedOptions = element => Array.from(element.querySelectorAll(\"option:checked\")).concat(Array.from(document.querySelectorAll(`input[type=\"${element.type}\"][name=\"${element.name}\"]`)).filter(elem => elem.checked)).map(o => o.value);\nconst attributeValue = function () {\n let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];\n const value = Array.from(new Set(values.filter(v => v && String(v).length).map(v => v.trim()))).join(\" \").trim();\n return value.length > 0 ? value : null;\n};\nconst attributeValues = value => {\n if (!value) return [];\n if (!value.length) return [];\n return value.split(\" \").filter(v => v.trim().length);\n};\nconst extractElementAttributes = element => {\n let attrs = Array.from(element.attributes).reduce((memo, attr) => {\n memo[attr.name] = attr.value;\n return memo;\n }, {});\n attrs.checked = !!element.checked;\n attrs.selected = !!element.selected;\n attrs.tag_name = element.tagName;\n if (element.tagName.match(/select/i) || multipleInstances(element)) {\n const collectedOptions = collectCheckedOptions(element);\n attrs.values = collectedOptions;\n attrs.value = collectedOptions.join(\",\");\n } else {\n attrs.value = element.value;\n }\n return attrs;\n};\nconst getElementsFromTokens = (element, tokens) => {\n if (!tokens || tokens.length === 0) return [];\n let elements = [element];\n const xPath = elementToXPath(element);\n tokens.forEach(token => {\n try {\n switch (token) {\n case \"combined\":\n if (Deprecate.enabled) console.warn(\"In the next version of StimulusReflex, the 'combined' option to data-reflex-dataset will become 'ancestors'.\");\n elements = [...elements, ...XPathToArray(`${xPath}/ancestor::*`, true)];\n break;\n case \"ancestors\":\n elements = [...elements, ...XPathToArray(`${xPath}/ancestor::*`, true)];\n break;\n case \"parent\":\n elements = [...elements, ...XPathToArray(`${xPath}/parent::*`)];\n break;\n case \"siblings\":\n elements = [...elements, ...XPathToArray(`${xPath}/preceding-sibling::*|${xPath}/following-sibling::*`)];\n break;\n case \"children\":\n elements = [...elements, ...XPathToArray(`${xPath}/child::*`)];\n break;\n case \"descendants\":\n elements = [...elements, ...XPathToArray(`${xPath}/descendant::*`)];\n break;\n default:\n elements = [...elements, ...document.querySelectorAll(token)];\n }\n } catch (error) {\n if (Debug$1.enabled) console.error(error);\n }\n });\n return elements;\n};\nconst extractElementDataset = element => {\n const dataset = element.attributes[Schema.reflexDataset];\n const allDataset = element.attributes[Schema.reflexDatasetAll];\n const tokens = dataset && dataset.value.split(\" \") || [];\n const allTokens = allDataset && allDataset.value.split(\" \") || [];\n const datasetElements = getElementsFromTokens(element, tokens);\n const datasetAllElements = getElementsFromTokens(element, allTokens);\n const datasetAttributes = datasetElements.reduce((acc, ele) => _objectSpread(_objectSpread({}, extractDataAttributes(ele)), acc), {});\n const reflexElementAttributes = extractDataAttributes(element);\n const elementDataset = {\n dataset: _objectSpread(_objectSpread({}, reflexElementAttributes), datasetAttributes),\n datasetAll: {}\n };\n datasetAllElements.forEach(element => {\n const elementAttributes = extractDataAttributes(element);\n Object.keys(elementAttributes).forEach(key => {\n const value = elementAttributes[key];\n if (elementDataset.datasetAll[key] && Array.isArray(elementDataset.datasetAll[key])) {\n elementDataset.datasetAll[key].push(value);\n } else {\n elementDataset.datasetAll[key] = [value];\n }\n });\n });\n return elementDataset;\n};\nconst extractDataAttributes = element => {\n let attrs = {};\n if (element && element.attributes) {\n Array.from(element.attributes).forEach(attr => {\n if (attr.name.startsWith(\"data-\")) {\n attrs[attr.name] = attr.value;\n }\n });\n }\n return attrs;\n};\nvar name = \"stimulus_reflex\";\nvar version = \"3.5.3\";\nvar description = \"Build reactive applications with the Rails tooling you already know and love.\";\nvar keywords = [\"ruby\", \"rails\", \"websockets\", \"actioncable\", \"turbolinks\", \"reactive\", \"cable\", \"ujs\", \"ssr\", \"stimulus\", \"reflex\", \"stimulus_reflex\", \"dom\", \"morphdom\"];\nvar homepage = \"https://docs.stimulusreflex.com\";\nvar bugs = \"https://github.com/stimulusreflex/stimulus_reflex/issues\";\nvar repository = \"https://github.com/stimulusreflex/stimulus_reflex\";\nvar license = \"MIT\";\nvar author = \"Nathan Hopkins \";\nvar contributors = [\"Andrew Mason \", \"Julian Rubisch \", \"Marco Roth \", \"Nathan Hopkins \"];\nvar main = \"./dist/stimulus_reflex.js\";\nvar module = \"./dist/stimulus_reflex.js\";\nvar browser = \"./dist/stimulus_reflex.js\";\nvar unpkg = \"./dist/stimulus_reflex.umd.js\";\nvar umd = \"./dist/stimulus_reflex.umd.js\";\nvar files = [\"dist/*\", \"javascript/*\"];\nvar scripts = {\n lint: \"yarn run format --check\",\n format: \"yarn run prettier-standard ./javascript/**/*.js rollup.config.mjs\",\n build: \"yarn rollup -c\",\n \"build:watch\": \"yarn rollup -wc\",\n watch: \"yarn build:watch\",\n test: \"web-test-runner javascript/test/**/*.test.js\",\n \"test:watch\": \"yarn test --watch\",\n \"docs:dev\": \"vitepress dev docs\",\n \"docs:build\": \"vitepress build docs && cp docs/_redirects docs/.vitepress/dist\",\n \"docs:preview\": \"vitepress preview docs\"\n};\nvar peerDependencies = {\n \"@hotwired/stimulus\": \">= 3.0\"\n};\nvar dependencies = {\n \"@hotwired/stimulus\": \"^3\",\n \"@rails/actioncable\": \"^6 || ^7\",\n cable_ready: \"^5.0.6\"\n};\nvar devDependencies = {\n \"@open-wc/testing\": \"^4.0.0\",\n \"@rollup/plugin-json\": \"^6.1.0\",\n \"@rollup/plugin-node-resolve\": \"^15.3.0\",\n \"@rollup/plugin-terser\": \"^0.4.4\",\n \"@web/dev-server-esbuild\": \"^1.0.2\",\n \"@web/dev-server-rollup\": \"^0.6.4\",\n \"@web/test-runner\": \"^0.19.0\",\n \"prettier-standard\": \"^16.4.1\",\n rollup: \"^4.22.4\",\n \"toastify-js\": \"^1.12.0\",\n vitepress: \"^1.0.0-beta.1\"\n};\nvar packageInfo = {\n name: name,\n version: version,\n description: description,\n keywords: keywords,\n homepage: homepage,\n bugs: bugs,\n repository: repository,\n license: license,\n author: author,\n contributors: contributors,\n main: main,\n module: module,\n browser: browser,\n import: \"./dist/stimulus_reflex.js\",\n unpkg: unpkg,\n umd: umd,\n files: files,\n scripts: scripts,\n peerDependencies: peerDependencies,\n dependencies: dependencies,\n devDependencies: devDependencies\n};\nclass ReflexData {\n constructor(options, reflexElement, controllerElement, reflexController, permanentAttributeName, target, args, url, tabId) {\n this.options = options;\n this.reflexElement = reflexElement;\n this.controllerElement = controllerElement;\n this.reflexController = reflexController;\n this.permanentAttributeName = permanentAttributeName;\n this.target = target;\n this.args = args;\n this.url = url;\n this.tabId = tabId;\n }\n get attrs() {\n this._attrs = this._attrs || this.options[\"attrs\"] || extractElementAttributes(this.reflexElement);\n return this._attrs;\n }\n get id() {\n this._id = this._id || this.options[\"id\"] || uuidv4();\n return this._id;\n }\n get selectors() {\n this._selectors = this._selectors || this.options[\"selectors\"] || getReflexRoots(this.reflexElement);\n return typeof this._selectors === \"string\" ? [this._selectors] : this._selectors;\n }\n get resolveLate() {\n return this.options[\"resolveLate\"] || false;\n }\n get dataset() {\n this._dataset = this._dataset || extractElementDataset(this.reflexElement);\n return this._dataset;\n }\n get innerHTML() {\n return this.includeInnerHtml ? this.reflexElement.innerHTML : \"\";\n }\n get textContent() {\n return this.includeTextContent ? this.reflexElement.textContent : \"\";\n }\n get xpathController() {\n return elementToXPath(this.controllerElement);\n }\n get xpathElement() {\n return elementToXPath(this.reflexElement);\n }\n get formSelector() {\n const attr = this.reflexElement.attributes[Schema.reflexFormSelector] ? this.reflexElement.attributes[Schema.reflexFormSelector].value : undefined;\n return this.options[\"formSelector\"] || attr;\n }\n get includeInnerHtml() {\n const attr = this.reflexElement.attributes[Schema.reflexIncludeInnerHtml] || false;\n return this.options[\"includeInnerHTML\"] || attr ? attr.value !== \"false\" : false;\n }\n get includeTextContent() {\n const attr = this.reflexElement.attributes[Schema.reflexIncludeTextContent] || false;\n return this.options[\"includeTextContent\"] || attr ? attr.value !== \"false\" : false;\n }\n get suppressLogging() {\n return this.options[\"suppressLogging\"] || this.reflexElement.attributes[Schema.reflexSuppressLogging] || false;\n }\n valueOf() {\n return {\n attrs: this.attrs,\n dataset: this.dataset,\n selectors: this.selectors,\n id: this.id,\n resolveLate: this.resolveLate,\n suppressLogging: this.suppressLogging,\n xpathController: this.xpathController,\n xpathElement: this.xpathElement,\n inner_html: this.innerHTML,\n text_content: this.textContent,\n formSelector: this.formSelector,\n reflexController: this.reflexController,\n permanentAttributeName: this.permanentAttributeName,\n target: this.target,\n args: this.args,\n url: this.url,\n tabId: this.tabId,\n version: packageInfo.version\n };\n }\n}\nlet transport = {};\nvar Transport = {\n get plugin() {\n return transport;\n },\n set(newTransport) {\n transport = newTransport;\n }\n};\nconst beforeDOMUpdate = event => {\n const _ref3 = event.detail || {},\n stimulusReflex = _ref3.stimulusReflex;\n if (!stimulusReflex) return;\n const reflex = reflexes[stimulusReflex.id];\n reflex.pendingOperations--;\n if (reflex.pendingOperations > 0) return;\n if (!stimulusReflex.resolveLate) setTimeout(() => reflex.promise.resolve({\n element: reflex.element,\n event: event,\n data: reflex.data,\n payload: reflex.payload,\n id: reflex.id,\n toString: () => \"\"\n }));\n setTimeout(() => dispatchLifecycleEvent(reflex, \"success\"));\n};\nconst afterDOMUpdate = event => {\n const _ref4 = event.detail || {},\n stimulusReflex = _ref4.stimulusReflex;\n if (!stimulusReflex) return;\n const reflex = reflexes[stimulusReflex.id];\n reflex.completedOperations++;\n reflex.selector = event.detail.selector;\n reflex.morph = event.detail.stimulusReflex.morph;\n reflex.operation = event.type.split(\":\")[1].split(\"-\").slice(1).join(\"_\");\n Log.success(reflex);\n if (reflex.completedOperations < reflex.totalOperations) return;\n if (stimulusReflex.resolveLate) setTimeout(() => reflex.promise.resolve({\n element: reflex.element,\n event: event,\n data: reflex.data,\n payload: reflex.payload,\n id: reflex.id,\n toString: () => \"\"\n }));\n setTimeout(() => dispatchLifecycleEvent(reflex, \"finalize\"));\n if (reflex.piggybackOperations.length) CableReady.perform(reflex.piggybackOperations);\n};\nconst routeReflexEvent = event => {\n const _ref5 = event.detail || {},\n stimulusReflex = _ref5.stimulusReflex,\n name = _ref5.name;\n const eventType = name.split(\"-\")[2];\n const eventTypes = {\n nothing: nothing,\n halted: halted,\n forbidden: forbidden,\n error: error\n };\n if (!stimulusReflex || !Object.keys(eventTypes).includes(eventType)) return;\n const reflex = reflexes[stimulusReflex.id];\n reflex.completedOperations++;\n reflex.pendingOperations--;\n reflex.selector = event.detail.selector;\n reflex.morph = event.detail.stimulusReflex.morph;\n reflex.operation = event.type.split(\":\")[1].split(\"-\").slice(1).join(\"_\");\n if (eventType === \"error\") reflex.error = event.detail.error;\n eventTypes[eventType](reflex, event);\n setTimeout(() => dispatchLifecycleEvent(reflex, eventType));\n if (reflex.piggybackOperations.length) CableReady.perform(reflex.piggybackOperations);\n};\nconst nothing = (reflex, event) => {\n Log.success(reflex);\n setTimeout(() => reflex.promise.resolve({\n data: reflex.data,\n element: reflex.element,\n event: event,\n payload: reflex.payload,\n id: reflex.id,\n toString: () => \"\"\n }));\n};\nconst halted = (reflex, event) => {\n Log.halted(reflex, event);\n setTimeout(() => reflex.promise.resolve({\n data: reflex.data,\n element: reflex.element,\n event: event,\n payload: reflex.payload,\n id: reflex.id,\n toString: () => \"\"\n }));\n};\nconst forbidden = (reflex, event) => {\n Log.forbidden(reflex, event);\n setTimeout(() => reflex.promise.resolve({\n data: reflex.data,\n element: reflex.element,\n event: event,\n payload: reflex.payload,\n id: reflex.id,\n toString: () => \"\"\n }));\n};\nconst error = (reflex, event) => {\n Log.error(reflex, event);\n setTimeout(() => reflex.promise.reject({\n data: reflex.data,\n element: reflex.element,\n event: event,\n payload: reflex.payload,\n id: reflex.id,\n error: reflex.error,\n toString: () => reflex.error\n }));\n};\nconst localReflexControllers = element => {\n const potentialIdentifiers = attributeValues(element.getAttribute(Schema.controller));\n const potentialControllers = potentialIdentifiers.map(identifier => App.app.getControllerForElementAndIdentifier(element, identifier));\n return potentialControllers.filter(controller => controller && controller.StimulusReflex);\n};\nconst allReflexControllers = element => {\n let controllers = [];\n while (element) {\n controllers = controllers.concat(localReflexControllers(element));\n element = element.parentElement;\n }\n return controllers;\n};\nconst findControllerByReflexName = (reflexName, controllers) => {\n const controller = controllers.find(controller => {\n if (!controller || !controller.identifier) return;\n const identifier = reflexNameToControllerIdentifier(extractReflexName(reflexName));\n return identifier === controller.identifier;\n });\n return controller;\n};\nconst scanForReflexes = debounce(() => {\n const reflexElements = document.querySelectorAll(`[${Schema.reflex}]`);\n reflexElements.forEach(element => scanForReflexesOnElement(element));\n}, 20);\nconst scanForReflexesOnElement = function (element) {\n let controller = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;\n const controllerAttribute = element.getAttribute(Schema.controller);\n const controllers = attributeValues(controllerAttribute).filter(controller => controller !== \"stimulus-reflex\");\n const reflexAttribute = element.getAttribute(Schema.reflex);\n const reflexAttributeNames = attributeValues(reflexAttribute);\n const actionAttribute = element.getAttribute(Schema.action);\n const actions = attributeValues(actionAttribute).filter(action => !action.includes(\"#__perform\"));\n reflexAttributeNames.forEach(reflexName => {\n const potentialControllers = [controller].concat(allReflexControllers(element));\n controller = findControllerByReflexName(reflexName, potentialControllers);\n const controllerName = controller ? controller.identifier : \"stimulus-reflex\";\n actions.push(`${reflexName.split(\"->\")[0]}->${controllerName}#__perform`);\n const parentControllerElement = element.closest(`[data-controller~=${controllerName}]`);\n const elementPreviouslyHadStimulusReflexController = element === parentControllerElement && controllerName === \"stimulus-reflex\";\n if (!parentControllerElement || elementPreviouslyHadStimulusReflexController) {\n controllers.push(controllerName);\n }\n });\n const controllerValue = attributeValue(controllers);\n const actionValue = attributeValue(actions);\n let emitReadyEvent = false;\n if (controllerValue && element.getAttribute(Schema.controller) != controllerValue) {\n element.setAttribute(Schema.controller, controllerValue);\n emitReadyEvent = true;\n }\n if (actionValue && element.getAttribute(Schema.action) != actionValue) {\n element.setAttribute(Schema.action, actionValue);\n emitReadyEvent = true;\n }\n if (emitReadyEvent) {\n dispatch(element, \"stimulus-reflex:ready\", {\n reflex: reflexAttribute,\n controller: controllerValue,\n action: actionValue,\n element: element\n });\n }\n};\nclass StimulusReflexController extends Controller {\n constructor() {\n super(...arguments);\n register(this);\n }\n}\nconst tabId = uuidv4();\nconst initialize = function (application) {\n let _ref6 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},\n controller = _ref6.controller,\n consumer = _ref6.consumer,\n debug = _ref6.debug,\n params = _ref6.params,\n isolate = _ref6.isolate,\n deprecate = _ref6.deprecate,\n transport = _ref6.transport;\n Transport.set(transport || ActionCableTransport);\n Transport.plugin.initialize(consumer, params);\n IsolationMode.set(!!isolate);\n App.set(application);\n Schema.set(application);\n App.app.register(\"stimulus-reflex\", controller || StimulusReflexController);\n Debug$1.set(!!debug);\n if (typeof deprecate !== \"undefined\") Deprecate.set(deprecate);\n const observer = new MutationObserver(scanForReflexes);\n observer.observe(document.documentElement, {\n attributeFilter: [Schema.reflex, Schema.action],\n childList: true,\n subtree: true\n });\n emitEvent(\"stimulus-reflex:initialized\");\n};\nconst register = function (controller) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n const channel = \"StimulusReflex::Channel\";\n controller.StimulusReflex = _objectSpread(_objectSpread({}, options), {}, {\n channel: channel\n });\n Transport.plugin.subscribe(controller);\n Object.assign(controller, {\n stimulate() {\n const url = location.href;\n const controllerElement = this.element;\n const args = Array.from(arguments);\n const target = args.shift() || \"StimulusReflex::Reflex#default_reflex\";\n const reflexElement = getReflexElement(args, controllerElement);\n if (elementInvalid(reflexElement)) {\n if (Debug$1.enabled) console.warn(\"Reflex aborted: invalid numeric input\");\n return;\n }\n const options = getReflexOptions(args);\n const reflexData = new ReflexData(options, reflexElement, controllerElement, this.identifier, Schema.reflexPermanent, target, args, url, tabId);\n const id = reflexData.id;\n controllerElement.reflexController = controllerElement.reflexController || {};\n controllerElement.reflexData = controllerElement.reflexData || {};\n controllerElement.reflexError = controllerElement.reflexError || {};\n controllerElement.reflexController[id] = this;\n controllerElement.reflexData[id] = reflexData.valueOf();\n const reflex = new Reflex(reflexData, this);\n reflexes[id] = reflex;\n this.lastReflex = reflex;\n dispatchLifecycleEvent(reflex, \"before\");\n setTimeout(() => {\n const _ref7 = controllerElement.reflexData[id] || {},\n params = _ref7.params;\n const check = reflexElement.attributes[Schema.reflexSerializeForm];\n if (check) {\n options[\"serializeForm\"] = check.value !== \"false\";\n }\n const form = reflexElement.closest(reflexData.formSelector) || document.querySelector(reflexData.formSelector) || reflexElement.closest(\"form\");\n if (Deprecate.enabled && options[\"serializeForm\"] === undefined && form) console.warn(`Deprecation warning: the next version of StimulusReflex will not serialize forms by default.\\nPlease set ${Schema.reflexSerializeForm}=\"true\" on your Reflex Controller Element or pass { serializeForm: true } as an option to stimulate.`);\n const formData = options[\"serializeForm\"] === false ? \"\" : serializeForm(form, {\n element: reflexElement\n });\n reflex.data = _objectSpread(_objectSpread({}, reflexData.valueOf()), {}, {\n params: params,\n formData: formData\n });\n controllerElement.reflexData[id] = reflex.data;\n Transport.plugin.deliver(reflex);\n });\n Log.request(reflex);\n return reflex.getPromise;\n },\n __perform(event) {\n let element = event.target;\n let reflex;\n while (element && !reflex) {\n reflex = element.getAttribute(Schema.reflex);\n if (!reflex || !reflex.trim().length) element = element.parentElement;\n }\n const match = attributeValues(reflex).find(reflex => reflex.split(\"->\")[0] === event.type);\n if (match) {\n event.preventDefault();\n event.stopPropagation();\n this.stimulate(match.split(\"->\")[1], element);\n }\n }\n });\n if (!controller.reflexes) Object.defineProperty(controller, \"reflexes\", {\n get() {\n return new Proxy(reflexes, {\n get: function (target, prop) {\n if (prop === \"last\") return this.lastReflex;\n return Object.fromEntries(Object.entries(target[prop]).filter(_ref8 => {\n let _ref9 = _slicedToArray(_ref8, 2),\n _ = _ref9[0],\n reflex = _ref9[1];\n return reflex.controller === this;\n }));\n }.bind(this)\n });\n }\n });\n scanForReflexesOnElement(controller.element, controller);\n emitEvent(\"stimulus-reflex:controller-registered\", {\n detail: {\n controller: controller\n }\n });\n};\nconst useReflex = function (controller) {\n let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n register(controller, options);\n};\ndocument.addEventListener(\"cable-ready:after-dispatch-event\", routeReflexEvent);\ndocument.addEventListener(\"cable-ready:before-inner-html\", beforeDOMUpdate);\ndocument.addEventListener(\"cable-ready:before-morph\", beforeDOMUpdate);\ndocument.addEventListener(\"cable-ready:after-inner-html\", afterDOMUpdate);\ndocument.addEventListener(\"cable-ready:after-morph\", afterDOMUpdate);\ndocument.addEventListener(\"readystatechange\", () => {\n if (document.readyState === \"complete\") {\n scanForReflexes();\n }\n});\nvar StimulusReflex = Object.freeze({\n __proto__: null,\n StimulusReflexController: StimulusReflexController,\n initialize: initialize,\n reflexes: reflexes,\n register: register,\n scanForReflexes: scanForReflexes,\n scanForReflexesOnElement: scanForReflexesOnElement,\n useReflex: useReflex\n});\nconst global = _objectSpread(_objectSpread({\n version: packageInfo.version\n}, StimulusReflex), {}, {\n get debug() {\n return Debug$1.value;\n },\n set debug(value) {\n Debug$1.set(!!value);\n },\n get deprecate() {\n return Deprecate.value;\n },\n set deprecate(value) {\n Deprecate.set(!!value);\n }\n});\nwindow.StimulusReflex = global;\nexport { StimulusReflexController, global as default, initialize, reflexes, register, scanForReflexes, scanForReflexesOnElement, useReflex };","function t() {\n return t = Object.assign ? Object.assign.bind() : function (t) {\n for (var s = 1; s < arguments.length; s++) {\n var e = arguments[s];\n for (var n in e) Object.prototype.hasOwnProperty.call(e, n) && (t[n] = e[n]);\n }\n return t;\n }, t.apply(this, arguments);\n}\nvar s = {\n strings: [\"These are the default values...\", \"You know what you should do?\", \"Use your own!\", \"Have a great day!\"],\n stringsElement: null,\n typeSpeed: 0,\n startDelay: 0,\n backSpeed: 0,\n smartBackspace: !0,\n shuffle: !1,\n backDelay: 700,\n fadeOut: !1,\n fadeOutClass: \"typed-fade-out\",\n fadeOutDelay: 500,\n loop: !1,\n loopCount: Infinity,\n showCursor: !0,\n cursorChar: \"|\",\n autoInsertCss: !0,\n attr: null,\n bindInputFocusEvents: !1,\n contentType: \"html\",\n onBegin: function (t) {},\n onComplete: function (t) {},\n preStringTyped: function (t, s) {},\n onStringTyped: function (t, s) {},\n onLastStringBackspaced: function (t) {},\n onTypingPaused: function (t, s) {},\n onTypingResumed: function (t, s) {},\n onReset: function (t) {},\n onStop: function (t, s) {},\n onStart: function (t, s) {},\n onDestroy: function (t) {}\n },\n e = new (/*#__PURE__*/function () {\n function e() {}\n var n = e.prototype;\n return n.load = function (e, n, i) {\n if (e.el = \"string\" == typeof i ? document.querySelector(i) : i, e.options = t({}, s, n), e.isInput = \"input\" === e.el.tagName.toLowerCase(), e.attr = e.options.attr, e.bindInputFocusEvents = e.options.bindInputFocusEvents, e.showCursor = !e.isInput && e.options.showCursor, e.cursorChar = e.options.cursorChar, e.cursorBlinking = !0, e.elContent = e.attr ? e.el.getAttribute(e.attr) : e.el.textContent, e.contentType = e.options.contentType, e.typeSpeed = e.options.typeSpeed, e.startDelay = e.options.startDelay, e.backSpeed = e.options.backSpeed, e.smartBackspace = e.options.smartBackspace, e.backDelay = e.options.backDelay, e.fadeOut = e.options.fadeOut, e.fadeOutClass = e.options.fadeOutClass, e.fadeOutDelay = e.options.fadeOutDelay, e.isPaused = !1, e.strings = e.options.strings.map(function (t) {\n return t.trim();\n }), e.stringsElement = \"string\" == typeof e.options.stringsElement ? document.querySelector(e.options.stringsElement) : e.options.stringsElement, e.stringsElement) {\n e.strings = [], e.stringsElement.style.cssText = \"clip: rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px;\";\n var r = Array.prototype.slice.apply(e.stringsElement.children),\n o = r.length;\n if (o) for (var a = 0; a < o; a += 1) e.strings.push(r[a].innerHTML.trim());\n }\n for (var u in e.strPos = 0, e.currentElContent = this.getCurrentElContent(e), e.currentElContent && e.currentElContent.length > 0 && (e.strPos = e.currentElContent.length - 1, e.strings.unshift(e.currentElContent)), e.sequence = [], e.strings) e.sequence[u] = u;\n e.arrayPos = 0, e.stopNum = 0, e.loop = e.options.loop, e.loopCount = e.options.loopCount, e.curLoop = 0, e.shuffle = e.options.shuffle, e.pause = {\n status: !1,\n typewrite: !0,\n curString: \"\",\n curStrPos: 0\n }, e.typingComplete = !1, e.autoInsertCss = e.options.autoInsertCss, e.autoInsertCss && (this.appendCursorAnimationCss(e), this.appendFadeOutAnimationCss(e));\n }, n.getCurrentElContent = function (t) {\n return t.attr ? t.el.getAttribute(t.attr) : t.isInput ? t.el.value : \"html\" === t.contentType ? t.el.innerHTML : t.el.textContent;\n }, n.appendCursorAnimationCss = function (t) {\n var s = \"data-typed-js-cursor-css\";\n if (t.showCursor && !document.querySelector(\"[\" + s + \"]\")) {\n var e = document.createElement(\"style\");\n e.setAttribute(s, \"true\"), e.innerHTML = \"\\n .typed-cursor{\\n opacity: 1;\\n }\\n .typed-cursor.typed-cursor--blink{\\n animation: typedjsBlink 0.7s infinite;\\n -webkit-animation: typedjsBlink 0.7s infinite;\\n animation: typedjsBlink 0.7s infinite;\\n }\\n @keyframes typedjsBlink{\\n 50% { opacity: 0.0; }\\n }\\n @-webkit-keyframes typedjsBlink{\\n 0% { opacity: 1; }\\n 50% { opacity: 0.0; }\\n 100% { opacity: 1; }\\n }\\n \", document.body.appendChild(e);\n }\n }, n.appendFadeOutAnimationCss = function (t) {\n var s = \"data-typed-fadeout-js-css\";\n if (t.fadeOut && !document.querySelector(\"[\" + s + \"]\")) {\n var e = document.createElement(\"style\");\n e.setAttribute(s, \"true\"), e.innerHTML = \"\\n .typed-fade-out{\\n opacity: 0;\\n transition: opacity .25s;\\n }\\n .typed-cursor.typed-cursor--blink.typed-fade-out{\\n -webkit-animation: 0;\\n animation: 0;\\n }\\n \", document.body.appendChild(e);\n }\n }, e;\n }())(),\n n = new (/*#__PURE__*/function () {\n function t() {}\n var s = t.prototype;\n return s.typeHtmlChars = function (t, s, e) {\n if (\"html\" !== e.contentType) return s;\n var n = t.substring(s).charAt(0);\n if (\"<\" === n || \"&\" === n) {\n var i;\n for (i = \"<\" === n ? \">\" : \";\"; t.substring(s + 1).charAt(0) !== i && !(1 + ++s > t.length););\n s++;\n }\n return s;\n }, s.backSpaceHtmlChars = function (t, s, e) {\n if (\"html\" !== e.contentType) return s;\n var n = t.substring(s).charAt(0);\n if (\">\" === n || \";\" === n) {\n var i;\n for (i = \">\" === n ? \"<\" : \"&\"; t.substring(s - 1).charAt(0) !== i && !(--s < 0););\n s--;\n }\n return s;\n }, t;\n }())(),\n i = /*#__PURE__*/function () {\n function t(t, s) {\n e.load(this, s, t), this.begin();\n }\n var s = t.prototype;\n return s.toggle = function () {\n this.pause.status ? this.start() : this.stop();\n }, s.stop = function () {\n this.typingComplete || this.pause.status || (this.toggleBlinking(!0), this.pause.status = !0, this.options.onStop(this.arrayPos, this));\n }, s.start = function () {\n this.typingComplete || this.pause.status && (this.pause.status = !1, this.pause.typewrite ? this.typewrite(this.pause.curString, this.pause.curStrPos) : this.backspace(this.pause.curString, this.pause.curStrPos), this.options.onStart(this.arrayPos, this));\n }, s.destroy = function () {\n this.reset(!1), this.options.onDestroy(this);\n }, s.reset = function (t) {\n void 0 === t && (t = !0), clearInterval(this.timeout), this.replaceText(\"\"), this.cursor && this.cursor.parentNode && (this.cursor.parentNode.removeChild(this.cursor), this.cursor = null), this.strPos = 0, this.arrayPos = 0, this.curLoop = 0, t && (this.insertCursor(), this.options.onReset(this), this.begin());\n }, s.begin = function () {\n var t = this;\n this.options.onBegin(this), this.typingComplete = !1, this.shuffleStringsIfNeeded(this), this.insertCursor(), this.bindInputFocusEvents && this.bindFocusEvents(), this.timeout = setTimeout(function () {\n 0 === t.strPos ? t.typewrite(t.strings[t.sequence[t.arrayPos]], t.strPos) : t.backspace(t.strings[t.sequence[t.arrayPos]], t.strPos);\n }, this.startDelay);\n }, s.typewrite = function (t, s) {\n var e = this;\n this.fadeOut && this.el.classList.contains(this.fadeOutClass) && (this.el.classList.remove(this.fadeOutClass), this.cursor && this.cursor.classList.remove(this.fadeOutClass));\n var i = this.humanizer(this.typeSpeed),\n r = 1;\n !0 !== this.pause.status ? this.timeout = setTimeout(function () {\n s = n.typeHtmlChars(t, s, e);\n var i = 0,\n o = t.substring(s);\n if (\"^\" === o.charAt(0) && /^\\^\\d+/.test(o)) {\n var a = 1;\n a += (o = /\\d+/.exec(o)[0]).length, i = parseInt(o), e.temporaryPause = !0, e.options.onTypingPaused(e.arrayPos, e), t = t.substring(0, s) + t.substring(s + a), e.toggleBlinking(!0);\n }\n if (\"`\" === o.charAt(0)) {\n for (; \"`\" !== t.substring(s + r).charAt(0) && (r++, !(s + r > t.length)););\n var u = t.substring(0, s),\n p = t.substring(u.length + 1, s + r),\n c = t.substring(s + r + 1);\n t = u + p + c, r--;\n }\n e.timeout = setTimeout(function () {\n e.toggleBlinking(!1), s >= t.length ? e.doneTyping(t, s) : e.keepTyping(t, s, r), e.temporaryPause && (e.temporaryPause = !1, e.options.onTypingResumed(e.arrayPos, e));\n }, i);\n }, i) : this.setPauseStatus(t, s, !0);\n }, s.keepTyping = function (t, s, e) {\n 0 === s && (this.toggleBlinking(!1), this.options.preStringTyped(this.arrayPos, this));\n var n = t.substring(0, s += e);\n this.replaceText(n), this.typewrite(t, s);\n }, s.doneTyping = function (t, s) {\n var e = this;\n this.options.onStringTyped(this.arrayPos, this), this.toggleBlinking(!0), this.arrayPos === this.strings.length - 1 && (this.complete(), !1 === this.loop || this.curLoop === this.loopCount) || (this.timeout = setTimeout(function () {\n e.backspace(t, s);\n }, this.backDelay));\n }, s.backspace = function (t, s) {\n var e = this;\n if (!0 !== this.pause.status) {\n if (this.fadeOut) return this.initFadeOut();\n this.toggleBlinking(!1);\n var i = this.humanizer(this.backSpeed);\n this.timeout = setTimeout(function () {\n s = n.backSpaceHtmlChars(t, s, e);\n var i = t.substring(0, s);\n if (e.replaceText(i), e.smartBackspace) {\n var r = e.strings[e.arrayPos + 1];\n e.stopNum = r && i === r.substring(0, s) ? s : 0;\n }\n s > e.stopNum ? (s--, e.backspace(t, s)) : s <= e.stopNum && (e.arrayPos++, e.arrayPos === e.strings.length ? (e.arrayPos = 0, e.options.onLastStringBackspaced(), e.shuffleStringsIfNeeded(), e.begin()) : e.typewrite(e.strings[e.sequence[e.arrayPos]], s));\n }, i);\n } else this.setPauseStatus(t, s, !1);\n }, s.complete = function () {\n this.options.onComplete(this), this.loop ? this.curLoop++ : this.typingComplete = !0;\n }, s.setPauseStatus = function (t, s, e) {\n this.pause.typewrite = e, this.pause.curString = t, this.pause.curStrPos = s;\n }, s.toggleBlinking = function (t) {\n this.cursor && (this.pause.status || this.cursorBlinking !== t && (this.cursorBlinking = t, t ? this.cursor.classList.add(\"typed-cursor--blink\") : this.cursor.classList.remove(\"typed-cursor--blink\")));\n }, s.humanizer = function (t) {\n return Math.round(Math.random() * t / 2) + t;\n }, s.shuffleStringsIfNeeded = function () {\n this.shuffle && (this.sequence = this.sequence.sort(function () {\n return Math.random() - .5;\n }));\n }, s.initFadeOut = function () {\n var t = this;\n return this.el.className += \" \" + this.fadeOutClass, this.cursor && (this.cursor.className += \" \" + this.fadeOutClass), setTimeout(function () {\n t.arrayPos++, t.replaceText(\"\"), t.strings.length > t.arrayPos ? t.typewrite(t.strings[t.sequence[t.arrayPos]], 0) : (t.typewrite(t.strings[0], 0), t.arrayPos = 0);\n }, this.fadeOutDelay);\n }, s.replaceText = function (t) {\n this.attr ? this.el.setAttribute(this.attr, t) : this.isInput ? this.el.value = t : \"html\" === this.contentType ? this.el.innerHTML = t : this.el.textContent = t;\n }, s.bindFocusEvents = function () {\n var t = this;\n this.isInput && (this.el.addEventListener(\"focus\", function (s) {\n t.stop();\n }), this.el.addEventListener(\"blur\", function (s) {\n t.el.value && 0 !== t.el.value.length || t.start();\n }));\n }, s.insertCursor = function () {\n this.showCursor && (this.cursor || (this.cursor = document.createElement(\"span\"), this.cursor.className = \"typed-cursor\", this.cursor.setAttribute(\"aria-hidden\", !0), this.cursor.innerHTML = this.cursorChar, this.el.parentNode && this.el.parentNode.insertBefore(this.cursor, this.el.nextSibling)));\n }, t;\n }();\nexport { i as default };","import Typed from 'typed.js';\n\nconst loadDynamicBannerText = () => {\n new Typed('#banner-typed-text', {\n strings: ['', '
We cannot fly on your helicopter due to GDPR non compliance
','
l Eglise est au centre du village
','
to be fully honnest and transparent...we do not have the budget.
', '
A un moment....faut y aller
', '
This is a Shipowners market
', '
From zero to hero !
', '
On the nick of a time!
', '
This is NOT a democracy','
Haliade 220 is just a big Haliade 150 Whatever the mission How to lift a 12t frafo with a 100m jack up Vessel? ☝️
','
so Shabby Chic!
', '
In case, I know pretty well the mayor of La Baule...
', '
Il faut savoir ménager la chèvre et le chou
', \"
Pas Sturla, mais le tour d'après
\"],\n typeSpeed: 50,\n loop: true,\n smartBackspace: true\n });\n}\n\nexport { loadDynamicBannerText };","var adapters = {\n logger: typeof console !== \"undefined\" ? console : undefined,\n WebSocket: typeof WebSocket !== \"undefined\" ? WebSocket : undefined\n};\nvar logger = {\n log() {\n if (this.enabled) {\n for (var _len = arguments.length, messages = new Array(_len), _key = 0; _key < _len; _key++) {\n messages[_key] = arguments[_key];\n }\n messages.push(Date.now());\n adapters.logger.log(\"[ActionCable]\", ...messages);\n }\n }\n};\nconst now = () => new Date().getTime();\nconst secondsSince = time => (now() - time) / 1e3;\nclass ConnectionMonitor {\n constructor(connection) {\n this.visibilityDidChange = this.visibilityDidChange.bind(this);\n this.connection = connection;\n this.reconnectAttempts = 0;\n }\n start() {\n if (!this.isRunning()) {\n this.startedAt = now();\n delete this.stoppedAt;\n this.startPolling();\n addEventListener(\"visibilitychange\", this.visibilityDidChange);\n logger.log(`ConnectionMonitor started. stale threshold = ${this.constructor.staleThreshold} s`);\n }\n }\n stop() {\n if (this.isRunning()) {\n this.stoppedAt = now();\n this.stopPolling();\n removeEventListener(\"visibilitychange\", this.visibilityDidChange);\n logger.log(\"ConnectionMonitor stopped\");\n }\n }\n isRunning() {\n return this.startedAt && !this.stoppedAt;\n }\n recordMessage() {\n this.pingedAt = now();\n }\n recordConnect() {\n this.reconnectAttempts = 0;\n delete this.disconnectedAt;\n logger.log(\"ConnectionMonitor recorded connect\");\n }\n recordDisconnect() {\n this.disconnectedAt = now();\n logger.log(\"ConnectionMonitor recorded disconnect\");\n }\n startPolling() {\n this.stopPolling();\n this.poll();\n }\n stopPolling() {\n clearTimeout(this.pollTimeout);\n }\n poll() {\n this.pollTimeout = setTimeout(() => {\n this.reconnectIfStale();\n this.poll();\n }, this.getPollInterval());\n }\n getPollInterval() {\n const _this$constructor = this.constructor,\n staleThreshold = _this$constructor.staleThreshold,\n reconnectionBackoffRate = _this$constructor.reconnectionBackoffRate;\n const backoff = Math.pow(1 + reconnectionBackoffRate, Math.min(this.reconnectAttempts, 10));\n const jitterMax = this.reconnectAttempts === 0 ? 1 : reconnectionBackoffRate;\n const jitter = jitterMax * Math.random();\n return staleThreshold * 1e3 * backoff * (1 + jitter);\n }\n reconnectIfStale() {\n if (this.connectionIsStale()) {\n logger.log(`ConnectionMonitor detected stale connection. reconnectAttempts = ${this.reconnectAttempts}, time stale = ${secondsSince(this.refreshedAt)} s, stale threshold = ${this.constructor.staleThreshold} s`);\n this.reconnectAttempts++;\n if (this.disconnectedRecently()) {\n logger.log(`ConnectionMonitor skipping reopening recent disconnect. time disconnected = ${secondsSince(this.disconnectedAt)} s`);\n } else {\n logger.log(\"ConnectionMonitor reopening\");\n this.connection.reopen();\n }\n }\n }\n get refreshedAt() {\n return this.pingedAt ? this.pingedAt : this.startedAt;\n }\n connectionIsStale() {\n return secondsSince(this.refreshedAt) > this.constructor.staleThreshold;\n }\n disconnectedRecently() {\n return this.disconnectedAt && secondsSince(this.disconnectedAt) < this.constructor.staleThreshold;\n }\n visibilityDidChange() {\n if (document.visibilityState === \"visible\") {\n setTimeout(() => {\n if (this.connectionIsStale() || !this.connection.isOpen()) {\n logger.log(`ConnectionMonitor reopening stale connection on visibilitychange. visibilityState = ${document.visibilityState}`);\n this.connection.reopen();\n }\n }, 200);\n }\n }\n}\nConnectionMonitor.staleThreshold = 6;\nConnectionMonitor.reconnectionBackoffRate = .15;\nvar INTERNAL = {\n message_types: {\n welcome: \"welcome\",\n disconnect: \"disconnect\",\n ping: \"ping\",\n confirmation: \"confirm_subscription\",\n rejection: \"reject_subscription\"\n },\n disconnect_reasons: {\n unauthorized: \"unauthorized\",\n invalid_request: \"invalid_request\",\n server_restart: \"server_restart\",\n remote: \"remote\"\n },\n default_mount_path: \"/cable\",\n protocols: [\"actioncable-v1-json\", \"actioncable-unsupported\"]\n};\nconst message_types = INTERNAL.message_types,\n protocols = INTERNAL.protocols;\nconst supportedProtocols = protocols.slice(0, protocols.length - 1);\nconst indexOf = [].indexOf;\nclass Connection {\n constructor(consumer) {\n this.open = this.open.bind(this);\n this.consumer = consumer;\n this.subscriptions = this.consumer.subscriptions;\n this.monitor = new ConnectionMonitor(this);\n this.disconnected = true;\n }\n send(data) {\n if (this.isOpen()) {\n this.webSocket.send(JSON.stringify(data));\n return true;\n } else {\n return false;\n }\n }\n open() {\n if (this.isActive()) {\n logger.log(`Attempted to open WebSocket, but existing socket is ${this.getState()}`);\n return false;\n } else {\n const socketProtocols = [...protocols, ...(this.consumer.subprotocols || [])];\n logger.log(`Opening WebSocket, current state is ${this.getState()}, subprotocols: ${socketProtocols}`);\n if (this.webSocket) {\n this.uninstallEventHandlers();\n }\n this.webSocket = new adapters.WebSocket(this.consumer.url, socketProtocols);\n this.installEventHandlers();\n this.monitor.start();\n return true;\n }\n }\n close() {\n let _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {\n allowReconnect: true\n },\n allowReconnect = _ref.allowReconnect;\n if (!allowReconnect) {\n this.monitor.stop();\n }\n if (this.isOpen()) {\n return this.webSocket.close();\n }\n }\n reopen() {\n logger.log(`Reopening WebSocket, current state is ${this.getState()}`);\n if (this.isActive()) {\n try {\n return this.close();\n } catch (error) {\n logger.log(\"Failed to reopen WebSocket\", error);\n } finally {\n logger.log(`Reopening WebSocket in ${this.constructor.reopenDelay}ms`);\n setTimeout(this.open, this.constructor.reopenDelay);\n }\n } else {\n return this.open();\n }\n }\n getProtocol() {\n if (this.webSocket) {\n return this.webSocket.protocol;\n }\n }\n isOpen() {\n return this.isState(\"open\");\n }\n isActive() {\n return this.isState(\"open\", \"connecting\");\n }\n triedToReconnect() {\n return this.monitor.reconnectAttempts > 0;\n }\n isProtocolSupported() {\n return indexOf.call(supportedProtocols, this.getProtocol()) >= 0;\n }\n isState() {\n for (var _len2 = arguments.length, states = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n states[_key2] = arguments[_key2];\n }\n return indexOf.call(states, this.getState()) >= 0;\n }\n getState() {\n if (this.webSocket) {\n for (let state in adapters.WebSocket) {\n if (adapters.WebSocket[state] === this.webSocket.readyState) {\n return state.toLowerCase();\n }\n }\n }\n return null;\n }\n installEventHandlers() {\n for (let eventName in this.events) {\n const handler = this.events[eventName].bind(this);\n this.webSocket[`on${eventName}`] = handler;\n }\n }\n uninstallEventHandlers() {\n for (let eventName in this.events) {\n this.webSocket[`on${eventName}`] = function () {};\n }\n }\n}\nConnection.reopenDelay = 500;\nConnection.prototype.events = {\n message(event) {\n if (!this.isProtocolSupported()) {\n return;\n }\n const _JSON$parse = JSON.parse(event.data),\n identifier = _JSON$parse.identifier,\n message = _JSON$parse.message,\n reason = _JSON$parse.reason,\n reconnect = _JSON$parse.reconnect,\n type = _JSON$parse.type;\n this.monitor.recordMessage();\n switch (type) {\n case message_types.welcome:\n if (this.triedToReconnect()) {\n this.reconnectAttempted = true;\n }\n this.monitor.recordConnect();\n return this.subscriptions.reload();\n case message_types.disconnect:\n logger.log(`Disconnecting. Reason: ${reason}`);\n return this.close({\n allowReconnect: reconnect\n });\n case message_types.ping:\n return null;\n case message_types.confirmation:\n this.subscriptions.confirmSubscription(identifier);\n if (this.reconnectAttempted) {\n this.reconnectAttempted = false;\n return this.subscriptions.notify(identifier, \"connected\", {\n reconnected: true\n });\n } else {\n return this.subscriptions.notify(identifier, \"connected\", {\n reconnected: false\n });\n }\n case message_types.rejection:\n return this.subscriptions.reject(identifier);\n default:\n return this.subscriptions.notify(identifier, \"received\", message);\n }\n },\n open() {\n logger.log(`WebSocket onopen event, using '${this.getProtocol()}' subprotocol`);\n this.disconnected = false;\n if (!this.isProtocolSupported()) {\n logger.log(\"Protocol is unsupported. Stopping monitor and disconnecting.\");\n return this.close({\n allowReconnect: false\n });\n }\n },\n close(event) {\n logger.log(\"WebSocket onclose event\");\n if (this.disconnected) {\n return;\n }\n this.disconnected = true;\n this.monitor.recordDisconnect();\n return this.subscriptions.notifyAll(\"disconnected\", {\n willAttemptReconnect: this.monitor.isRunning()\n });\n },\n error() {\n logger.log(\"WebSocket onerror event\");\n }\n};\nconst extend = function (object, properties) {\n if (properties != null) {\n for (let key in properties) {\n const value = properties[key];\n object[key] = value;\n }\n }\n return object;\n};\nclass Subscription {\n constructor(consumer) {\n let params = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n let mixin = arguments.length > 2 ? arguments[2] : undefined;\n this.consumer = consumer;\n this.identifier = JSON.stringify(params);\n extend(this, mixin);\n }\n perform(action) {\n let data = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n data.action = action;\n return this.send(data);\n }\n send(data) {\n return this.consumer.send({\n command: \"message\",\n identifier: this.identifier,\n data: JSON.stringify(data)\n });\n }\n unsubscribe() {\n return this.consumer.subscriptions.remove(this);\n }\n}\nclass SubscriptionGuarantor {\n constructor(subscriptions) {\n this.subscriptions = subscriptions;\n this.pendingSubscriptions = [];\n }\n guarantee(subscription) {\n if (this.pendingSubscriptions.indexOf(subscription) == -1) {\n logger.log(`SubscriptionGuarantor guaranteeing ${subscription.identifier}`);\n this.pendingSubscriptions.push(subscription);\n } else {\n logger.log(`SubscriptionGuarantor already guaranteeing ${subscription.identifier}`);\n }\n this.startGuaranteeing();\n }\n forget(subscription) {\n logger.log(`SubscriptionGuarantor forgetting ${subscription.identifier}`);\n this.pendingSubscriptions = this.pendingSubscriptions.filter(s => s !== subscription);\n }\n startGuaranteeing() {\n this.stopGuaranteeing();\n this.retrySubscribing();\n }\n stopGuaranteeing() {\n clearTimeout(this.retryTimeout);\n }\n retrySubscribing() {\n this.retryTimeout = setTimeout(() => {\n if (this.subscriptions && typeof this.subscriptions.subscribe === \"function\") {\n this.pendingSubscriptions.map(subscription => {\n logger.log(`SubscriptionGuarantor resubscribing ${subscription.identifier}`);\n this.subscriptions.subscribe(subscription);\n });\n }\n }, 500);\n }\n}\nclass Subscriptions {\n constructor(consumer) {\n this.consumer = consumer;\n this.guarantor = new SubscriptionGuarantor(this);\n this.subscriptions = [];\n }\n create(channelName, mixin) {\n const channel = channelName;\n const params = typeof channel === \"object\" ? channel : {\n channel: channel\n };\n const subscription = new Subscription(this.consumer, params, mixin);\n return this.add(subscription);\n }\n add(subscription) {\n this.subscriptions.push(subscription);\n this.consumer.ensureActiveConnection();\n this.notify(subscription, \"initialized\");\n this.subscribe(subscription);\n return subscription;\n }\n remove(subscription) {\n this.forget(subscription);\n if (!this.findAll(subscription.identifier).length) {\n this.sendCommand(subscription, \"unsubscribe\");\n }\n return subscription;\n }\n reject(identifier) {\n return this.findAll(identifier).map(subscription => {\n this.forget(subscription);\n this.notify(subscription, \"rejected\");\n return subscription;\n });\n }\n forget(subscription) {\n this.guarantor.forget(subscription);\n this.subscriptions = this.subscriptions.filter(s => s !== subscription);\n return subscription;\n }\n findAll(identifier) {\n return this.subscriptions.filter(s => s.identifier === identifier);\n }\n reload() {\n return this.subscriptions.map(subscription => this.subscribe(subscription));\n }\n notifyAll(callbackName) {\n for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {\n args[_key3 - 1] = arguments[_key3];\n }\n return this.subscriptions.map(subscription => this.notify(subscription, callbackName, ...args));\n }\n notify(subscription, callbackName) {\n for (var _len4 = arguments.length, args = new Array(_len4 > 2 ? _len4 - 2 : 0), _key4 = 2; _key4 < _len4; _key4++) {\n args[_key4 - 2] = arguments[_key4];\n }\n let subscriptions;\n if (typeof subscription === \"string\") {\n subscriptions = this.findAll(subscription);\n } else {\n subscriptions = [subscription];\n }\n return subscriptions.map(subscription => typeof subscription[callbackName] === \"function\" ? subscription[callbackName](...args) : undefined);\n }\n subscribe(subscription) {\n if (this.sendCommand(subscription, \"subscribe\")) {\n this.guarantor.guarantee(subscription);\n }\n }\n confirmSubscription(identifier) {\n logger.log(`Subscription confirmed ${identifier}`);\n this.findAll(identifier).map(subscription => this.guarantor.forget(subscription));\n }\n sendCommand(subscription, command) {\n const identifier = subscription.identifier;\n return this.consumer.send({\n command: command,\n identifier: identifier\n });\n }\n}\nclass Consumer {\n constructor(url) {\n this._url = url;\n this.subscriptions = new Subscriptions(this);\n this.connection = new Connection(this);\n this.subprotocols = [];\n }\n get url() {\n return createWebSocketURL(this._url);\n }\n send(data) {\n return this.connection.send(data);\n }\n connect() {\n return this.connection.open();\n }\n disconnect() {\n return this.connection.close({\n allowReconnect: false\n });\n }\n ensureActiveConnection() {\n if (!this.connection.isActive()) {\n return this.connection.open();\n }\n }\n addSubProtocol(subprotocol) {\n this.subprotocols = [...this.subprotocols, subprotocol];\n }\n}\nfunction createWebSocketURL(url) {\n if (typeof url === \"function\") {\n url = url();\n }\n if (url && !/^wss?:/i.test(url)) {\n const a = document.createElement(\"a\");\n a.href = url;\n a.href = a.href;\n a.protocol = a.protocol.replace(\"http\", \"ws\");\n return a.href;\n } else {\n return url;\n }\n}\nfunction createConsumer() {\n let url = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getConfig(\"url\") || INTERNAL.default_mount_path;\n return new Consumer(url);\n}\nfunction getConfig(name) {\n const element = document.head.querySelector(`meta[name='action-cable-${name}']`);\n if (element) {\n return element.getAttribute(\"content\");\n }\n}\nexport { Connection, ConnectionMonitor, Consumer, INTERNAL, Subscription, SubscriptionGuarantor, Subscriptions, adapters, createConsumer, createWebSocketURL, getConfig, logger };","var g;\n\n// This works in non-strict mode\ng = function () {\n return this;\n}();\ntry {\n // This works if eval is allowed (see CSP)\n g = g || new Function(\"return this\")();\n} catch (e) {\n // This works if the window reference is available\n if (typeof window === \"object\") g = window;\n}\n\n// g can still be undefined, but nothing to do about it...\n// We return undefined, instead of nothing here, so it's\n// easier to handle this case. if(!global) { ...}\n\nmodule.exports = g;","// Load all the channels within this directory and all subdirectories.\n// Channel files must be named *_channel.js.\n\nconst channels = require.context('.', true, /_channel\\.js$/)\nchannels.keys().forEach(channels)\n","function webpackEmptyContext(req) {\n\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\te.code = 'MODULE_NOT_FOUND';\n\tthrow e;\n}\nwebpackEmptyContext.keys = function() { return []; };\nwebpackEmptyContext.resolve = webpackEmptyContext;\nmodule.exports = webpackEmptyContext;\nwebpackEmptyContext.id = 7;","var map = {\n\t\"./application_controller.js\": 0,\n\t\"./contract_controller.js\": 10,\n\t\"./cost_line_controller.js\": 11,\n\t\"./example_controller.js\": 12,\n\t\"./hello_controller.js\": 13,\n\t\"./invoices_controller.js\": 14,\n\t\"./orders_controller.js\": 15,\n\t\"./projects_controller.js\": 16,\n\t\"./supplier_controller.js\": 17,\n\t\"./tasks_controller.js\": 18,\n\t\"./tenders_controller.js\": 19,\n\t\"./vessel_controller.js\": 20\n};\n\n\nfunction webpackContext(req) {\n\tvar id = webpackContextResolve(req);\n\treturn __webpack_require__(id);\n}\nfunction webpackContextResolve(req) {\n\tif(!__webpack_require__.o(map, req)) {\n\t\tvar e = new Error(\"Cannot find module '\" + req + \"'\");\n\t\te.code = 'MODULE_NOT_FOUND';\n\t\tthrow e;\n\t}\n\treturn map[req];\n}\nwebpackContext.keys = function webpackContextKeys() {\n\treturn Object.keys(map);\n};\nwebpackContext.resolve = webpackContextResolve;\nmodule.exports = webpackContext;\nwebpackContext.id = 9;","import ApplicationController from './application_controller'\n\n/* This is the custom StimulusReflex controller for the Contract Reflex.\n * Learn more at: https://docs.stimulusreflex.com\n */\nexport default class extends ApplicationController {\n\n sort(event) {\n console.log(\"sorting contracts\");\n let element = document.getElementById('contracts-list');\n let contracts_el = document.getElementsByClassName('contract-item');\n let contracts = Array.from(contracts_el).map((contract, index) => {\n return {id: contract.dataset.contractId, position: (index + 1)}\n });\n element.dataset.contracts = JSON.stringify(contracts);\n this.stimulate(\"ContractReflex#sort\", element);\n }\n \n \n connect () {\n super.connect()\n console.log(\"connected contracts\");\n // add your code here, if applicable\n }\n\n\n}\n","import ApplicationController from './application_controller'\n\n/* This is the custom StimulusReflex controller for the CostLine Reflex.\n * Learn more at: https://docs.stimulusreflex.com\n */\nexport default class extends ApplicationController {\n /*\n * Regular Stimulus lifecycle methods\n * Learn more at: https://stimulusjs.org/reference/lifecycle-callbacks\n *\n * If you intend to use this controller as a regular stimulus controller as well,\n * make sure any Stimulus lifecycle methods overridden in ApplicationController call super.\n *\n * Important:\n * By default, StimulusReflex overrides the -connect- method so make sure you\n * call super if you intend to do anything else when this controller connects.\n */\n\n connect () {\n super.connect()\n // add your code here, if applicable\n }\n\n /* Reflex specific lifecycle methods.\n *\n * For every method defined in your Reflex class, a matching set of lifecycle methods become available\n * in this javascript controller. These are optional, so feel free to delete these stubs if you don't\n * need them.\n *\n * Important:\n * Make sure to add data-controller=\"cost-line\" to your markup alongside\n * data-reflex=\"CostLine#dance\" for the lifecycle methods to fire properly.\n *\n * Example:\n *\n * CostLine#dance\" data-controller=\"cost-line\">Dance!\n *\n * Arguments:\n *\n * element - the element that triggered the reflex\n * may be different than the Stimulus controller's this.element\n *\n * reflex - the name of the reflex e.g. \"CostLine#dance\"\n *\n * error/noop - the error message (for reflexError), otherwise null\n *\n * reflexId - a UUID4 or developer-provided unique identifier for each Reflex\n */\n\n // Assuming you create a \"CostLine#dance\" action in your Reflex class\n // you'll be able to use the following lifecycle methods:\n\n // beforeDance(element, reflex, noop, reflexId) {\n // element.innerText = 'Putting dance shoes on...'\n // }\n\n // danceSuccess(element, reflex, noop, reflexId) {\n // element.innerText = '\\nDanced like no one was watching! Was someone watching?'\n // }\n\n // danceError(element, reflex, error, reflexId) {\n // console.error('danceError', error);\n // element.innerText = \"\\nCouldn\\'t dance!\"\n // }\n\n // afterDance(element, reflex, noop, reflexId) {\n // element.innerText = '\\nWhatever that was, it\\'s over now.'\n // }\n\n // finalizeDance(element, reflex, noop, reflexId) {\n // element.innerText = '\\nNow, the cleanup can begin!'\n // }\n}\n","import ApplicationController from './application_controller'\n\n/* This is the custom StimulusReflex controller for the Example Reflex.\n * Learn more at: https://docs.stimulusreflex.com\n */\nexport default class extends ApplicationController {\n /*\n * Regular Stimulus lifecycle methods\n * Learn more at: https://stimulusjs.org/reference/lifecycle-callbacks\n *\n * If you intend to use this controller as a regular stimulus controller as well,\n * make sure any Stimulus lifecycle methods overridden in ApplicationController call super.\n *\n * Important:\n * By default, StimulusReflex overrides the -connect- method so make sure you\n * call super if you intend to do anything else when this controller connects.\n */\n\n connect () {\n super.connect()\n // add your code here, if applicable\n }\n\n /* Reflex specific lifecycle methods.\n *\n * For every method defined in your Reflex class, a matching set of lifecycle methods become available\n * in this javascript controller. These are optional, so feel free to delete these stubs if you don't\n * need them.\n *\n * Important:\n * Make sure to add data-controller=\"example\" to your markup alongside\n * data-reflex=\"Example#dance\" for the lifecycle methods to fire properly.\n *\n * Example:\n *\n * Example#dance\" data-controller=\"example\">Dance!\n *\n * Arguments:\n *\n * element - the element that triggered the reflex\n * may be different than the Stimulus controller's this.element\n *\n * reflex - the name of the reflex e.g. \"Example#dance\"\n *\n * error/noop - the error message (for reflexError), otherwise null\n *\n * reflexId - a UUID4 or developer-provided unique identifier for each Reflex\n */\n\n // Assuming you create a \"Example#dance\" action in your Reflex class\n // you'll be able to use the following lifecycle methods:\n\n // beforeDance(element, reflex, noop, reflexId) {\n // element.innerText = 'Putting dance shoes on...'\n // }\n\n // danceSuccess(element, reflex, noop, reflexId) {\n // element.innerText = '\\nDanced like no one was watching! Was someone watching?'\n // }\n\n // danceError(element, reflex, error, reflexId) {\n // console.error('danceError', error);\n // element.innerText = \"\\nCouldn\\'t dance!\"\n // }\n\n // afterDance(element, reflex, noop, reflexId) {\n // element.innerText = '\\nWhatever that was, it\\'s over now.'\n // }\n\n // finalizeDance(element, reflex, noop, reflexId) {\n // element.innerText = '\\nNow, the cleanup can begin!'\n // }\n}\n","// Visit The Stimulus Handbook for more details \n// https://stimulusjs.org/handbook/introduction\n// \n// This example controller works with specially annotated HTML like:\n//\n//