An error occurred:
' + escape(e.message + '', true) + '';\n if (async) {\n return Promise.resolve(msg);\n }\n if (callback) {\n callback(null, msg);\n return;\n }\n return msg;\n }\n if (async) {\n return Promise.reject(e);\n }\n if (callback) {\n callback(e);\n return;\n }\n throw e;\n };\n}\nfunction parseMarkdown(lexer, parser) {\n return function (src, opt, callback) {\n if (typeof opt === 'function') {\n callback = opt;\n opt = null;\n }\n var origOpt = _extends({}, opt);\n opt = _extends({}, marked.defaults, origOpt);\n var throwError = onError(opt.silent, opt.async, callback);\n\n // throw error in case of non string input\n if (typeof src === 'undefined' || src === null) {\n return throwError(new Error('marked(): input parameter is undefined or null'));\n }\n if (typeof src !== 'string') {\n return throwError(new Error('marked(): input parameter is of type ' + Object.prototype.toString.call(src) + ', string expected'));\n }\n checkSanitizeDeprecation(opt);\n if (opt.hooks) {\n opt.hooks.options = opt;\n }\n if (callback) {\n var highlight = opt.highlight;\n var tokens;\n try {\n if (opt.hooks) {\n src = opt.hooks.preprocess(src);\n }\n tokens = lexer(src, opt);\n } catch (e) {\n return throwError(e);\n }\n var done = function done(err) {\n var out;\n if (!err) {\n try {\n if (opt.walkTokens) {\n marked.walkTokens(tokens, opt.walkTokens);\n }\n out = parser(tokens, opt);\n if (opt.hooks) {\n out = opt.hooks.postprocess(out);\n }\n } catch (e) {\n err = e;\n }\n }\n opt.highlight = highlight;\n return err ? throwError(err) : callback(null, out);\n };\n if (!highlight || highlight.length < 3) {\n return done();\n }\n delete opt.highlight;\n if (!tokens.length) return done();\n var pending = 0;\n marked.walkTokens(tokens, function (token) {\n if (token.type === 'code') {\n pending++;\n setTimeout(function () {\n highlight(token.text, token.lang, function (err, code) {\n if (err) {\n return done(err);\n }\n if (code != null && code !== token.text) {\n token.text = code;\n token.escaped = true;\n }\n pending--;\n if (pending === 0) {\n done();\n }\n });\n }, 0);\n }\n });\n if (pending === 0) {\n done();\n }\n return;\n }\n if (opt.async) {\n return Promise.resolve(opt.hooks ? opt.hooks.preprocess(src) : src).then(function (src) {\n return lexer(src, opt);\n }).then(function (tokens) {\n return opt.walkTokens ? Promise.all(marked.walkTokens(tokens, opt.walkTokens)).then(function () {\n return tokens;\n }) : tokens;\n }).then(function (tokens) {\n return parser(tokens, opt);\n }).then(function (html) {\n return opt.hooks ? opt.hooks.postprocess(html) : html;\n })[\"catch\"](throwError);\n }\n try {\n if (opt.hooks) {\n src = opt.hooks.preprocess(src);\n }\n var _tokens = lexer(src, opt);\n if (opt.walkTokens) {\n marked.walkTokens(_tokens, opt.walkTokens);\n }\n var html = parser(_tokens, opt);\n if (opt.hooks) {\n html = opt.hooks.postprocess(html);\n }\n return html;\n } catch (e) {\n return throwError(e);\n }\n };\n}\n\n/**\n * Marked\n */\nfunction marked(src, opt, callback) {\n return parseMarkdown(Lexer.lex, Parser.parse)(src, opt, callback);\n}\n\n/**\n * Options\n */\n\nmarked.options = marked.setOptions = function (opt) {\n marked.defaults = _extends({}, marked.defaults, opt);\n changeDefaults(marked.defaults);\n return marked;\n};\nmarked.getDefaults = getDefaults;\nmarked.defaults = exports.defaults;\n\n/**\n * Use Extension\n */\n\nmarked.use = function () {\n var extensions = marked.defaults.extensions || {\n renderers: {},\n childTokens: {}\n };\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n args.forEach(function (pack) {\n // copy options to new object\n var opts = _extends({}, pack);\n\n // set async to true if it was set to true before\n opts.async = marked.defaults.async || opts.async || false;\n\n // ==-- Parse \"addon\" extensions --== //\n if (pack.extensions) {\n pack.extensions.forEach(function (ext) {\n if (!ext.name) {\n throw new Error('extension name required');\n }\n if (ext.renderer) {\n // Renderer extensions\n var prevRenderer = extensions.renderers[ext.name];\n if (prevRenderer) {\n // Replace extension with func to run new extension but fall back if false\n extensions.renderers[ext.name] = function () {\n for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n args[_key2] = arguments[_key2];\n }\n var ret = ext.renderer.apply(this, args);\n if (ret === false) {\n ret = prevRenderer.apply(this, args);\n }\n return ret;\n };\n } else {\n extensions.renderers[ext.name] = ext.renderer;\n }\n }\n if (ext.tokenizer) {\n // Tokenizer Extensions\n if (!ext.level || ext.level !== 'block' && ext.level !== 'inline') {\n throw new Error(\"extension level must be 'block' or 'inline'\");\n }\n if (extensions[ext.level]) {\n extensions[ext.level].unshift(ext.tokenizer);\n } else {\n extensions[ext.level] = [ext.tokenizer];\n }\n if (ext.start) {\n // Function to check for start of token\n if (ext.level === 'block') {\n if (extensions.startBlock) {\n extensions.startBlock.push(ext.start);\n } else {\n extensions.startBlock = [ext.start];\n }\n } else if (ext.level === 'inline') {\n if (extensions.startInline) {\n extensions.startInline.push(ext.start);\n } else {\n extensions.startInline = [ext.start];\n }\n }\n }\n }\n if (ext.childTokens) {\n // Child tokens to be visited by walkTokens\n extensions.childTokens[ext.name] = ext.childTokens;\n }\n });\n opts.extensions = extensions;\n }\n\n // ==-- Parse \"overwrite\" extensions --== //\n if (pack.renderer) {\n (function () {\n var renderer = marked.defaults.renderer || new Renderer();\n var _loop = function _loop(prop) {\n var prevRenderer = renderer[prop];\n // Replace renderer with func to run extension, but fall back if false\n renderer[prop] = function () {\n for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {\n args[_key3] = arguments[_key3];\n }\n var ret = pack.renderer[prop].apply(renderer, args);\n if (ret === false) {\n ret = prevRenderer.apply(renderer, args);\n }\n return ret;\n };\n };\n for (var prop in pack.renderer) {\n _loop(prop);\n }\n opts.renderer = renderer;\n })();\n }\n if (pack.tokenizer) {\n (function () {\n var tokenizer = marked.defaults.tokenizer || new Tokenizer();\n var _loop2 = function _loop2(prop) {\n var prevTokenizer = tokenizer[prop];\n // Replace tokenizer with func to run extension, but fall back if false\n tokenizer[prop] = function () {\n for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {\n args[_key4] = arguments[_key4];\n }\n var ret = pack.tokenizer[prop].apply(tokenizer, args);\n if (ret === false) {\n ret = prevTokenizer.apply(tokenizer, args);\n }\n return ret;\n };\n };\n for (var prop in pack.tokenizer) {\n _loop2(prop);\n }\n opts.tokenizer = tokenizer;\n })();\n }\n\n // ==-- Parse Hooks extensions --== //\n if (pack.hooks) {\n (function () {\n var hooks = marked.defaults.hooks || new Hooks();\n var _loop3 = function _loop3(prop) {\n var prevHook = hooks[prop];\n if (Hooks.passThroughHooks.has(prop)) {\n hooks[prop] = function (arg) {\n if (marked.defaults.async) {\n return Promise.resolve(pack.hooks[prop].call(hooks, arg)).then(function (ret) {\n return prevHook.call(hooks, ret);\n });\n }\n var ret = pack.hooks[prop].call(hooks, arg);\n return prevHook.call(hooks, ret);\n };\n } else {\n hooks[prop] = function () {\n for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {\n args[_key5] = arguments[_key5];\n }\n var ret = pack.hooks[prop].apply(hooks, args);\n if (ret === false) {\n ret = prevHook.apply(hooks, args);\n }\n return ret;\n };\n }\n };\n for (var prop in pack.hooks) {\n _loop3(prop);\n }\n opts.hooks = hooks;\n })();\n }\n\n // ==-- Parse WalkTokens extensions --== //\n if (pack.walkTokens) {\n var _walkTokens = marked.defaults.walkTokens;\n opts.walkTokens = function (token) {\n var values = [];\n values.push(pack.walkTokens.call(this, token));\n if (_walkTokens) {\n values = values.concat(_walkTokens.call(this, token));\n }\n return values;\n };\n }\n marked.setOptions(opts);\n });\n};\n\n/**\n * Run callback for every token\n */\n\nmarked.walkTokens = function (tokens, callback) {\n var values = [];\n var _loop4 = function _loop4() {\n var token = _step.value;\n values = values.concat(callback.call(marked, token));\n switch (token.type) {\n case 'table':\n {\n for (var _iterator2 = _createForOfIteratorHelperLoose(token.header), _step2; !(_step2 = _iterator2()).done;) {\n var cell = _step2.value;\n values = values.concat(marked.walkTokens(cell.tokens, callback));\n }\n for (var _iterator3 = _createForOfIteratorHelperLoose(token.rows), _step3; !(_step3 = _iterator3()).done;) {\n var row = _step3.value;\n for (var _iterator4 = _createForOfIteratorHelperLoose(row), _step4; !(_step4 = _iterator4()).done;) {\n var _cell = _step4.value;\n values = values.concat(marked.walkTokens(_cell.tokens, callback));\n }\n }\n break;\n }\n case 'list':\n {\n values = values.concat(marked.walkTokens(token.items, callback));\n break;\n }\n default:\n {\n if (marked.defaults.extensions && marked.defaults.extensions.childTokens && marked.defaults.extensions.childTokens[token.type]) {\n // Walk any extensions\n marked.defaults.extensions.childTokens[token.type].forEach(function (childTokens) {\n values = values.concat(marked.walkTokens(token[childTokens], callback));\n });\n } else if (token.tokens) {\n values = values.concat(marked.walkTokens(token.tokens, callback));\n }\n }\n }\n };\n for (var _iterator = _createForOfIteratorHelperLoose(tokens), _step; !(_step = _iterator()).done;) {\n _loop4();\n }\n return values;\n};\n\n/**\n * Parse Inline\n * @param {string} src\n */\nmarked.parseInline = parseMarkdown(Lexer.lexInline, Parser.parseInline);\n\n/**\n * Expose\n */\nmarked.Parser = Parser;\nmarked.parser = Parser.parse;\nmarked.Renderer = Renderer;\nmarked.TextRenderer = TextRenderer;\nmarked.Lexer = Lexer;\nmarked.lexer = Lexer.lex;\nmarked.Tokenizer = Tokenizer;\nmarked.Slugger = Slugger;\nmarked.Hooks = Hooks;\nmarked.parse = marked;\nvar options = marked.options;\nvar setOptions = marked.setOptions;\nvar use = marked.use;\nvar walkTokens = marked.walkTokens;\nvar parseInline = marked.parseInline;\nvar parse = marked;\nvar parser = Parser.parse;\nvar lexer = Lexer.lex;\n\nexports.Hooks = Hooks;\nexports.Lexer = Lexer;\nexports.Parser = Parser;\nexports.Renderer = Renderer;\nexports.Slugger = Slugger;\nexports.TextRenderer = TextRenderer;\nexports.Tokenizer = Tokenizer;\nexports.getDefaults = getDefaults;\nexports.lexer = lexer;\nexports.marked = marked;\nexports.options = options;\nexports.parse = parse;\nexports.parseInline = parseInline;\nexports.parser = parser;\nexports.setOptions = setOptions;\nexports.use = use;\nexports.walkTokens = walkTokens;\n","'use strict';\nvar CodeMirror = require('codemirror');\nrequire('codemirror/addon/edit/continuelist.js');\nrequire('./codemirror/tablist');\nrequire('codemirror/addon/display/fullscreen.js');\nrequire('codemirror/mode/markdown/markdown.js');\nrequire('codemirror/addon/mode/overlay.js');\nrequire('codemirror/addon/display/placeholder.js');\nrequire('codemirror/addon/display/autorefresh.js');\nrequire('codemirror/addon/selection/mark-selection.js');\nrequire('codemirror/addon/search/searchcursor.js');\nrequire('codemirror/mode/gfm/gfm.js');\nrequire('codemirror/mode/xml/xml.js');\nvar CodeMirrorSpellChecker = require('codemirror-spell-checker');\nvar marked = require('marked').marked;\n\n\n// Some variables\nvar isMac = /Mac/.test(navigator.platform);\nvar anchorToExternalRegex = new RegExp(/(
--> 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) { // Text or comment node\n if (toNodeType === morphedNodeType) {\n if (morphedNode.nodeValue !== toNode.nodeValue) {\n morphedNode.nodeValue = toNode.nodeValue;\n }\n\n return morphedNode;\n } else {\n // Text node to something else\n morphedNode = toNode;\n }\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\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\";\n\nvar contributors = [ \"Andrew Mason \", \"Julian Rubisch \", \"Marco Roth \", \"Nathan Hopkins \" ];\n\nvar main = \"./dist/cable_ready.js\";\n\nvar module = \"./dist/cable_ready.js\";\n\nvar browser = \"./dist/cable_ready.js\";\n\nvar unpkg = \"./dist/cable_ready.umd.js\";\n\nvar umd = \"./dist/cable_ready.umd.js\";\n\nvar files = [ \"dist/*\", \"javascript/*\" ];\n\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};\n\nvar dependencies = {\n morphdom: \"2.6.1\"\n};\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};\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};\n\nconst inputTags = {\n INPUT: true,\n TEXTAREA: true,\n SELECT: true\n};\n\nconst mutableTags = {\n INPUT: true,\n TEXTAREA: true,\n OPTION: true\n};\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};\n\nlet activeElement;\n\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 = (element, name, detail = {}) => {\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 = (xpath, reverse = 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\n;\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}));\n\nfunction createCompounder(callback) {\n return function(str) {\n return words(str).reduce(callback, \"\");\n };\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);\n\nconst after = (target, operation) => dispatch(target, `cable-ready:after-${kebabize(operation.operation)}`, operation);\n\nfunction debounce(fn, delay = 250) {\n let timer;\n return (...args) => {\n const callback = () => fn.apply(this, args);\n if (timer) clearTimeout(timer);\n timer = setTimeout(callback, delay);\n };\n}\n\nfunction handleErrors(response) {\n if (!response.ok) throw Error(response.statusText);\n return response;\n}\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}\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}\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}\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}\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}\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: {\n \"X-REQUESTED-WITH\": \"XmlHttpRequest\",\n ...additionalHeaders\n }\n });\n if (response == undefined) return;\n handleErrors(response);\n return response;\n } catch (e) {\n console.error(`Could not fetch ${url}`);\n }\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}\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\n;\n\nconst didMorph = operation => el => {\n didMorphCallbacks.forEach((callback => {\n if (typeof callback === \"function\") callback(operation, el);\n }));\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};\n\nconst verifyNotContentEditable = (detail, fromEl, toEl) => {\n if (fromEl === ActiveElement.element && fromEl.isContentEditable) return false;\n return true;\n};\n\nconst verifyNotPermanent = (detail, fromEl, toEl) => {\n const {permanentAttributeName: permanentAttributeName} = detail;\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};\n\nconst shouldMorphCallbacks = [ verifyNotMutable, verifyNotPermanent, verifyNotContentEditable ];\n\nconst didMorphCallbacks = [];\n\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});\n\nvar Operations = {\n // DOM Mutations\n append: operation => {\n processElements(operation, (element => {\n before(element, operation);\n operate(operation, (() => {\n const {html: html, focusSelector: focusSelector} = operation;\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: parent, focusSelector: focusSelector} = operation;\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: html, focusSelector: focusSelector} = operation;\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: html, position: position, focusSelector: focusSelector} = operation;\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: text, position: position, focusSelector: focusSelector} = operation;\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: html, focusSelector: focusSelector} = operation;\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: html, focusSelector: focusSelector} = operation;\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: focusSelector} = operation;\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: html, focusSelector: focusSelector} = operation;\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: text, focusSelector: focusSelector} = operation;\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: name} = operation;\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: name} = operation;\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: name} = operation;\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: name, value: value} = operation;\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: name, value: value} = operation;\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: name, value: value} = operation;\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: name, value: value} = operation;\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: styles} = operation;\n for (let [name, value] of Object.entries(styles)) element.style[safeString(name)] = safeScalar(value);\n }));\n after(element, operation);\n }));\n },\n setValue: operation => {\n processElements(operation, (element => {\n before(element, operation);\n operate(operation, (() => {\n const {value: value} = operation;\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: name, detail: detail} = operation;\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: name, content: content} = operation;\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: title} = operation;\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: type} = operation;\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: delta} = operation;\n history.go(delta);\n }));\n after(window, operation);\n },\n pushState: operation => {\n before(window, operation);\n operate(operation, (() => {\n const {state: state, title: title, url: url} = operation;\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: url, action: action, turbo: turbo} = operation;\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: key, type: type} = operation;\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: state, title: title, url: url} = operation;\n history.replaceState(safeObject(state), safeString(title), safeString(url));\n }));\n after(window, operation);\n },\n scrollIntoView: operation => {\n const {element: element} = operation;\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: cookie} = operation;\n document.cookie = safeScalar(cookie);\n }));\n after(document, operation);\n },\n setFocus: operation => {\n const {element: element} = operation;\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: key, value: value, type: type} = operation;\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: message, level: level} = operation;\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: data, columns: columns} = operation;\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: title, options: options} = operation;\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: html} = operation;\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: childrenOnly, focusSelector: focusSelector} = operation;\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};\n\nlet operations = Operations;\n\nconst add = newOperations => {\n operations = {\n ...operations,\n ...newOperations\n };\n};\n\nconst addOperations = operations => {\n add(operations);\n};\n\nconst addOperation = (name, operation) => {\n const operations = {};\n operations[name] = operation;\n add(operations);\n};\n\nvar OperationStore = {\n get all() {\n return operations;\n }\n};\n\nlet missingElement = \"warn\";\n\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};\n\nconst perform = (operations, options = {\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\n case \"event\":\n dispatch(document, \"cable-ready:missing-element\", {\n warning: warning,\n operation: operation\n });\n break;\n\n case \"exception\":\n throw warning;\n\n default:\n console.warn(warning);\n }\n }\n }\n }));\n};\n\nconst performAsync = (operations, options = {\n onMissingElement: MissingElement.behavior\n}) => 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}\n\nlet consumer;\n\nconst BACKOFF = [ 25, 50, 75, 100, 200, 250, 500, 800, 1e3, 2e3 ];\n\nconst wait = ms => new Promise((resolve => setTimeout(resolve, ms)));\n\nconst getConsumerWithRetry = async (retry = 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};\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};\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}\n\nlet debugging = false;\n\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};\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};\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};\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};\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};\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};\n\nvar Log = {\n request: request,\n cancel: cancel,\n response: response,\n morphStart: morphStart,\n morphEnd: morphEnd\n};\n\nclass AppearanceObserver {\n constructor(delegate, element = null) {\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 observeVisibility=() => {\n document.addEventListener(\"visibilitychange\", this.handleVisibilityChange);\n };\n unobserveVisibility=() => {\n document.removeEventListener(\"visibilitychange\", this.handleVisibilityChange);\n };\n 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 handleVisibilityChange=event => {\n if (document.visibilityState === \"visible\" && this.intersecting) {\n this.delegate.appearedInViewport();\n } else {\n this.delegate.disappearedFromViewport();\n }\n };\n}\n\nconst template = `\\n\\n 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}\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}\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};\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};\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};\n\nconst defineElements = () => {\n registerInnerUpdates();\n StreamFromElement.define();\n UpdatesForElement.define();\n};\n\nconst initialize = (initializeOptions = {}) => {\n const {consumer: consumer, onMissingElement: onMissingElement, debug: debug} = initializeOptions;\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};\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};\n\nwindow.CableReady = global;\n\nexport { morph_callbacks as MorphCallbacks, StreamFromElement, SubscribingElement, UpdatesForElement, utils as Utils, global as default };\n","import { Controller } from \"@hotwired/stimulus\";\n\nimport consumer from '../channels/consumer'\nimport CableReady from 'cable_ready'\n\nexport default class extends Controller {\n static targets = [\"form\", \"display\"]\n\n static values = {\n url: String,\n domId: String,\n }\n\n displayTargetConnected(el) {\n const id = el.dataset.previewArticleId;\n console.log(id)\n\n consumer.subscriptions.create({ channel: 'ArticlePreviewChannel', article_id: id }, {\n connected () {\n console.log(\"connected as a preview article preview channel\")\n },\n received (data) {\n console.log(data);\n if (data.cableReady) CableReady.perform(data.operations)\n }\n })\n }\n\n\n launch(event) {\n const button = event.target,\n originalAction = this.formTarget.action,\n originalTarget = this.formTarget.target\n\n event.preventDefault();\n\n window.open('about:blank', button.target, 'toolbar=no,location=no,menubar=no,scrollbars=yes,resizable=yes')\n\n this.formTarget.action = button.href\n this.formTarget.target = button.target\n this.formTarget.submit()\n this.formTarget.action = originalAction\n this.formTarget.target = originalTarget\n }\n\n transmit(event) {\n let timer = this.timer\n\n clearTimeout(timer) ;\n this.timer = setTimeout(() => { this.sendData.apply(this); }, 1000);\n }\n\n sendData() {\n const formData = new FormData(this.formTarget)\n const token = this.formTarget.querySelector(\"[name='authenticity_token']\").value\n\n fetch(this.urlValue, {\n body: formData,\n method: \"PUT\",\n headers: {\n \"X-CSRF-Token\": token,\n \"X-Requested-With\": \"XMLHttpRequest\"\n }\n })\n }\n}\n","/**\n * MicroEvent - to make any js object an event emitter\n *\n * - pure javascript - server compatible, browser compatible\n * - dont rely on the browser doms\n * - super simple - you get it immediatly, no mistery, no magic involved\n *\n * @author Jerome Etienne (https://github.com/jeromeetienne)\n */\n/**\n * Execute callback for each event in space separated list of event names\n *\n */\nfunction forEvents(events, callback) {\n events.split(/\\s+/).forEach((event) => {\n callback(event);\n });\n}\nexport default class MicroEvent {\n constructor() {\n this._events = {};\n }\n on(events, fct) {\n forEvents(events, (event) => {\n const event_array = this._events[event] || [];\n event_array.push(fct);\n this._events[event] = event_array;\n });\n }\n off(events, fct) {\n var n = arguments.length;\n if (n === 0) {\n this._events = {};\n return;\n }\n forEvents(events, (event) => {\n if (n === 1) {\n delete this._events[event];\n return;\n }\n const event_array = this._events[event];\n if (event_array === undefined)\n return;\n event_array.splice(event_array.indexOf(fct), 1);\n this._events[event] = event_array;\n });\n }\n trigger(events, ...args) {\n var self = this;\n forEvents(events, (event) => {\n const event_array = self._events[event];\n if (event_array === undefined)\n return;\n event_array.forEach(fct => {\n fct.apply(self, args);\n });\n });\n }\n}\n;\n//# sourceMappingURL=microevent.js.map","/**\n * microplugin.js\n * Copyright (c) 2013 Brian Reavis & contributors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\"); you may not use this\n * file except in compliance with the License. You may obtain a copy of the License at:\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF\n * ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n *\n * @author Brian Reavis \n */\nexport default function MicroPlugin(Interface) {\n Interface.plugins = {};\n return class extends Interface {\n constructor() {\n super(...arguments);\n this.plugins = {\n names: [],\n settings: {},\n requested: {},\n loaded: {}\n };\n }\n /**\n * Registers a plugin.\n *\n * @param {function} fn\n */\n static define(name, fn) {\n Interface.plugins[name] = {\n 'name': name,\n 'fn': fn\n };\n }\n /**\n * Initializes the listed plugins (with options).\n * Acceptable formats:\n *\n * List (without options):\n * ['a', 'b', 'c']\n *\n * List (with options):\n * [{'name': 'a', options: {}}, {'name': 'b', options: {}}]\n *\n * Hash (with options):\n * {'a': { ... }, 'b': { ... }, 'c': { ... }}\n *\n * @param {array|object} plugins\n */\n initializePlugins(plugins) {\n var key, name;\n const self = this;\n const queue = [];\n if (Array.isArray(plugins)) {\n plugins.forEach((plugin) => {\n if (typeof plugin === 'string') {\n queue.push(plugin);\n }\n else {\n self.plugins.settings[plugin.name] = plugin.options;\n queue.push(plugin.name);\n }\n });\n }\n else if (plugins) {\n for (key in plugins) {\n if (plugins.hasOwnProperty(key)) {\n self.plugins.settings[key] = plugins[key];\n queue.push(key);\n }\n }\n }\n while (name = queue.shift()) {\n self.require(name);\n }\n }\n loadPlugin(name) {\n var self = this;\n var plugins = self.plugins;\n var plugin = Interface.plugins[name];\n if (!Interface.plugins.hasOwnProperty(name)) {\n throw new Error('Unable to find \"' + name + '\" plugin');\n }\n plugins.requested[name] = true;\n plugins.loaded[name] = plugin.fn.apply(self, [self.plugins.settings[name] || {}]);\n plugins.names.push(name);\n }\n /**\n * Initializes a plugin.\n *\n */\n require(name) {\n var self = this;\n var plugins = self.plugins;\n if (!self.plugins.loaded.hasOwnProperty(name)) {\n if (plugins.requested[name]) {\n throw new Error('Plugin has circular dependency (\"' + name + '\")');\n }\n self.loadPlugin(name);\n }\n return plugins.loaded[name];\n }\n };\n}\n//# sourceMappingURL=microplugin.js.map","/**\n * Convert array of strings to a regular expression\n *\tex ['ab','a'] => (?:ab|a)\n * \tex ['a','b'] => [ab]\n */\nexport const arrayToPattern = (chars) => {\n chars = chars.filter(Boolean);\n if (chars.length < 2) {\n return chars[0] || '';\n }\n return (maxValueLength(chars) == 1) ? '[' + chars.join('') + ']' : '(?:' + chars.join('|') + ')';\n};\nexport const sequencePattern = (array) => {\n if (!hasDuplicates(array)) {\n return array.join('');\n }\n let pattern = '';\n let prev_char_count = 0;\n const prev_pattern = () => {\n if (prev_char_count > 1) {\n pattern += '{' + prev_char_count + '}';\n }\n };\n array.forEach((char, i) => {\n if (char === array[i - 1]) {\n prev_char_count++;\n return;\n }\n prev_pattern();\n pattern += char;\n prev_char_count = 1;\n });\n prev_pattern();\n return pattern;\n};\n/**\n * Convert array of strings to a regular expression\n *\tex ['ab','a'] => (?:ab|a)\n * \tex ['a','b'] => [ab]\n */\nexport const setToPattern = (chars) => {\n let array = Array.from(chars);\n return arrayToPattern(array);\n};\n/**\n * https://stackoverflow.com/questions/7376598/in-javascript-how-do-i-check-if-an-array-has-duplicate-values\n */\nexport const hasDuplicates = (array) => {\n return (new Set(array)).size !== array.length;\n};\n/**\n * https://stackoverflow.com/questions/63006601/why-does-u-throw-an-invalid-escape-error\n */\nexport const escape_regex = (str) => {\n return (str + '').replace(/([\\$\\(\\)\\*\\+\\.\\?\\[\\]\\^\\{\\|\\}\\\\])/gu, '\\\\$1');\n};\n/**\n * Return the max length of array values\n */\nexport const maxValueLength = (array) => {\n return array.reduce((longest, value) => Math.max(longest, unicodeLength(value)), 0);\n};\nexport const unicodeLength = (str) => {\n return Array.from(str).length;\n};\n//# sourceMappingURL=regex.js.map","/**\n * Get all possible combinations of substrings that add up to the given string\n * https://stackoverflow.com/questions/30169587/find-all-the-combination-of-substrings-that-add-up-to-the-given-string\n */\nexport const allSubstrings = (input) => {\n if (input.length === 1)\n return [[input]];\n let result = [];\n const start = input.substring(1);\n const suba = allSubstrings(start);\n suba.forEach(function (subresult) {\n let tmp = subresult.slice(0);\n tmp[0] = input.charAt(0) + tmp[0];\n result.push(tmp);\n tmp = subresult.slice(0);\n tmp.unshift(input.charAt(0));\n result.push(tmp);\n });\n return result;\n};\n//# sourceMappingURL=strings.js.map","import { setToPattern, arrayToPattern, escape_regex, sequencePattern } from \"./regex.js\";\nimport { allSubstrings } from \"./strings.js\";\nexport const code_points = [[0, 65535]];\nconst accent_pat = '[\\u0300-\\u036F\\u{b7}\\u{2be}\\u{2bc}]';\nexport let unicode_map;\nlet multi_char_reg;\nconst max_char_length = 3;\nconst latin_convert = {};\nconst latin_condensed = {\n '/': '⁄∕',\n '0': '߀',\n \"a\": \"ⱥɐɑ\",\n \"aa\": \"ꜳ\",\n \"ae\": \"æǽǣ\",\n \"ao\": \"ꜵ\",\n \"au\": \"ꜷ\",\n \"av\": \"ꜹꜻ\",\n \"ay\": \"ꜽ\",\n \"b\": \"ƀɓƃ\",\n \"c\": \"ꜿƈȼↄ\",\n \"d\": \"đɗɖᴅƌꮷԁɦ\",\n \"e\": \"ɛǝᴇɇ\",\n \"f\": \"ꝼƒ\",\n \"g\": \"ǥɠꞡᵹꝿɢ\",\n \"h\": \"ħⱨⱶɥ\",\n \"i\": \"ɨı\",\n \"j\": \"ɉȷ\",\n \"k\": \"ƙⱪꝁꝃꝅꞣ\",\n \"l\": \"łƚɫⱡꝉꝇꞁɭ\",\n \"m\": \"ɱɯϻ\",\n \"n\": \"ꞥƞɲꞑᴎлԉ\",\n \"o\": \"øǿɔɵꝋꝍᴑ\",\n \"oe\": \"œ\",\n \"oi\": \"ƣ\",\n \"oo\": \"ꝏ\",\n \"ou\": \"ȣ\",\n \"p\": \"ƥᵽꝑꝓꝕρ\",\n \"q\": \"ꝗꝙɋ\",\n \"r\": \"ɍɽꝛꞧꞃ\",\n \"s\": \"ßȿꞩꞅʂ\",\n \"t\": \"ŧƭʈⱦꞇ\",\n \"th\": \"þ\",\n \"tz\": \"ꜩ\",\n \"u\": \"ʉ\",\n \"v\": \"ʋꝟʌ\",\n \"vy\": \"ꝡ\",\n \"w\": \"ⱳ\",\n \"y\": \"ƴɏỿ\",\n \"z\": \"ƶȥɀⱬꝣ\",\n \"hv\": \"ƕ\"\n};\nfor (let latin in latin_condensed) {\n let unicode = latin_condensed[latin] || '';\n for (let i = 0; i < unicode.length; i++) {\n let char = unicode.substring(i, i + 1);\n latin_convert[char] = latin;\n }\n}\nconst convert_pat = new RegExp(Object.keys(latin_convert).join('|') + '|' + accent_pat, 'gu');\n/**\n * Initialize the unicode_map from the give code point ranges\n */\nexport const initialize = (_code_points) => {\n if (unicode_map !== undefined)\n return;\n unicode_map = generateMap(_code_points || code_points);\n};\n/**\n * Helper method for normalize a string\n * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/normalize\n */\nexport const normalize = (str, form = 'NFKD') => str.normalize(form);\n/**\n * Remove accents without reordering string\n * calling str.normalize('NFKD') on \\u{594}\\u{595}\\u{596} becomes \\u{596}\\u{594}\\u{595}\n * via https://github.com/krisk/Fuse/issues/133#issuecomment-318692703\n */\nexport const asciifold = (str) => {\n return Array.from(str).reduce(\n /**\n * @param {string} result\n * @param {string} char\n */\n (result, char) => {\n return result + _asciifold(char);\n }, '');\n};\nexport const _asciifold = (str) => {\n str = normalize(str)\n .toLowerCase()\n .replace(convert_pat, (/** @type {string} */ char) => {\n return latin_convert[char] || '';\n });\n //return str;\n return normalize(str, 'NFC');\n};\n/**\n * Generate a list of unicode variants from the list of code points\n */\nexport function* generator(code_points) {\n for (const [code_point_min, code_point_max] of code_points) {\n for (let i = code_point_min; i <= code_point_max; i++) {\n let composed = String.fromCharCode(i);\n let folded = asciifold(composed);\n if (folded == composed.toLowerCase()) {\n continue;\n }\n // skip when folded is a string longer than 3 characters long\n // bc the resulting regex patterns will be long\n // eg:\n // folded صلى الله عليه وسلم length 18 code point 65018\n // folded جل جلاله length 8 code point 65019\n if (folded.length > max_char_length) {\n continue;\n }\n if (folded.length == 0) {\n continue;\n }\n yield { folded: folded, composed: composed, code_point: i };\n }\n }\n}\n/**\n * Generate a unicode map from the list of code points\n */\nexport const generateSets = (code_points) => {\n const unicode_sets = {};\n const addMatching = (folded, to_add) => {\n /** @type {Set} */\n const folded_set = unicode_sets[folded] || new Set();\n const patt = new RegExp('^' + setToPattern(folded_set) + '$', 'iu');\n if (to_add.match(patt)) {\n return;\n }\n folded_set.add(escape_regex(to_add));\n unicode_sets[folded] = folded_set;\n };\n for (let value of generator(code_points)) {\n addMatching(value.folded, value.folded);\n addMatching(value.folded, value.composed);\n }\n return unicode_sets;\n};\n/**\n * Generate a unicode map from the list of code points\n * ae => (?:(?:ae|Æ|Ǽ|Ǣ)|(?:A|Ⓐ|Ａ...)(?:E|ɛ|Ⓔ...))\n */\nexport const generateMap = (code_points) => {\n const unicode_sets = generateSets(code_points);\n const unicode_map = {};\n let multi_char = [];\n for (let folded in unicode_sets) {\n let set = unicode_sets[folded];\n if (set) {\n unicode_map[folded] = setToPattern(set);\n }\n if (folded.length > 1) {\n multi_char.push(escape_regex(folded));\n }\n }\n multi_char.sort((a, b) => b.length - a.length);\n const multi_char_patt = arrayToPattern(multi_char);\n multi_char_reg = new RegExp('^' + multi_char_patt, 'u');\n return unicode_map;\n};\n/**\n * Map each element of an array from its folded value to all possible unicode matches\n */\nexport const mapSequence = (strings, min_replacement = 1) => {\n let chars_replaced = 0;\n strings = strings.map((str) => {\n if (unicode_map[str]) {\n chars_replaced += str.length;\n }\n return unicode_map[str] || str;\n });\n if (chars_replaced >= min_replacement) {\n return sequencePattern(strings);\n }\n return '';\n};\n/**\n * Convert a short string and split it into all possible patterns\n * Keep a pattern only if min_replacement is met\n *\n * 'abc'\n * \t\t=> [['abc'],['ab','c'],['a','bc'],['a','b','c']]\n *\t\t=> ['abc-pattern','ab-c-pattern'...]\n */\nexport const substringsToPattern = (str, min_replacement = 1) => {\n min_replacement = Math.max(min_replacement, str.length - 1);\n return arrayToPattern(allSubstrings(str).map((sub_pat) => {\n return mapSequence(sub_pat, min_replacement);\n }));\n};\n/**\n * Convert an array of sequences into a pattern\n * [{start:0,end:3,length:3,substr:'iii'}...] => (?:iii...)\n */\nconst sequencesToPattern = (sequences, all = true) => {\n let min_replacement = sequences.length > 1 ? 1 : 0;\n return arrayToPattern(sequences.map((sequence) => {\n let seq = [];\n const len = all ? sequence.length() : sequence.length() - 1;\n for (let j = 0; j < len; j++) {\n seq.push(substringsToPattern(sequence.substrs[j] || '', min_replacement));\n }\n return sequencePattern(seq);\n }));\n};\n/**\n * Return true if the sequence is already in the sequences\n */\nconst inSequences = (needle_seq, sequences) => {\n for (const seq of sequences) {\n if (seq.start != needle_seq.start || seq.end != needle_seq.end) {\n continue;\n }\n if (seq.substrs.join('') !== needle_seq.substrs.join('')) {\n continue;\n }\n let needle_parts = needle_seq.parts;\n const filter = (part) => {\n for (const needle_part of needle_parts) {\n if (needle_part.start === part.start && needle_part.substr === part.substr) {\n return false;\n }\n if (part.length == 1 || needle_part.length == 1) {\n continue;\n }\n // check for overlapping parts\n // a = ['::=','==']\n // b = ['::','===']\n // a = ['r','sm']\n // b = ['rs','m']\n if (part.start < needle_part.start && part.end > needle_part.start) {\n return true;\n }\n if (needle_part.start < part.start && needle_part.end > part.start) {\n return true;\n }\n }\n return false;\n };\n let filtered = seq.parts.filter(filter);\n if (filtered.length > 0) {\n continue;\n }\n return true;\n }\n return false;\n};\nclass Sequence {\n parts;\n substrs;\n start;\n end;\n constructor() {\n this.parts = [];\n this.substrs = [];\n this.start = 0;\n this.end = 0;\n }\n add(part) {\n if (part) {\n this.parts.push(part);\n this.substrs.push(part.substr);\n this.start = Math.min(part.start, this.start);\n this.end = Math.max(part.end, this.end);\n }\n }\n last() {\n return this.parts[this.parts.length - 1];\n }\n length() {\n return this.parts.length;\n }\n clone(position, last_piece) {\n let clone = new Sequence();\n let parts = JSON.parse(JSON.stringify(this.parts));\n let last_part = parts.pop();\n for (const part of parts) {\n clone.add(part);\n }\n let last_substr = last_piece.substr.substring(0, position - last_part.start);\n let clone_last_len = last_substr.length;\n clone.add({ start: last_part.start, end: last_part.start + clone_last_len, length: clone_last_len, substr: last_substr });\n return clone;\n }\n}\n/**\n * Expand a regular expression pattern to include unicode variants\n * \teg /a/ becomes /aⓐａẚàáâầấẫẩãāăằắẵẳȧǡäǟảåǻǎȁȃạậặḁąⱥɐɑAⒶＡÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ/\n *\n * Issue:\n * ﺊﺋ [ 'ﺊ = \\\\u{fe8a}', 'ﺋ = \\\\u{fe8b}' ]\n *\tbecomes:\tئئ [ 'ي = \\\\u{64a}', 'ٔ = \\\\u{654}', 'ي = \\\\u{64a}', 'ٔ = \\\\u{654}' ]\n *\n *\tİIJ = IIJ = ⅡJ\n *\n * \t1/2/4\n */\nexport const getPattern = (str) => {\n initialize();\n str = asciifold(str);\n let pattern = '';\n let sequences = [new Sequence()];\n for (let i = 0; i < str.length; i++) {\n let substr = str.substring(i);\n let match = substr.match(multi_char_reg);\n const char = str.substring(i, i + 1);\n const match_str = match ? match[0] : null;\n // loop through sequences\n // add either the char or multi_match\n let overlapping = [];\n let added_types = new Set();\n for (const sequence of sequences) {\n const last_piece = sequence.last();\n if (!last_piece || last_piece.length == 1 || last_piece.end <= i) {\n // if we have a multi match\n if (match_str) {\n const len = match_str.length;\n sequence.add({ start: i, end: i + len, length: len, substr: match_str });\n added_types.add('1');\n }\n else {\n sequence.add({ start: i, end: i + 1, length: 1, substr: char });\n added_types.add('2');\n }\n }\n else if (match_str) {\n let clone = sequence.clone(i, last_piece);\n const len = match_str.length;\n clone.add({ start: i, end: i + len, length: len, substr: match_str });\n overlapping.push(clone);\n }\n else {\n // don't add char\n // adding would create invalid patterns: 234 => [2,34,4]\n added_types.add('3');\n }\n }\n // if we have overlapping\n if (overlapping.length > 0) {\n // ['ii','iii'] before ['i','i','iii']\n overlapping = overlapping.sort((a, b) => {\n return a.length() - b.length();\n });\n for (let clone of overlapping) {\n // don't add if we already have an equivalent sequence\n if (inSequences(clone, sequences)) {\n continue;\n }\n sequences.push(clone);\n }\n continue;\n }\n // if we haven't done anything unique\n // clean up the patterns\n // helps keep patterns smaller\n // if str = 'r₨㎧aarss', pattern will be 446 instead of 655\n if (i > 0 && added_types.size == 1 && !added_types.has('3')) {\n pattern += sequencesToPattern(sequences, false);\n let new_seq = new Sequence();\n const old_seq = sequences[0];\n if (old_seq) {\n new_seq.add(old_seq.last());\n }\n sequences = [new_seq];\n }\n }\n pattern += sequencesToPattern(sequences, true);\n return pattern;\n};\nexport { escape_regex };\n//# sourceMappingURL=index.js.map","import { asciifold } from '@orchidjs/unicode-variants';\n/**\n * A property getter resolving dot-notation\n * @param {Object} obj The root object to fetch property on\n * @param {String} name The optionally dotted property name to fetch\n * @return {Object} The resolved property value\n */\nexport const getAttr = (obj, name) => {\n if (!obj)\n return;\n return obj[name];\n};\n/**\n * A property getter resolving dot-notation\n * @param {Object} obj The root object to fetch property on\n * @param {String} name The optionally dotted property name to fetch\n * @return {Object} The resolved property value\n */\nexport const getAttrNesting = (obj, name) => {\n if (!obj)\n return;\n var part, names = name.split(\".\");\n while ((part = names.shift()) && (obj = obj[part]))\n ;\n return obj;\n};\n/**\n * Calculates how close of a match the\n * given value is against a search token.\n *\n */\nexport const scoreValue = (value, token, weight) => {\n var score, pos;\n if (!value)\n return 0;\n value = value + '';\n if (token.regex == null)\n return 0;\n pos = value.search(token.regex);\n if (pos === -1)\n return 0;\n score = token.string.length / value.length;\n if (pos === 0)\n score += 0.5;\n return score * weight;\n};\n/**\n * Cast object property to an array if it exists and has a value\n *\n */\nexport const propToArray = (obj, key) => {\n var value = obj[key];\n if (typeof value == 'function')\n return value;\n if (value && !Array.isArray(value)) {\n obj[key] = [value];\n }\n};\n/**\n * Iterates over arrays and hashes.\n *\n * ```\n * iterate(this.items, function(item, id) {\n * // invoked for each item\n * });\n * ```\n *\n */\nexport const iterate = (object, callback) => {\n if (Array.isArray(object)) {\n object.forEach(callback);\n }\n else {\n for (var key in object) {\n if (object.hasOwnProperty(key)) {\n callback(object[key], key);\n }\n }\n }\n};\nexport const cmp = (a, b) => {\n if (typeof a === 'number' && typeof b === 'number') {\n return a > b ? 1 : (a < b ? -1 : 0);\n }\n a = asciifold(a + '').toLowerCase();\n b = asciifold(b + '').toLowerCase();\n if (a > b)\n return 1;\n if (b > a)\n return -1;\n return 0;\n};\n//# sourceMappingURL=utils.js.map","/**\n * sifter.js\n * Copyright (c) 2013–2020 Brian Reavis & contributors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\"); you may not use this\n * file except in compliance with the License. You may obtain a copy of the License at:\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF\n * ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n *\n * @author Brian Reavis \n */\nimport { scoreValue, getAttr, getAttrNesting, propToArray, iterate, cmp } from \"./utils.js\";\nimport { getPattern, escape_regex } from '@orchidjs/unicode-variants';\nclass Sifter {\n items; // []|{};\n settings;\n /**\n * Textually searches arrays and hashes of objects\n * by property (or multiple properties). Designed\n * specifically for autocomplete.\n *\n */\n constructor(items, settings) {\n this.items = items;\n this.settings = settings || { diacritics: true };\n }\n ;\n /**\n * Splits a search string into an array of individual\n * regexps to be used to match results.\n *\n */\n tokenize(query, respect_word_boundaries, weights) {\n if (!query || !query.length)\n return [];\n const tokens = [];\n const words = query.split(/\\s+/);\n var field_regex;\n if (weights) {\n field_regex = new RegExp('^(' + Object.keys(weights).map(escape_regex).join('|') + ')\\:(.*)$');\n }\n words.forEach((word) => {\n let field_match;\n let field = null;\n let regex = null;\n // look for \"field:query\" tokens\n if (field_regex && (field_match = word.match(field_regex))) {\n field = field_match[1];\n word = field_match[2];\n }\n if (word.length > 0) {\n if (this.settings.diacritics) {\n regex = getPattern(word) || null;\n }\n else {\n regex = escape_regex(word);\n }\n if (regex && respect_word_boundaries)\n regex = \"\\\\b\" + regex;\n }\n tokens.push({\n string: word,\n regex: regex ? new RegExp(regex, 'iu') : null,\n field: field,\n });\n });\n return tokens;\n }\n ;\n /**\n * Returns a function to be used to score individual results.\n *\n * Good matches will have a higher score than poor matches.\n * If an item is not a match, 0 will be returned by the function.\n *\n * @returns {T.ScoreFn}\n */\n getScoreFunction(query, options) {\n var search = this.prepareSearch(query, options);\n return this._getScoreFunction(search);\n }\n /**\n * @returns {T.ScoreFn}\n *\n */\n _getScoreFunction(search) {\n const tokens = search.tokens, token_count = tokens.length;\n if (!token_count) {\n return function () { return 0; };\n }\n const fields = search.options.fields, weights = search.weights, field_count = fields.length, getAttrFn = search.getAttrFn;\n if (!field_count) {\n return function () { return 1; };\n }\n /**\n * Calculates the score of an object\n * against the search query.\n *\n */\n const scoreObject = (function () {\n if (field_count === 1) {\n return function (token, data) {\n const field = fields[0].field;\n return scoreValue(getAttrFn(data, field), token, weights[field] || 1);\n };\n }\n return function (token, data) {\n var sum = 0;\n // is the token specific to a field?\n if (token.field) {\n const value = getAttrFn(data, token.field);\n if (!token.regex && value) {\n sum += (1 / field_count);\n }\n else {\n sum += scoreValue(value, token, 1);\n }\n }\n else {\n iterate(weights, (weight, field) => {\n sum += scoreValue(getAttrFn(data, field), token, weight);\n });\n }\n return sum / field_count;\n };\n })();\n if (token_count === 1) {\n return function (data) {\n return scoreObject(tokens[0], data);\n };\n }\n if (search.options.conjunction === 'and') {\n return function (data) {\n var score, sum = 0;\n for (let token of tokens) {\n score = scoreObject(token, data);\n if (score <= 0)\n return 0;\n sum += score;\n }\n return sum / token_count;\n };\n }\n else {\n return function (data) {\n var sum = 0;\n iterate(tokens, (token) => {\n sum += scoreObject(token, data);\n });\n return sum / token_count;\n };\n }\n }\n ;\n /**\n * Returns a function that can be used to compare two\n * results, for sorting purposes. If no sorting should\n * be performed, `null` will be returned.\n *\n * @return function(a,b)\n */\n getSortFunction(query, options) {\n var search = this.prepareSearch(query, options);\n return this._getSortFunction(search);\n }\n _getSortFunction(search) {\n var implicit_score, sort_flds = [];\n const self = this, options = search.options, sort = (!search.query && options.sort_empty) ? options.sort_empty : options.sort;\n if (typeof sort == 'function') {\n return sort.bind(this);\n }\n /**\n * Fetches the specified sort field value\n * from a search result item.\n *\n */\n const get_field = function (name, result) {\n if (name === '$score')\n return result.score;\n return search.getAttrFn(self.items[result.id], name);\n };\n // parse options\n if (sort) {\n for (let s of sort) {\n if (search.query || s.field !== '$score') {\n sort_flds.push(s);\n }\n }\n }\n // the \"$score\" field is implied to be the primary\n // sort field, unless it's manually specified\n if (search.query) {\n implicit_score = true;\n for (let fld of sort_flds) {\n if (fld.field === '$score') {\n implicit_score = false;\n break;\n }\n }\n if (implicit_score) {\n sort_flds.unshift({ field: '$score', direction: 'desc' });\n }\n // without a search.query, all items will have the same score\n }\n else {\n sort_flds = sort_flds.filter((fld) => fld.field !== '$score');\n }\n // build function\n const sort_flds_count = sort_flds.length;\n if (!sort_flds_count) {\n return null;\n }\n return function (a, b) {\n var result, field;\n for (let sort_fld of sort_flds) {\n field = sort_fld.field;\n let multiplier = sort_fld.direction === 'desc' ? -1 : 1;\n result = multiplier * cmp(get_field(field, a), get_field(field, b));\n if (result)\n return result;\n }\n return 0;\n };\n }\n ;\n /**\n * Parses a search query and returns an object\n * with tokens and fields ready to be populated\n * with results.\n *\n */\n prepareSearch(query, optsUser) {\n const weights = {};\n var options = Object.assign({}, optsUser);\n propToArray(options, 'sort');\n propToArray(options, 'sort_empty');\n // convert fields to new format\n if (options.fields) {\n propToArray(options, 'fields');\n const fields = [];\n options.fields.forEach((field) => {\n if (typeof field == 'string') {\n field = { field: field, weight: 1 };\n }\n fields.push(field);\n weights[field.field] = ('weight' in field) ? field.weight : 1;\n });\n options.fields = fields;\n }\n return {\n options: options,\n query: query.toLowerCase().trim(),\n tokens: this.tokenize(query, options.respect_word_boundaries, weights),\n total: 0,\n items: [],\n weights: weights,\n getAttrFn: (options.nesting) ? getAttrNesting : getAttr,\n };\n }\n ;\n /**\n * Searches through all items and returns a sorted array of matches.\n *\n */\n search(query, options) {\n var self = this, score, search;\n search = this.prepareSearch(query, options);\n options = search.options;\n query = search.query;\n // generate result scoring function\n const fn_score = options.score || self._getScoreFunction(search);\n // perform search and sort\n if (query.length) {\n iterate(self.items, (item, id) => {\n score = fn_score(item);\n if (options.filter === false || score > 0) {\n search.items.push({ 'score': score, 'id': id });\n }\n });\n }\n else {\n iterate(self.items, (_, id) => {\n search.items.push({ 'score': 1, 'id': id });\n });\n }\n const fn_sort = self._getSortFunction(search);\n if (fn_sort)\n search.items.sort(fn_sort);\n // apply limits\n search.total = search.items.length;\n if (typeof options.limit === 'number') {\n search.items = search.items.slice(0, options.limit);\n }\n return search;\n }\n ;\n}\nexport { Sifter, scoreValue, getAttr, getAttrNesting, propToArray, iterate, cmp, getPattern };\nexport * from \"./types.js\";\n//# sourceMappingURL=sifter.js.map","/**\n * Converts a scalar to its best string representation\n * for hash keys and HTML attribute values.\n *\n * Transformations:\n * 'str' -> 'str'\n * null -> ''\n * undefined -> ''\n * true -> '1'\n * false -> '0'\n * 0 -> '0'\n * 1 -> '1'\n *\n */\nexport const hash_key = (value) => {\n if (typeof value === 'undefined' || value === null)\n return null;\n return get_hash(value);\n};\nexport const get_hash = (value) => {\n if (typeof value === 'boolean')\n return value ? '1' : '0';\n return value + '';\n};\n/**\n * Escapes a string for use within HTML.\n *\n */\nexport const escape_html = (str) => {\n return (str + '')\n .replace(/&/g, '&')\n .replace(//g, '>')\n .replace(/\"/g, '"');\n};\n/**\n * use setTimeout if timeout > 0\n */\nexport const timeout = (fn, timeout) => {\n if (timeout > 0) {\n return window.setTimeout(fn, timeout);\n }\n fn.call(null);\n return null;\n};\n/**\n * Debounce the user provided load function\n *\n */\nexport const loadDebounce = (fn, delay) => {\n var timeout;\n return function (value, callback) {\n var self = this;\n if (timeout) {\n self.loading = Math.max(self.loading - 1, 0);\n clearTimeout(timeout);\n }\n timeout = setTimeout(function () {\n timeout = null;\n self.loadedSearches[value] = true;\n fn.call(self, value, callback);\n }, delay);\n };\n};\n/**\n * Debounce all fired events types listed in `types`\n * while executing the provided `fn`.\n *\n */\nexport const debounce_events = (self, types, fn) => {\n var type;\n var trigger = self.trigger;\n var event_args = {};\n // override trigger method\n self.trigger = function () {\n var type = arguments[0];\n if (types.indexOf(type) !== -1) {\n event_args[type] = arguments;\n }\n else {\n return trigger.apply(self, arguments);\n }\n };\n // invoke provided function\n fn.apply(self, []);\n self.trigger = trigger;\n // trigger queued events\n for (type of types) {\n if (type in event_args) {\n trigger.apply(self, event_args[type]);\n }\n }\n};\n/**\n * Determines the current selection within a text input control.\n * Returns an object containing:\n * - start\n * - length\n *\n * Note: \"selectionStart, selectionEnd ... apply only to inputs of types text, search, URL, tel and password\"\n * \t- https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange\n */\nexport const getSelection = (input) => {\n return {\n start: input.selectionStart || 0,\n length: (input.selectionEnd || 0) - (input.selectionStart || 0),\n };\n};\n/**\n * Prevent default\n *\n */\nexport const preventDefault = (evt, stop = false) => {\n if (evt) {\n evt.preventDefault();\n if (stop) {\n evt.stopPropagation();\n }\n }\n};\n/**\n * Add event helper\n *\n */\nexport const addEvent = (target, type, callback, options) => {\n target.addEventListener(type, callback, options);\n};\n/**\n * Return true if the requested key is down\n * Will return false if more than one control character is pressed ( when [ctrl+shift+a] != [ctrl+a] )\n * The current evt may not always set ( eg calling advanceSelection() )\n *\n */\nexport const isKeyDown = (key_name, evt) => {\n if (!evt) {\n return false;\n }\n if (!evt[key_name]) {\n return false;\n }\n var count = (evt.altKey ? 1 : 0) + (evt.ctrlKey ? 1 : 0) + (evt.shiftKey ? 1 : 0) + (evt.metaKey ? 1 : 0);\n if (count === 1) {\n return true;\n }\n return false;\n};\n/**\n * Get the id of an element\n * If the id attribute is not set, set the attribute with the given id\n *\n */\nexport const getId = (el, id) => {\n const existing_id = el.getAttribute('id');\n if (existing_id) {\n return existing_id;\n }\n el.setAttribute('id', id);\n return id;\n};\n/**\n * Returns a string with backslashes added before characters that need to be escaped.\n */\nexport const addSlashes = (str) => {\n return str.replace(/[\\\\\"']/g, '\\\\$&');\n};\n/**\n *\n */\nexport const append = (parent, node) => {\n if (node)\n parent.append(node);\n};\n/**\n * Iterates over arrays and hashes.\n *\n * ```\n * iterate(this.items, function(item, id) {\n * // invoked for each item\n * });\n * ```\n *\n */\nexport const iterate = (object, callback) => {\n if (Array.isArray(object)) {\n object.forEach(callback);\n }\n else {\n for (var key in object) {\n if (object.hasOwnProperty(key)) {\n callback(object[key], key);\n }\n }\n }\n};\n//# sourceMappingURL=utils.js.map","import { iterate } from \"./utils.js\";\n/**\n * Return a dom element from either a dom query string, jQuery object, a dom element or html string\n * https://stackoverflow.com/questions/494143/creating-a-new-dom-element-from-an-html-string-using-built-in-dom-methods-or-pro/35385518#35385518\n *\n * param query should be {}\n */\nexport const getDom = (query) => {\n if (query.jquery) {\n return query[0];\n }\n if (query instanceof HTMLElement) {\n return query;\n }\n if (isHtmlString(query)) {\n var tpl = document.createElement('template');\n tpl.innerHTML = query.trim(); // Never return a text node of whitespace as the result\n return tpl.content.firstChild;\n }\n return document.querySelector(query);\n};\nexport const isHtmlString = (arg) => {\n if (typeof arg === 'string' && arg.indexOf('<') > -1) {\n return true;\n }\n return false;\n};\nexport const escapeQuery = (query) => {\n return query.replace(/['\"\\\\]/g, '\\\\$&');\n};\n/**\n * Dispatch an event\n *\n */\nexport const triggerEvent = (dom_el, event_name) => {\n var event = document.createEvent('HTMLEvents');\n event.initEvent(event_name, true, false);\n dom_el.dispatchEvent(event);\n};\n/**\n * Apply CSS rules to a dom element\n *\n */\nexport const applyCSS = (dom_el, css) => {\n Object.assign(dom_el.style, css);\n};\n/**\n * Add css classes\n *\n */\nexport const addClasses = (elmts, ...classes) => {\n var norm_classes = classesArray(classes);\n elmts = castAsArray(elmts);\n elmts.map(el => {\n norm_classes.map(cls => {\n el.classList.add(cls);\n });\n });\n};\n/**\n * Remove css classes\n *\n */\nexport const removeClasses = (elmts, ...classes) => {\n var norm_classes = classesArray(classes);\n elmts = castAsArray(elmts);\n elmts.map(el => {\n norm_classes.map(cls => {\n el.classList.remove(cls);\n });\n });\n};\n/**\n * Return arguments\n *\n */\nexport const classesArray = (args) => {\n var classes = [];\n iterate(args, (_classes) => {\n if (typeof _classes === 'string') {\n _classes = _classes.trim().split(/[\\t\\n\\f\\r\\s]/);\n }\n if (Array.isArray(_classes)) {\n classes = classes.concat(_classes);\n }\n });\n return classes.filter(Boolean);\n};\n/**\n * Create an array from arg if it's not already an array\n *\n */\nexport const castAsArray = (arg) => {\n if (!Array.isArray(arg)) {\n arg = [arg];\n }\n return arg;\n};\n/**\n * Get the closest node to the evt.target matching the selector\n * Stops at wrapper\n *\n */\nexport const parentMatch = (target, selector, wrapper) => {\n if (wrapper && !wrapper.contains(target)) {\n return;\n }\n while (target && target.matches) {\n if (target.matches(selector)) {\n return target;\n }\n target = target.parentNode;\n }\n};\n/**\n * Get the first or last item from an array\n *\n * > 0 - right (last)\n * <= 0 - left (first)\n *\n */\nexport const getTail = (list, direction = 0) => {\n if (direction > 0) {\n return list[list.length - 1];\n }\n return list[0];\n};\n/**\n * Return true if an object is empty\n *\n */\nexport const isEmptyObject = (obj) => {\n return (Object.keys(obj).length === 0);\n};\n/**\n * Get the index of an element amongst sibling nodes of the same type\n *\n */\nexport const nodeIndex = (el, amongst) => {\n if (!el)\n return -1;\n amongst = amongst || el.nodeName;\n var i = 0;\n while (el = el.previousElementSibling) {\n if (el.matches(amongst)) {\n i++;\n }\n }\n return i;\n};\n/**\n * Set attributes of an element\n *\n */\nexport const setAttr = (el, attrs) => {\n iterate(attrs, (val, attr) => {\n if (val == null) {\n el.removeAttribute(attr);\n }\n else {\n el.setAttribute(attr, '' + val);\n }\n });\n};\n/**\n * Replace a node\n */\nexport const replaceNode = (existing, replacement) => {\n if (existing.parentNode)\n existing.parentNode.replaceChild(replacement, existing);\n};\n//# sourceMappingURL=vanilla.js.map","/**\n * highlight v3 | MIT license | Johann Burkard \n * Highlights arbitrary terms in a node.\n *\n * - Modified by Marshal 2011-6-24 (added regex)\n * - Modified by Brian Reavis 2012-8-27 (cleanup)\n */\nimport { replaceNode } from \"../vanilla.js\";\nexport const highlight = (element, regex) => {\n if (regex === null)\n return;\n // convet string to regex\n if (typeof regex === 'string') {\n if (!regex.length)\n return;\n regex = new RegExp(regex, 'i');\n }\n // Wrap matching part of text node with highlighting , e.g.\n // Soccer -> Soccer for regex = /soc/i\n const highlightText = (node) => {\n var match = node.data.match(regex);\n if (match && node.data.length > 0) {\n var spannode = document.createElement('span');\n spannode.className = 'highlight';\n var middlebit = node.splitText(match.index);\n middlebit.splitText(match[0].length);\n var middleclone = middlebit.cloneNode(true);\n spannode.appendChild(middleclone);\n replaceNode(middlebit, spannode);\n return 1;\n }\n return 0;\n };\n // Recurse element node, looking for child text nodes to highlight, unless element\n // is childless,