`):\n *\n * ```javascript\n * var hljs = require('highlight.js') // https://highlightjs.org/\n *\n * // Actual default values\n * var md = require('markdown-it')({\n * highlight: function (str, lang) {\n * if (lang && hljs.getLanguage(lang)) {\n * try {\n * return '' +\n * hljs.highlight(str, { language: lang, ignoreIllegals: true }).value +\n * '
';\n * } catch (__) {}\n * }\n *\n * return '' + md.utils.escapeHtml(str) + '
';\n * }\n * });\n * ```\n *\n **/\nfunction MarkdownIt (presetName, options) {\n if (!(this instanceof MarkdownIt)) {\n return new MarkdownIt(presetName, options)\n }\n\n if (!options) {\n if (!utils.isString(presetName)) {\n options = presetName || {}\n presetName = 'default'\n }\n }\n\n /**\n * MarkdownIt#inline -> ParserInline\n *\n * Instance of [[ParserInline]]. You may need it to add new rules when\n * writing plugins. For simple rules control use [[MarkdownIt.disable]] and\n * [[MarkdownIt.enable]].\n **/\n this.inline = new ParserInline()\n\n /**\n * MarkdownIt#block -> ParserBlock\n *\n * Instance of [[ParserBlock]]. You may need it to add new rules when\n * writing plugins. For simple rules control use [[MarkdownIt.disable]] and\n * [[MarkdownIt.enable]].\n **/\n this.block = new ParserBlock()\n\n /**\n * MarkdownIt#core -> Core\n *\n * Instance of [[Core]] chain executor. You may need it to add new rules when\n * writing plugins. For simple rules control use [[MarkdownIt.disable]] and\n * [[MarkdownIt.enable]].\n **/\n this.core = new ParserCore()\n\n /**\n * MarkdownIt#renderer -> Renderer\n *\n * Instance of [[Renderer]]. Use it to modify output look. Or to add rendering\n * rules for new token types, generated by plugins.\n *\n * ##### Example\n *\n * ```javascript\n * var md = require('markdown-it')();\n *\n * function myToken(tokens, idx, options, env, self) {\n * //...\n * return result;\n * };\n *\n * md.renderer.rules['my_token'] = myToken\n * ```\n *\n * See [[Renderer]] docs and [source code](https://github.com/markdown-it/markdown-it/blob/master/lib/renderer.mjs).\n **/\n this.renderer = new Renderer()\n\n /**\n * MarkdownIt#linkify -> LinkifyIt\n *\n * [linkify-it](https://github.com/markdown-it/linkify-it) instance.\n * Used by [linkify](https://github.com/markdown-it/markdown-it/blob/master/lib/rules_core/linkify.mjs)\n * rule.\n **/\n this.linkify = new LinkifyIt()\n\n /**\n * MarkdownIt#validateLink(url) -> Boolean\n *\n * Link validation function. CommonMark allows too much in links. By default\n * we disable `javascript:`, `vbscript:`, `file:` schemas, and almost all `data:...` schemas\n * except some embedded image types.\n *\n * You can change this behaviour:\n *\n * ```javascript\n * var md = require('markdown-it')();\n * // enable everything\n * md.validateLink = function () { return true; }\n * ```\n **/\n this.validateLink = validateLink\n\n /**\n * MarkdownIt#normalizeLink(url) -> String\n *\n * Function used to encode link url to a machine-readable format,\n * which includes url-encoding, punycode, etc.\n **/\n this.normalizeLink = normalizeLink\n\n /**\n * MarkdownIt#normalizeLinkText(url) -> String\n *\n * Function used to decode link url to a human-readable format`\n **/\n this.normalizeLinkText = normalizeLinkText\n\n // Expose utils & helpers for easy acces from plugins\n\n /**\n * MarkdownIt#utils -> utils\n *\n * Assorted utility functions, useful to write plugins. See details\n * [here](https://github.com/markdown-it/markdown-it/blob/master/lib/common/utils.mjs).\n **/\n this.utils = utils\n\n /**\n * MarkdownIt#helpers -> helpers\n *\n * Link components parser functions, useful to write plugins. See details\n * [here](https://github.com/markdown-it/markdown-it/blob/master/lib/helpers).\n **/\n this.helpers = utils.assign({}, helpers)\n\n this.options = {}\n this.configure(presetName)\n\n if (options) { this.set(options) }\n}\n\n/** chainable\n * MarkdownIt.set(options)\n *\n * Set parser options (in the same format as in constructor). Probably, you\n * will never need it, but you can change options after constructor call.\n *\n * ##### Example\n *\n * ```javascript\n * var md = require('markdown-it')()\n * .set({ html: true, breaks: true })\n * .set({ typographer, true });\n * ```\n *\n * __Note:__ To achieve the best possible performance, don't modify a\n * `markdown-it` instance options on the fly. If you need multiple configurations\n * it's best to create multiple instances and initialize each with separate\n * config.\n **/\nMarkdownIt.prototype.set = function (options) {\n utils.assign(this.options, options)\n return this\n}\n\n/** chainable, internal\n * MarkdownIt.configure(presets)\n *\n * Batch load of all options and compenent settings. This is internal method,\n * and you probably will not need it. But if you will - see available presets\n * and data structure [here](https://github.com/markdown-it/markdown-it/tree/master/lib/presets)\n *\n * We strongly recommend to use presets instead of direct config loads. That\n * will give better compatibility with next versions.\n **/\nMarkdownIt.prototype.configure = function (presets) {\n const self = this\n\n if (utils.isString(presets)) {\n const presetName = presets\n presets = config[presetName]\n if (!presets) { throw new Error('Wrong `markdown-it` preset \"' + presetName + '\", check name') }\n }\n\n if (!presets) { throw new Error('Wrong `markdown-it` preset, can\\'t be empty') }\n\n if (presets.options) { self.set(presets.options) }\n\n if (presets.components) {\n Object.keys(presets.components).forEach(function (name) {\n if (presets.components[name].rules) {\n self[name].ruler.enableOnly(presets.components[name].rules)\n }\n if (presets.components[name].rules2) {\n self[name].ruler2.enableOnly(presets.components[name].rules2)\n }\n })\n }\n return this\n}\n\n/** chainable\n * MarkdownIt.enable(list, ignoreInvalid)\n * - list (String|Array): rule name or list of rule names to enable\n * - ignoreInvalid (Boolean): set `true` to ignore errors when rule not found.\n *\n * Enable list or rules. It will automatically find appropriate components,\n * containing rules with given names. If rule not found, and `ignoreInvalid`\n * not set - throws exception.\n *\n * ##### Example\n *\n * ```javascript\n * var md = require('markdown-it')()\n * .enable(['sub', 'sup'])\n * .disable('smartquotes');\n * ```\n **/\nMarkdownIt.prototype.enable = function (list, ignoreInvalid) {\n let result = []\n\n if (!Array.isArray(list)) { list = [list] }\n\n ['core', 'block', 'inline'].forEach(function (chain) {\n result = result.concat(this[chain].ruler.enable(list, true))\n }, this)\n\n result = result.concat(this.inline.ruler2.enable(list, true))\n\n const missed = list.filter(function (name) { return result.indexOf(name) < 0 })\n\n if (missed.length && !ignoreInvalid) {\n throw new Error('MarkdownIt. Failed to enable unknown rule(s): ' + missed)\n }\n\n return this\n}\n\n/** chainable\n * MarkdownIt.disable(list, ignoreInvalid)\n * - list (String|Array): rule name or list of rule names to disable.\n * - ignoreInvalid (Boolean): set `true` to ignore errors when rule not found.\n *\n * The same as [[MarkdownIt.enable]], but turn specified rules off.\n **/\nMarkdownIt.prototype.disable = function (list, ignoreInvalid) {\n let result = []\n\n if (!Array.isArray(list)) { list = [list] }\n\n ['core', 'block', 'inline'].forEach(function (chain) {\n result = result.concat(this[chain].ruler.disable(list, true))\n }, this)\n\n result = result.concat(this.inline.ruler2.disable(list, true))\n\n const missed = list.filter(function (name) { return result.indexOf(name) < 0 })\n\n if (missed.length && !ignoreInvalid) {\n throw new Error('MarkdownIt. Failed to disable unknown rule(s): ' + missed)\n }\n return this\n}\n\n/** chainable\n * MarkdownIt.use(plugin, params)\n *\n * Load specified plugin with given params into current parser instance.\n * It's just a sugar to call `plugin(md, params)` with curring.\n *\n * ##### Example\n *\n * ```javascript\n * var iterator = require('markdown-it-for-inline');\n * var md = require('markdown-it')()\n * .use(iterator, 'foo_replace', 'text', function (tokens, idx) {\n * tokens[idx].content = tokens[idx].content.replace(/foo/g, 'bar');\n * });\n * ```\n **/\nMarkdownIt.prototype.use = function (plugin /*, params, ... */) {\n const args = [this].concat(Array.prototype.slice.call(arguments, 1))\n plugin.apply(plugin, args)\n return this\n}\n\n/** internal\n * MarkdownIt.parse(src, env) -> Array\n * - src (String): source string\n * - env (Object): environment sandbox\n *\n * Parse input string and return list of block tokens (special token type\n * \"inline\" will contain list of inline tokens). You should not call this\n * method directly, until you write custom renderer (for example, to produce\n * AST).\n *\n * `env` is used to pass data between \"distributed\" rules and return additional\n * metadata like reference info, needed for the renderer. It also can be used to\n * inject data in specific cases. Usually, you will be ok to pass `{}`,\n * and then pass updated object to renderer.\n **/\nMarkdownIt.prototype.parse = function (src, env) {\n if (typeof src !== 'string') {\n throw new Error('Input data should be a String')\n }\n\n const state = new this.core.State(src, this, env)\n\n this.core.process(state)\n\n return state.tokens\n}\n\n/**\n * MarkdownIt.render(src [, env]) -> String\n * - src (String): source string\n * - env (Object): environment sandbox\n *\n * Render markdown string into html. It does all magic for you :).\n *\n * `env` can be used to inject additional metadata (`{}` by default).\n * But you will not need it with high probability. See also comment\n * in [[MarkdownIt.parse]].\n **/\nMarkdownIt.prototype.render = function (src, env) {\n env = env || {}\n\n return this.renderer.render(this.parse(src, env), this.options, env)\n}\n\n/** internal\n * MarkdownIt.parseInline(src, env) -> Array\n * - src (String): source string\n * - env (Object): environment sandbox\n *\n * The same as [[MarkdownIt.parse]] but skip all block rules. It returns the\n * block tokens list with the single `inline` element, containing parsed inline\n * tokens in `children` property. Also updates `env` object.\n **/\nMarkdownIt.prototype.parseInline = function (src, env) {\n const state = new this.core.State(src, this, env)\n\n state.inlineMode = true\n this.core.process(state)\n\n return state.tokens\n}\n\n/**\n * MarkdownIt.renderInline(src [, env]) -> String\n * - src (String): source string\n * - env (Object): environment sandbox\n *\n * Similar to [[MarkdownIt.render]] but for single paragraph content. Result\n * will NOT be wrapped into `` tags.\n **/\nMarkdownIt.prototype.renderInline = function (src, env) {\n env = env || {}\n\n return this.renderer.render(this.parseInline(src, env), this.options, env)\n}\n\nexport default MarkdownIt\n","import { Schema, Mark } from 'prosemirror-model';\nimport MarkdownIt from 'markdown-it';\n\n/**\nDocument schema for the data model used by CommonMark.\n*/\nconst schema = new Schema({\n nodes: {\n doc: {\n content: \"block+\"\n },\n paragraph: {\n content: \"inline*\",\n group: \"block\",\n parseDOM: [{ tag: \"p\" }],\n toDOM() { return [\"p\", 0]; }\n },\n blockquote: {\n content: \"block+\",\n group: \"block\",\n parseDOM: [{ tag: \"blockquote\" }],\n toDOM() { return [\"blockquote\", 0]; }\n },\n horizontal_rule: {\n group: \"block\",\n parseDOM: [{ tag: \"hr\" }],\n toDOM() { return [\"div\", [\"hr\"]]; }\n },\n heading: {\n attrs: { level: { default: 1 } },\n content: \"(text | image)*\",\n group: \"block\",\n defining: true,\n parseDOM: [{ tag: \"h1\", attrs: { level: 1 } },\n { tag: \"h2\", attrs: { level: 2 } },\n { tag: \"h3\", attrs: { level: 3 } },\n { tag: \"h4\", attrs: { level: 4 } },\n { tag: \"h5\", attrs: { level: 5 } },\n { tag: \"h6\", attrs: { level: 6 } }],\n toDOM(node) { return [\"h\" + node.attrs.level, 0]; }\n },\n code_block: {\n content: \"text*\",\n group: \"block\",\n code: true,\n defining: true,\n marks: \"\",\n attrs: { params: { default: \"\" } },\n parseDOM: [{ tag: \"pre\", preserveWhitespace: \"full\", getAttrs: node => ({ params: node.getAttribute(\"data-params\") || \"\" }) }],\n toDOM(node) { return [\"pre\", node.attrs.params ? { \"data-params\": node.attrs.params } : {}, [\"code\", 0]]; }\n },\n ordered_list: {\n content: \"list_item+\",\n group: \"block\",\n attrs: { order: { default: 1 }, tight: { default: false } },\n parseDOM: [{ tag: \"ol\", getAttrs(dom) {\n return { order: dom.hasAttribute(\"start\") ? +dom.getAttribute(\"start\") : 1,\n tight: dom.hasAttribute(\"data-tight\") };\n } }],\n toDOM(node) {\n return [\"ol\", { start: node.attrs.order == 1 ? null : node.attrs.order,\n \"data-tight\": node.attrs.tight ? \"true\" : null }, 0];\n }\n },\n bullet_list: {\n content: \"list_item+\",\n group: \"block\",\n attrs: { tight: { default: false } },\n parseDOM: [{ tag: \"ul\", getAttrs: dom => ({ tight: dom.hasAttribute(\"data-tight\") }) }],\n toDOM(node) { return [\"ul\", { \"data-tight\": node.attrs.tight ? \"true\" : null }, 0]; }\n },\n list_item: {\n content: \"block+\",\n defining: true,\n parseDOM: [{ tag: \"li\" }],\n toDOM() { return [\"li\", 0]; }\n },\n text: {\n group: \"inline\"\n },\n image: {\n inline: true,\n attrs: {\n src: {},\n alt: { default: null },\n title: { default: null }\n },\n group: \"inline\",\n draggable: true,\n parseDOM: [{ tag: \"img[src]\", getAttrs(dom) {\n return {\n src: dom.getAttribute(\"src\"),\n title: dom.getAttribute(\"title\"),\n alt: dom.getAttribute(\"alt\")\n };\n } }],\n toDOM(node) { return [\"img\", node.attrs]; }\n },\n hard_break: {\n inline: true,\n group: \"inline\",\n selectable: false,\n parseDOM: [{ tag: \"br\" }],\n toDOM() { return [\"br\"]; }\n }\n },\n marks: {\n em: {\n parseDOM: [\n { tag: \"i\" }, { tag: \"em\" },\n { style: \"font-style=italic\" },\n { style: \"font-style=normal\", clearMark: m => m.type.name == \"em\" }\n ],\n toDOM() { return [\"em\"]; }\n },\n strong: {\n parseDOM: [\n { tag: \"strong\" },\n { tag: \"b\", getAttrs: node => node.style.fontWeight != \"normal\" && null },\n { style: \"font-weight=400\", clearMark: m => m.type.name == \"strong\" },\n { style: \"font-weight\", getAttrs: value => /^(bold(er)?|[5-9]\\d{2,})$/.test(value) && null }\n ],\n toDOM() { return [\"strong\"]; }\n },\n link: {\n attrs: {\n href: {},\n title: { default: null }\n },\n inclusive: false,\n parseDOM: [{ tag: \"a[href]\", getAttrs(dom) {\n return { href: dom.getAttribute(\"href\"), title: dom.getAttribute(\"title\") };\n } }],\n toDOM(node) { return [\"a\", node.attrs]; }\n },\n code: {\n parseDOM: [{ tag: \"code\" }],\n toDOM() { return [\"code\"]; }\n }\n }\n});\n\n// @ts-ignore\nfunction maybeMerge(a, b) {\n if (a.isText && b.isText && Mark.sameSet(a.marks, b.marks))\n return a.withText(a.text + b.text);\n}\n// Object used to track the context of a running parse.\nclass MarkdownParseState {\n constructor(schema, tokenHandlers) {\n this.schema = schema;\n this.tokenHandlers = tokenHandlers;\n this.stack = [{ type: schema.topNodeType, attrs: null, content: [], marks: Mark.none }];\n }\n top() {\n return this.stack[this.stack.length - 1];\n }\n push(elt) {\n if (this.stack.length)\n this.top().content.push(elt);\n }\n // Adds the given text to the current position in the document,\n // using the current marks as styling.\n addText(text) {\n if (!text)\n return;\n let top = this.top(), nodes = top.content, last = nodes[nodes.length - 1];\n let node = this.schema.text(text, top.marks), merged;\n if (last && (merged = maybeMerge(last, node)))\n nodes[nodes.length - 1] = merged;\n else\n nodes.push(node);\n }\n // Adds the given mark to the set of active marks.\n openMark(mark) {\n let top = this.top();\n top.marks = mark.addToSet(top.marks);\n }\n // Removes the given mark from the set of active marks.\n closeMark(mark) {\n let top = this.top();\n top.marks = mark.removeFromSet(top.marks);\n }\n parseTokens(toks) {\n for (let i = 0; i < toks.length; i++) {\n let tok = toks[i];\n let handler = this.tokenHandlers[tok.type];\n if (!handler)\n throw new Error(\"Token type `\" + tok.type + \"` not supported by Markdown parser\");\n handler(this, tok, toks, i);\n }\n }\n // Add a node at the current position.\n addNode(type, attrs, content) {\n let top = this.top();\n let node = type.createAndFill(attrs, content, top ? top.marks : []);\n if (!node)\n return null;\n this.push(node);\n return node;\n }\n // Wrap subsequent content in a node of the given type.\n openNode(type, attrs) {\n this.stack.push({ type: type, attrs: attrs, content: [], marks: Mark.none });\n }\n // Close and return the node that is currently on top of the stack.\n closeNode() {\n let info = this.stack.pop();\n return this.addNode(info.type, info.attrs, info.content);\n }\n}\nfunction attrs(spec, token, tokens, i) {\n if (spec.getAttrs)\n return spec.getAttrs(token, tokens, i);\n // For backwards compatibility when `attrs` is a Function\n else if (spec.attrs instanceof Function)\n return spec.attrs(token);\n else\n return spec.attrs;\n}\n// Code content is represented as a single token with a `content`\n// property in Markdown-it.\nfunction noCloseToken(spec, type) {\n return spec.noCloseToken || type == \"code_inline\" || type == \"code_block\" || type == \"fence\";\n}\nfunction withoutTrailingNewline(str) {\n return str[str.length - 1] == \"\\n\" ? str.slice(0, str.length - 1) : str;\n}\nfunction noOp() { }\nfunction tokenHandlers(schema, tokens) {\n let handlers = Object.create(null);\n for (let type in tokens) {\n let spec = tokens[type];\n if (spec.block) {\n let nodeType = schema.nodeType(spec.block);\n if (noCloseToken(spec, type)) {\n handlers[type] = (state, tok, tokens, i) => {\n state.openNode(nodeType, attrs(spec, tok, tokens, i));\n state.addText(withoutTrailingNewline(tok.content));\n state.closeNode();\n };\n }\n else {\n handlers[type + \"_open\"] = (state, tok, tokens, i) => state.openNode(nodeType, attrs(spec, tok, tokens, i));\n handlers[type + \"_close\"] = state => state.closeNode();\n }\n }\n else if (spec.node) {\n let nodeType = schema.nodeType(spec.node);\n handlers[type] = (state, tok, tokens, i) => state.addNode(nodeType, attrs(spec, tok, tokens, i));\n }\n else if (spec.mark) {\n let markType = schema.marks[spec.mark];\n if (noCloseToken(spec, type)) {\n handlers[type] = (state, tok, tokens, i) => {\n state.openMark(markType.create(attrs(spec, tok, tokens, i)));\n state.addText(withoutTrailingNewline(tok.content));\n state.closeMark(markType);\n };\n }\n else {\n handlers[type + \"_open\"] = (state, tok, tokens, i) => state.openMark(markType.create(attrs(spec, tok, tokens, i)));\n handlers[type + \"_close\"] = state => state.closeMark(markType);\n }\n }\n else if (spec.ignore) {\n if (noCloseToken(spec, type)) {\n handlers[type] = noOp;\n }\n else {\n handlers[type + \"_open\"] = noOp;\n handlers[type + \"_close\"] = noOp;\n }\n }\n else {\n throw new RangeError(\"Unrecognized parsing spec \" + JSON.stringify(spec));\n }\n }\n handlers.text = (state, tok) => state.addText(tok.content);\n handlers.inline = (state, tok) => state.parseTokens(tok.children);\n handlers.softbreak = handlers.softbreak || (state => state.addText(\" \"));\n return handlers;\n}\n/**\nA configuration of a Markdown parser. Such a parser uses\n[markdown-it](https://github.com/markdown-it/markdown-it) to\ntokenize a file, and then runs the custom rules it is given over\nthe tokens to create a ProseMirror document tree.\n*/\nclass MarkdownParser {\n /**\n Create a parser with the given configuration. You can configure\n the markdown-it parser to parse the dialect you want, and provide\n a description of the ProseMirror entities those tokens map to in\n the `tokens` object, which maps token names to descriptions of\n what to do with them. Such a description is an object, and may\n have the following properties:\n */\n constructor(\n /**\n The parser's document schema.\n */\n schema, \n /**\n This parser's markdown-it tokenizer.\n */\n tokenizer, \n /**\n The value of the `tokens` object used to construct this\n parser. Can be useful to copy and modify to base other parsers\n on.\n */\n tokens) {\n this.schema = schema;\n this.tokenizer = tokenizer;\n this.tokens = tokens;\n this.tokenHandlers = tokenHandlers(schema, tokens);\n }\n /**\n Parse a string as [CommonMark](http://commonmark.org/) markup,\n and create a ProseMirror document as prescribed by this parser's\n rules.\n \n The second argument, when given, is passed through to the\n [Markdown\n parser](https://markdown-it.github.io/markdown-it/#MarkdownIt.parse).\n */\n parse(text, markdownEnv = {}) {\n let state = new MarkdownParseState(this.schema, this.tokenHandlers), doc;\n state.parseTokens(this.tokenizer.parse(text, markdownEnv));\n do {\n doc = state.closeNode();\n } while (state.stack.length);\n return doc || this.schema.topNodeType.createAndFill();\n }\n}\nfunction listIsTight(tokens, i) {\n while (++i < tokens.length)\n if (tokens[i].type != \"list_item_open\")\n return tokens[i].hidden;\n return false;\n}\n/**\nA parser parsing unextended [CommonMark](http://commonmark.org/),\nwithout inline HTML, and producing a document in the basic schema.\n*/\nconst defaultMarkdownParser = new MarkdownParser(schema, MarkdownIt(\"commonmark\", { html: false }), {\n blockquote: { block: \"blockquote\" },\n paragraph: { block: \"paragraph\" },\n list_item: { block: \"list_item\" },\n bullet_list: { block: \"bullet_list\", getAttrs: (_, tokens, i) => ({ tight: listIsTight(tokens, i) }) },\n ordered_list: { block: \"ordered_list\", getAttrs: (tok, tokens, i) => ({\n order: +tok.attrGet(\"start\") || 1,\n tight: listIsTight(tokens, i)\n }) },\n heading: { block: \"heading\", getAttrs: tok => ({ level: +tok.tag.slice(1) }) },\n code_block: { block: \"code_block\", noCloseToken: true },\n fence: { block: \"code_block\", getAttrs: tok => ({ params: tok.info || \"\" }), noCloseToken: true },\n hr: { node: \"horizontal_rule\" },\n image: { node: \"image\", getAttrs: tok => ({\n src: tok.attrGet(\"src\"),\n title: tok.attrGet(\"title\") || null,\n alt: tok.children[0] && tok.children[0].content || null\n }) },\n hardbreak: { node: \"hard_break\" },\n em: { mark: \"em\" },\n strong: { mark: \"strong\" },\n link: { mark: \"link\", getAttrs: tok => ({\n href: tok.attrGet(\"href\"),\n title: tok.attrGet(\"title\") || null\n }) },\n code_inline: { mark: \"code\", noCloseToken: true }\n});\n\nconst blankMark = { open: \"\", close: \"\", mixable: true };\n/**\nA specification for serializing a ProseMirror document as\nMarkdown/CommonMark text.\n*/\nclass MarkdownSerializer {\n /**\n Construct a serializer with the given configuration. The `nodes`\n object should map node names in a given schema to function that\n take a serializer state and such a node, and serialize the node.\n */\n constructor(\n /**\n The node serializer functions for this serializer.\n */\n nodes, \n /**\n The mark serializer info.\n */\n marks, options = {}) {\n this.nodes = nodes;\n this.marks = marks;\n this.options = options;\n }\n /**\n Serialize the content of the given node to\n [CommonMark](http://commonmark.org/).\n */\n serialize(content, options = {}) {\n options = Object.assign({}, this.options, options);\n let state = new MarkdownSerializerState(this.nodes, this.marks, options);\n state.renderContent(content);\n return state.out;\n }\n}\n/**\nA serializer for the [basic schema](https://prosemirror.net/docs/ref/#schema).\n*/\nconst defaultMarkdownSerializer = new MarkdownSerializer({\n blockquote(state, node) {\n state.wrapBlock(\"> \", null, node, () => state.renderContent(node));\n },\n code_block(state, node) {\n // Make sure the front matter fences are longer than any dash sequence within it\n const backticks = node.textContent.match(/`{3,}/gm);\n const fence = backticks ? (backticks.sort().slice(-1)[0] + \"`\") : \"```\";\n state.write(fence + (node.attrs.params || \"\") + \"\\n\");\n state.text(node.textContent, false);\n // Add a newline to the current content before adding closing marker\n state.write(\"\\n\");\n state.write(fence);\n state.closeBlock(node);\n },\n heading(state, node) {\n state.write(state.repeat(\"#\", node.attrs.level) + \" \");\n state.renderInline(node, false);\n state.closeBlock(node);\n },\n horizontal_rule(state, node) {\n state.write(node.attrs.markup || \"---\");\n state.closeBlock(node);\n },\n bullet_list(state, node) {\n state.renderList(node, \" \", () => (node.attrs.bullet || \"*\") + \" \");\n },\n ordered_list(state, node) {\n let start = node.attrs.order || 1;\n let maxW = String(start + node.childCount - 1).length;\n let space = state.repeat(\" \", maxW + 2);\n state.renderList(node, space, i => {\n let nStr = String(start + i);\n return state.repeat(\" \", maxW - nStr.length) + nStr + \". \";\n });\n },\n list_item(state, node) {\n state.renderContent(node);\n },\n paragraph(state, node) {\n state.renderInline(node);\n state.closeBlock(node);\n },\n image(state, node) {\n state.write(\"![\" + state.esc(node.attrs.alt || \"\") + \"](\" + node.attrs.src.replace(/[\\(\\)]/g, \"\\\\$&\") +\n (node.attrs.title ? ' \"' + node.attrs.title.replace(/\"/g, '\\\\\"') + '\"' : \"\") + \")\");\n },\n hard_break(state, node, parent, index) {\n for (let i = index + 1; i < parent.childCount; i++)\n if (parent.child(i).type != node.type) {\n state.write(\"\\\\\\n\");\n return;\n }\n },\n text(state, node) {\n state.text(node.text, !state.inAutolink);\n }\n}, {\n em: { open: \"*\", close: \"*\", mixable: true, expelEnclosingWhitespace: true },\n strong: { open: \"**\", close: \"**\", mixable: true, expelEnclosingWhitespace: true },\n link: {\n open(state, mark, parent, index) {\n state.inAutolink = isPlainURL(mark, parent, index);\n return state.inAutolink ? \"<\" : \"[\";\n },\n close(state, mark, parent, index) {\n let { inAutolink } = state;\n state.inAutolink = undefined;\n return inAutolink ? \">\"\n : \"](\" + mark.attrs.href.replace(/[\\(\\)\"]/g, \"\\\\$&\") + (mark.attrs.title ? ` \"${mark.attrs.title.replace(/\"/g, '\\\\\"')}\"` : \"\") + \")\";\n },\n mixable: true\n },\n code: { open(_state, _mark, parent, index) { return backticksFor(parent.child(index), -1); },\n close(_state, _mark, parent, index) { return backticksFor(parent.child(index - 1), 1); },\n escape: false }\n});\nfunction backticksFor(node, side) {\n let ticks = /`+/g, m, len = 0;\n if (node.isText)\n while (m = ticks.exec(node.text))\n len = Math.max(len, m[0].length);\n let result = len > 0 && side > 0 ? \" `\" : \"`\";\n for (let i = 0; i < len; i++)\n result += \"`\";\n if (len > 0 && side < 0)\n result += \" \";\n return result;\n}\nfunction isPlainURL(link, parent, index) {\n if (link.attrs.title || !/^\\w+:/.test(link.attrs.href))\n return false;\n let content = parent.child(index);\n if (!content.isText || content.text != link.attrs.href || content.marks[content.marks.length - 1] != link)\n return false;\n return index == parent.childCount - 1 || !link.isInSet(parent.child(index + 1).marks);\n}\n/**\nThis is an object used to track state and expose\nmethods related to markdown serialization. Instances are passed to\nnode and mark serialization methods (see `toMarkdown`).\n*/\nclass MarkdownSerializerState {\n /**\n @internal\n */\n constructor(\n /**\n @internal\n */\n nodes, \n /**\n @internal\n */\n marks, \n /**\n The options passed to the serializer.\n */\n options) {\n this.nodes = nodes;\n this.marks = marks;\n this.options = options;\n /**\n @internal\n */\n this.delim = \"\";\n /**\n @internal\n */\n this.out = \"\";\n /**\n @internal\n */\n this.closed = null;\n /**\n @internal\n */\n this.inAutolink = undefined;\n /**\n @internal\n */\n this.atBlockStart = false;\n /**\n @internal\n */\n this.inTightList = false;\n if (typeof this.options.tightLists == \"undefined\")\n this.options.tightLists = false;\n if (typeof this.options.hardBreakNodeName == \"undefined\")\n this.options.hardBreakNodeName = \"hard_break\";\n }\n /**\n @internal\n */\n flushClose(size = 2) {\n if (this.closed) {\n if (!this.atBlank())\n this.out += \"\\n\";\n if (size > 1) {\n let delimMin = this.delim;\n let trim = /\\s+$/.exec(delimMin);\n if (trim)\n delimMin = delimMin.slice(0, delimMin.length - trim[0].length);\n for (let i = 1; i < size; i++)\n this.out += delimMin + \"\\n\";\n }\n this.closed = null;\n }\n }\n /**\n @internal\n */\n getMark(name) {\n let info = this.marks[name];\n if (!info) {\n if (this.options.strict !== false)\n throw new Error(`Mark type \\`${name}\\` not supported by Markdown renderer`);\n info = blankMark;\n }\n return info;\n }\n /**\n Render a block, prefixing each line with `delim`, and the first\n line in `firstDelim`. `node` should be the node that is closed at\n the end of the block, and `f` is a function that renders the\n content of the block.\n */\n wrapBlock(delim, firstDelim, node, f) {\n let old = this.delim;\n this.write(firstDelim != null ? firstDelim : delim);\n this.delim += delim;\n f();\n this.delim = old;\n this.closeBlock(node);\n }\n /**\n @internal\n */\n atBlank() {\n return /(^|\\n)$/.test(this.out);\n }\n /**\n Ensure the current content ends with a newline.\n */\n ensureNewLine() {\n if (!this.atBlank())\n this.out += \"\\n\";\n }\n /**\n Prepare the state for writing output (closing closed paragraphs,\n adding delimiters, and so on), and then optionally add content\n (unescaped) to the output.\n */\n write(content) {\n this.flushClose();\n if (this.delim && this.atBlank())\n this.out += this.delim;\n if (content)\n this.out += content;\n }\n /**\n Close the block for the given node.\n */\n closeBlock(node) {\n this.closed = node;\n }\n /**\n Add the given text to the document. When escape is not `false`,\n it will be escaped.\n */\n text(text, escape = true) {\n let lines = text.split(\"\\n\");\n for (let i = 0; i < lines.length; i++) {\n this.write();\n // Escape exclamation marks in front of links\n if (!escape && lines[i][0] == \"[\" && /(^|[^\\\\])\\!$/.test(this.out))\n this.out = this.out.slice(0, this.out.length - 1) + \"\\\\!\";\n this.out += escape ? this.esc(lines[i], this.atBlockStart) : lines[i];\n if (i != lines.length - 1)\n this.out += \"\\n\";\n }\n }\n /**\n Render the given node as a block.\n */\n render(node, parent, index) {\n if (this.nodes[node.type.name]) {\n this.nodes[node.type.name](this, node, parent, index);\n }\n else {\n if (this.options.strict !== false) {\n throw new Error(\"Token type `\" + node.type.name + \"` not supported by Markdown renderer\");\n }\n else if (!node.type.isLeaf) {\n if (node.type.inlineContent)\n this.renderInline(node);\n else\n this.renderContent(node);\n if (node.isBlock)\n this.closeBlock(node);\n }\n }\n }\n /**\n Render the contents of `parent` as block nodes.\n */\n renderContent(parent) {\n parent.forEach((node, _, i) => this.render(node, parent, i));\n }\n /**\n Render the contents of `parent` as inline content.\n */\n renderInline(parent, fromBlockStart = true) {\n this.atBlockStart = fromBlockStart;\n let active = [], trailing = \"\";\n let progress = (node, offset, index) => {\n let marks = node ? node.marks : [];\n // Remove marks from `hard_break` that are the last node inside\n // that mark to prevent parser edge cases with new lines just\n // before closing marks.\n if (node && node.type.name === this.options.hardBreakNodeName)\n marks = marks.filter(m => {\n if (index + 1 == parent.childCount)\n return false;\n let next = parent.child(index + 1);\n return m.isInSet(next.marks) && (!next.isText || /\\S/.test(next.text));\n });\n let leading = trailing;\n trailing = \"\";\n // If whitespace has to be expelled from the node, adjust\n // leading and trailing accordingly.\n if (node && node.isText && marks.some(mark => {\n let info = this.getMark(mark.type.name);\n return info && info.expelEnclosingWhitespace && !mark.isInSet(active);\n })) {\n let [_, lead, rest] = /^(\\s*)(.*)$/m.exec(node.text);\n if (lead) {\n leading += lead;\n node = rest ? node.withText(rest) : null;\n if (!node)\n marks = active;\n }\n }\n if (node && node.isText && marks.some(mark => {\n let info = this.getMark(mark.type.name);\n return info && info.expelEnclosingWhitespace &&\n (index == parent.childCount - 1 || !mark.isInSet(parent.child(index + 1).marks));\n })) {\n let [_, rest, trail] = /^(.*?)(\\s*)$/m.exec(node.text);\n if (trail) {\n trailing = trail;\n node = rest ? node.withText(rest) : null;\n if (!node)\n marks = active;\n }\n }\n let inner = marks.length ? marks[marks.length - 1] : null;\n let noEsc = inner && this.getMark(inner.type.name).escape === false;\n let len = marks.length - (noEsc ? 1 : 0);\n // Try to reorder 'mixable' marks, such as em and strong, which\n // in Markdown may be opened and closed in different order, so\n // that order of the marks for the token matches the order in\n // active.\n outer: for (let i = 0; i < len; i++) {\n let mark = marks[i];\n if (!this.getMark(mark.type.name).mixable)\n break;\n for (let j = 0; j < active.length; j++) {\n let other = active[j];\n if (!this.getMark(other.type.name).mixable)\n break;\n if (mark.eq(other)) {\n if (i > j)\n marks = marks.slice(0, j).concat(mark).concat(marks.slice(j, i)).concat(marks.slice(i + 1, len));\n else if (j > i)\n marks = marks.slice(0, i).concat(marks.slice(i + 1, j)).concat(mark).concat(marks.slice(j, len));\n continue outer;\n }\n }\n }\n // Find the prefix of the mark set that didn't change\n let keep = 0;\n while (keep < Math.min(active.length, len) && marks[keep].eq(active[keep]))\n ++keep;\n // Close the marks that need to be closed\n while (keep < active.length)\n this.text(this.markString(active.pop(), false, parent, index), false);\n // Output any previously expelled trailing whitespace outside the marks\n if (leading)\n this.text(leading);\n // Open the marks that need to be opened\n if (node) {\n while (active.length < len) {\n let add = marks[active.length];\n active.push(add);\n this.text(this.markString(add, true, parent, index), false);\n this.atBlockStart = false;\n }\n // Render the node. Special case code marks, since their content\n // may not be escaped.\n if (noEsc && node.isText)\n this.text(this.markString(inner, true, parent, index) + node.text +\n this.markString(inner, false, parent, index + 1), false);\n else\n this.render(node, parent, index);\n this.atBlockStart = false;\n }\n // After the first non-empty text node is rendered, the end of output\n // is no longer at block start.\n //\n // FIXME: If a non-text node writes something to the output for this\n // block, the end of output is also no longer at block start. But how\n // can we detect that?\n if ((node === null || node === void 0 ? void 0 : node.isText) && node.nodeSize > 0) {\n this.atBlockStart = false;\n }\n };\n parent.forEach(progress);\n progress(null, 0, parent.childCount);\n this.atBlockStart = false;\n }\n /**\n Render a node's content as a list. `delim` should be the extra\n indentation added to all lines except the first in an item,\n `firstDelim` is a function going from an item index to a\n delimiter for the first line of the item.\n */\n renderList(node, delim, firstDelim) {\n if (this.closed && this.closed.type == node.type)\n this.flushClose(3);\n else if (this.inTightList)\n this.flushClose(1);\n let isTight = typeof node.attrs.tight != \"undefined\" ? node.attrs.tight : this.options.tightLists;\n let prevTight = this.inTightList;\n this.inTightList = isTight;\n node.forEach((child, _, i) => {\n if (i && isTight)\n this.flushClose(1);\n this.wrapBlock(delim, firstDelim(i), node, () => this.render(child, node, i));\n });\n this.inTightList = prevTight;\n }\n /**\n Escape the given string so that it can safely appear in Markdown\n content. If `startOfLine` is true, also escape characters that\n have special meaning only at the start of the line.\n */\n esc(str, startOfLine = false) {\n str = str.replace(/[`*\\\\~\\[\\]_]/g, (m, i) => m == \"_\" && i > 0 && i + 1 < str.length && str[i - 1].match(/\\w/) && str[i + 1].match(/\\w/) ? m : \"\\\\\" + m);\n if (startOfLine)\n str = str.replace(/^(\\+[ ]|[\\-*>])/, \"\\\\$&\").replace(/^(\\s*)(#{1,6})(\\s|$)/, '$1\\\\$2$3').replace(/^(\\s*\\d+)\\.\\s/, \"$1\\\\. \");\n if (this.options.escapeExtraCharacters)\n str = str.replace(this.options.escapeExtraCharacters, \"\\\\$&\");\n return str;\n }\n /**\n @internal\n */\n quote(str) {\n let wrap = str.indexOf('\"') == -1 ? '\"\"' : str.indexOf(\"'\") == -1 ? \"''\" : \"()\";\n return wrap[0] + str + wrap[1];\n }\n /**\n Repeat the given string `n` times.\n */\n repeat(str, n) {\n let out = \"\";\n for (let i = 0; i < n; i++)\n out += str;\n return out;\n }\n /**\n Get the markdown string for a given opening or closing mark.\n */\n markString(mark, open, parent, index) {\n let info = this.getMark(mark.type.name);\n let value = open ? info.open : info.close;\n return typeof value == \"string\" ? value : value(this, mark, parent, index);\n }\n /**\n Get leading and trailing whitespace from a string. Values of\n leading or trailing property of the return object will be undefined\n if there is no match.\n */\n getEnclosingWhitespace(text) {\n return {\n leading: (text.match(/^(\\s+)/) || [undefined])[0],\n trailing: (text.match(/(\\s+)$/) || [undefined])[0]\n };\n }\n}\n\nexport { MarkdownParser, MarkdownSerializer, MarkdownSerializerState, defaultMarkdownParser, defaultMarkdownSerializer, schema };\n","// Process ^superscript^\n\n// same as UNESCAPE_MD_RE plus a space\nconst UNESCAPE_RE = /\\\\([ \\\\!\"#$%&'()*+,./:;<=>?@[\\]^_`{|}~-])/g\n\nfunction superscript (state, silent) {\n const max = state.posMax\n const start = state.pos\n\n if (state.src.charCodeAt(start) !== 0x5E/* ^ */) { return false }\n if (silent) { return false } // don't run any pairs in validation mode\n if (start + 2 >= max) { return false }\n\n state.pos = start + 1\n let found = false\n\n while (state.pos < max) {\n if (state.src.charCodeAt(state.pos) === 0x5E/* ^ */) {\n found = true\n break\n }\n\n state.md.inline.skipToken(state)\n }\n\n if (!found || start + 1 === state.pos) {\n state.pos = start\n return false\n }\n\n const content = state.src.slice(start + 1, state.pos)\n\n // don't allow unescaped spaces/newlines inside\n if (content.match(/(^|[^\\\\])(\\\\\\\\)*\\s/)) {\n state.pos = start\n return false\n }\n\n // found!\n state.posMax = state.pos\n state.pos = start + 1\n\n // Earlier we checked !silent, but this implementation does not need it\n const token_so = state.push('sup_open', 'sup', 1)\n token_so.markup = '^'\n\n const token_t = state.push('text', '', 0)\n token_t.content = content.replace(UNESCAPE_RE, '$1')\n\n const token_sc = state.push('sup_close', 'sup', -1)\n token_sc.markup = '^'\n\n state.pos = state.posMax + 1\n state.posMax = max\n return true\n}\n\nexport default function sup_plugin (md) {\n md.inline.ruler.after('emphasis', 'sup', superscript)\n};\n","import { undo, redo, history } from 'prosemirror-history';\nimport { Plugin, TextSelection, Selection, NodeSelection } from 'prosemirror-state';\nexport { EditorState, Selection } from 'prosemirror-state';\nimport { dropCursor } from 'prosemirror-dropcursor';\nimport { gapCursor } from 'prosemirror-gapcursor';\nimport { MenuItem, menuBar } from 'prosemirror-menu';\nimport { DecorationSet, Decoration } from 'prosemirror-view';\nexport { EditorView } from 'prosemirror-view';\nimport { InputRule, inputRules, wrappingInputRule, textblockTypeInputRule, undoInputRule } from 'prosemirror-inputrules';\nimport { Slice, Fragment, Schema } from 'prosemirror-model';\nimport { hasParentNodeOfType, safeInsert } from 'prosemirror-utils';\nimport * as baseListCommand from 'prosemirror-schema-list';\nimport { wrapInList, orderedList, bulletList, listItem } from 'prosemirror-schema-list';\nimport LinkifyIt from 'linkify-it';\nimport { chainCommands, deleteSelection, joinBackward, selectNodeBackward, toggleMark, exitCode, baseKeymap, joinUp, joinDown, selectParentNode, newlineInCode, createParagraphNear as createParagraphNear$1, liftEmptyBlock, splitBlock, setBlockType } from 'prosemirror-commands';\nimport { keymap } from 'prosemirror-keymap';\nimport MarkdownIt from 'markdown-it';\nimport { MarkdownParser, MarkdownSerializer, schema } from 'prosemirror-markdown';\nimport MarkdownItSup from 'markdown-it-sup';\n\nvar Placeholder = (placeholderText = '') => {\n return new Plugin({\n props: {\n decorations: state => {\n const decorations = [];\n const decorate = (node, pos) => {\n if (state.doc.content.size === 2) {\n decorations.push(Decoration.node(pos, pos + node.nodeSize, {\n class: 'empty-node',\n 'data-placeholder': placeholderText\n }));\n }\n };\n state.doc.descendants(decorate);\n return DecorationSet.create(state.doc, decorations);\n }\n }\n });\n};\n\n/**\n * Determine if a mark (with specific attribute values) exists anywhere in the selection.\n */\nconst markActive = (state, mark) => {\n const {\n from,\n to,\n empty\n } = state.selection;\n // When the selection is empty, only the active marks apply.\n if (empty) {\n return !!mark.isInSet(state.tr.storedMarks || state.selection.$from.marks());\n }\n // For a non-collapsed selection, the marks on the nodes matter.\n let found = false;\n state.doc.nodesBetween(from, to, node => {\n found = found || mark.isInSet(node.marks);\n });\n return found;\n};\nconst hasCode = (state, pos) => {\n const {\n code\n } = state.schema.marks;\n const node = pos >= 0 && state.doc.nodeAt(pos);\n if (node) {\n return !!node.marks.filter(mark => mark.type === code).length;\n }\n return false;\n};\nconst hasUnsupportedMarkForBlockInputRule = (state, start, end) => {\n const {\n doc,\n schema: {\n marks\n }\n } = state;\n let unsupportedMarksPresent = false;\n const isUnsupportedMark = node => node.type === marks.code || node.type === marks.link;\n doc.nodesBetween(start, end, node => {\n unsupportedMarksPresent = unsupportedMarksPresent || node.marks.filter(isUnsupportedMark).length > 0;\n });\n return unsupportedMarksPresent;\n};\nconst hasUnsupportedMarkForInputRule = (state, start, end) => {\n const {\n doc,\n schema: {\n marks\n }\n } = state;\n let unsupportedMarksPresent = false;\n const isCodemark = mark => mark.type === marks.code;\n doc.nodesBetween(start, end, node => {\n unsupportedMarksPresent = unsupportedMarksPresent || node.marks.filter(isCodemark).length > 0;\n });\n return unsupportedMarksPresent;\n};\nfunction defaultInputRuleHandler(inputRule, isBlockNodeRule = false) {\n const originalHandler = inputRule.handler;\n inputRule.handler = (state, match, start, end) => {\n // Skip any input rule inside code\n // https://product-fabric.atlassian.net/wiki/spaces/E/pages/37945345/Editor+content+feature+rules#Editorcontent/featurerules-Rawtextblocks\n const unsupportedMarks = isBlockNodeRule ? hasUnsupportedMarkForBlockInputRule(state, start, end) : hasUnsupportedMarkForInputRule(state, start, end);\n if (state.selection.$from.parent.type.spec.code || unsupportedMarks) {\n return;\n }\n return originalHandler(state, match, start, end);\n };\n return inputRule;\n}\nconst createInputRule$1 = (match, handler, isBlockNodeRule = false) => defaultInputRuleHandler(new InputRule(match, handler), isBlockNodeRule);\n\n// ProseMirror uses the Unicode Character 'OBJECT REPLACEMENT CHARACTER' (U+FFFC) as text representation for\n// leaf nodes, i.e. nodes that don't have any content or text property (e.g. hardBreak, emoji, mention, rule)\n// It was introduced because of https://github.com/ProseMirror/prosemirror/issues/262\n// This can be used in an input rule regex to be able to include or exclude such nodes.\nconst leafNodeReplacementCharacter = '\\ufffc';\n\n/**\n * Returns false if node contains only empty inline nodes and hardBreaks.\n */\nfunction hasVisibleContent(node) {\n const isInlineNodeHasVisibleContent = inlineNode => {\n return inlineNode.isText ? !!inlineNode.textContent.trim() : inlineNode.type.name !== 'hardBreak';\n };\n if (node.isInline) {\n return isInlineNodeHasVisibleContent(node);\n } else if (node.isBlock && (node.isLeaf || node.isAtom)) {\n return true;\n } else if (!node.childCount) {\n return false;\n }\n for (let index = 0; index < node.childCount; index++) {\n const child = node.child(index);\n if (hasVisibleContent(child)) {\n return true;\n }\n }\n return false;\n}\n\n/**\n * Checks if node is an empty paragraph.\n */\nfunction isEmptyParagraph(node) {\n return !node || node.type.name === 'paragraph' && !node.textContent && !node.childCount;\n}\n\n/**\n * Checks if a node has any content. Ignores node that only contain empty block nodes.\n */\nfunction isNodeEmpty(node) {\n if (node && node.textContent) {\n return false;\n }\n if (!node || !node.childCount || node.childCount === 1 && isEmptyParagraph(node.firstChild)) {\n return true;\n }\n const block = [];\n const nonBlock = [];\n node.forEach(child => {\n child.isInline ? nonBlock.push(child) : block.push(child);\n });\n return !nonBlock.length && !block.filter(childNode => !!childNode.childCount && !(childNode.childCount === 1 && isEmptyParagraph(childNode.firstChild)) || childNode.isAtom).length;\n}\nconst compose = (...functions) => args => functions.reduceRight((arg, fn) => fn(arg), args);\n\n/**\n * A helper to get the underlying array of a fragment.\n */\nfunction getFragmentBackingArray(fragment) {\n return fragment.content;\n}\nfunction mapFragment(content, callback, parent) {\n const children = [];\n for (let i = 0, size = content.childCount; i < size; i++) {\n const node = content.child(i);\n const transformed = node.isLeaf ? callback(node, parent, i) : callback(node.copy(mapFragment(node.content, callback, node)), parent, i);\n if (transformed) {\n if (transformed) {\n children.push(...getFragmentBackingArray(transformed));\n } else if (Array.isArray(transformed)) {\n children.push(...transformed);\n } else {\n children.push(transformed);\n }\n }\n }\n return Fragment.fromArray(children);\n}\nfunction mapSlice(slice, callback) {\n const fragment = mapFragment(slice.content, callback);\n return new Slice(fragment, slice.openStart, slice.openEnd);\n}\nfunction atTheEndOfDoc(state) {\n const {\n selection,\n doc\n } = state;\n return doc.nodeSize - selection.$to.pos - 2 === selection.$to.depth;\n}\nfunction canMoveDown(state) {\n const {\n selection\n } = state;\n if (selection instanceof TextSelection) {\n if (!selection.empty) {\n return true;\n }\n }\n return !atTheEndOfDoc(state);\n}\nfunction atTheBeginningOfDoc(state) {\n const {\n selection\n } = state;\n return selection.$from.pos === selection.$from.depth;\n}\nfunction canMoveUp(state) {\n const {\n selection\n } = state;\n if (selection instanceof TextSelection) {\n if (!selection.empty) {\n return true;\n }\n }\n return !atTheBeginningOfDoc(state);\n}\n\nconst maxIndentation = 3;\nfunction createInputRule(regexp, nodeType) {\n return wrappingInputRule(regexp, nodeType, {}, (_, node) => node.type === nodeType);\n}\nconst insertList = (state, listType, listTypeName, start, end) => {\n // To ensure that match is done after HardBreak.\n const {\n hardBreak\n } = state.schema.nodes;\n if (state.doc.resolve(start).nodeAfter.type !== hardBreak) {\n return null;\n }\n\n // To ensure no nesting is done.\n if (state.doc.resolve(start).depth > 1) {\n return null;\n }\n\n // Split at the start of autoformatting and delete formatting characters.\n let tr = state.tr.delete(start, end).split(start);\n\n // If node has more content split at the end of autoformatting.\n let currentNode = tr.doc.nodeAt(start + 1);\n tr.doc.nodesBetween(start, start + currentNode.nodeSize, (node, pos) => {\n if (node.type === hardBreak) {\n tr = tr.split(pos + 1).delete(pos, pos + 1);\n }\n });\n\n // Wrap content in list node\n const {\n list_item\n } = state.schema.nodes;\n const position = tr.doc.resolve(start + 2);\n let range = position.blockRange(position);\n tr = tr.wrap(range, [{\n type: listType\n }, {\n type: list_item\n }]);\n return tr;\n};\n\n/**\n * Create input rules for bullet list node\n *\n * @param {Schema} schema\n * @returns {InputRule[]}\n */\nfunction getBulletListInputRules(schema) {\n const asteriskRule = createInputRule(/^\\s*([\\*\\-]) $/, schema.nodes['bullet_list']);\n const leafNodeAsteriskRule = createInputRule$1(new RegExp(`${leafNodeReplacementCharacter}\\\\s*([\\\\*\\\\-]) $`), (state, _match, start, end) => {\n return insertList(state, schema.nodes['bullet_list'], 'bullet', start, end);\n }, true);\n return [asteriskRule, leafNodeAsteriskRule];\n}\n\n/**\n * Create input rules for strong mark\n *\n * @param {Schema} schema\n * @returns {InputRule[]}\n */\nfunction getOrderedListInputRules(schema) {\n // NOTE: There is a built in input rule for ordered lists in ProseMirror. However, that\n // input rule will allow for a list to start at any given number, which isn't allowed in\n // markdown (where a ordered list will always start on 1). This is a slightly modified\n // version of that input rule.\n const numberOneRule = createInputRule(/^(1)[\\.\\)] $/, schema.nodes['ordered_list']);\n const leafNodeNumberOneRule = createInputRule$1(new RegExp(`${leafNodeReplacementCharacter}(1)[\\\\.\\\\)] $`), (state, _match, start, end) => {\n return insertList(state, schema.nodes['ordered_list'], 'numbered', start, end);\n }, true);\n return [numberOneRule, leafNodeNumberOneRule];\n}\nfunction listInputRules(schema) {\n const rules = [];\n if (schema.nodes['bullet_list']) {\n rules.push(...getBulletListInputRules(schema));\n }\n if (schema.nodes['ordered_list']) {\n rules.push(...getOrderedListInputRules(schema));\n }\n if (rules.length !== 0) {\n return inputRules({\n rules\n });\n }\n return;\n}\nconst isInsideListItem = state => {\n const {\n $from\n } = state.selection;\n const {\n list_item,\n paragraph\n } = state.schema.nodes;\n return hasParentNodeOfType(list_item)(state.selection) && $from.parent.type === paragraph;\n};\n\n// Returns the number of nested lists that are ancestors of the given selection\nconst numberNestedLists = (resolvedPos, nodes) => {\n const {\n bullet_list,\n ordered_list\n } = nodes;\n let count = 0;\n for (let i = resolvedPos.depth - 1; i > 0; i--) {\n const node = resolvedPos.node(i);\n if (node.type === bullet_list || node.type === ordered_list) {\n count += 1;\n }\n }\n return count;\n};\n\n/**\n * Merge closest bullet list blocks into one\n *\n * @param {NodeType} listItem\n * @param {NodeRange} range\n * @returns\n */\nfunction mergeLists(listItem, range) {\n return command => {\n return (state, dispatch) => command(state, tr => {\n const $start = state.doc.resolve(range.start);\n const $end = state.doc.resolve(range.end);\n const $join = tr.doc.resolve(tr.mapping.map(range.end - 1));\n if ($join.nodeBefore && $join.nodeAfter && $join.nodeBefore.type === $join.nodeAfter.type) {\n if ($end.nodeAfter && $end.nodeAfter.type === listItem && $end.parent.type === $start.parent.type) {\n tr.join($join.pos);\n }\n }\n if (dispatch) {\n dispatch(tr.scrollIntoView());\n }\n });\n };\n}\nfunction outdentList() {\n return function (state, dispatch) {\n const {\n list_item\n } = state.schema.nodes;\n const {\n $from,\n $to\n } = state.selection;\n if (isInsideListItem(state)) {\n let range = $from.blockRange($to, node => node.childCount > 0 && node.firstChild.type === list_item);\n if (!range) {\n return false;\n }\n return compose(mergeLists(list_item, range),\n // 2. Check if I need to merge nearest list\n baseListCommand.liftListItem // 1. First lift list item\n )(list_item)(state, dispatch);\n }\n return false;\n };\n}\nfunction splitListItem(itemType) {\n return function (state, dispatch) {\n const ref = state.selection;\n const $from = ref.$from;\n const $to = ref.$to;\n const node = ref.node;\n if (node && node.isBlock || $from.depth < 2 || !$from.sameParent($to)) {\n return false;\n }\n const grandParent = $from.node(-1);\n if (grandParent.type !== itemType) {\n return false;\n }\n if (grandParent.content.content.length <= 1 && $from.parent.content.size === 0 && !(grandParent.content.size === 0)) {\n // In an empty block. If this is a nested list, the wrapping\n // list item should be split. Otherwise, bail out and let next\n // command handle lifting.\n if ($from.depth === 2 || $from.node(-3).type !== itemType || $from.index(-2) !== $from.node(-2).childCount - 1) {\n return false;\n }\n if (dispatch) {\n let wrap = Fragment.empty;\n const keepItem = $from.index(-1) > 0;\n // Build a fragment containing empty versions of the structure\n // from the outer list item to the parent node of the cursor\n for (let d = $from.depth - (keepItem ? 1 : 2); d >= $from.depth - 3; d--) {\n wrap = Fragment.from($from.node(d).copy(wrap));\n }\n // Add a second list item with an empty default start node\n wrap = wrap.append(Fragment.from(itemType.createAndFill()));\n const tr$1 = state.tr.replace($from.before(keepItem ? undefined : -1), $from.after(-3), new Slice(wrap, keepItem ? 3 : 2, 2));\n tr$1.setSelection(state.selection.constructor.near(tr$1.doc.resolve($from.pos + (keepItem ? 3 : 2))));\n dispatch(tr$1.scrollIntoView());\n }\n return true;\n }\n const nextType = $to.pos === $from.end() ? grandParent.contentMatchAt(0).defaultType : undefined;\n const tr = state.tr.delete($from.pos, $to.pos);\n const types = nextType && [undefined, {\n type: nextType\n }];\n if (dispatch) {\n dispatch(tr.split($from.pos, 2, types).scrollIntoView());\n }\n return true;\n };\n}\nconst enterKeyOnListCommand = (state, dispatch) => {\n const {\n selection\n } = state;\n if (selection.empty) {\n const {\n $from\n } = selection;\n const {\n list_item\n } = state.schema.nodes;\n const node = $from.node($from.depth);\n const wrapper = $from.node($from.depth - 1);\n if (wrapper && wrapper.type === list_item) {\n /** Check if the wrapper has any visible content */\n const wrapperHasContent = hasVisibleContent(wrapper);\n if (isNodeEmpty(node) && !wrapperHasContent) {\n return outdentList()(state, dispatch);\n } else {\n return splitListItem(list_item)(state, dispatch);\n }\n }\n }\n return false;\n};\n\n/**\n * Check if we can sink the list.\n *\n * @param {number} initialIndentationLevel\n * @param {EditorState} state\n * @returns {boolean} - true if we can sink the list\n * - false if we reach the max indentation level\n */\nfunction canSink(initialIndentationLevel, state) {\n /*\n - Keep going forward in document until indentation of the node is < than the initial\n - If indentation is EVER > max indentation, return true and don't sink the list\n */\n let currentIndentationLevel;\n let currentPos = state.tr.selection.$to.pos;\n do {\n const resolvedPos = state.doc.resolve(currentPos);\n currentIndentationLevel = numberNestedLists(resolvedPos, state.schema.nodes);\n if (currentIndentationLevel > maxIndentation) {\n // Cancel sink list.\n // If current indentation less than the initial, it won't be\n // larger than the max, and the loop will terminate at end of this iteration\n return false;\n }\n currentPos++;\n } while (currentIndentationLevel >= initialIndentationLevel);\n return true;\n}\nfunction indentList() {\n return function (state, dispatch) {\n const {\n list_item\n } = state.schema.nodes;\n if (isInsideListItem(state)) {\n // Record initial list indentation\n const initialIndentationLevel = numberNestedLists(state.selection.$from, state.schema.nodes);\n if (canSink(initialIndentationLevel, state)) {\n baseListCommand.sinkListItem(list_item)(state, dispatch);\n }\n return true;\n }\n return false;\n };\n}\n\n// This is a copy of the linkify-it regex, passing `undefined` for the schema\n// will use the default regex.\nconst linkify = new LinkifyIt(undefined, {\n fuzzyLink: false\n});\nlinkify.add('sourcetree:', 'http:');\nconst tlds = 'app|biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|рф'.split('|');\nconst tlds2Char = 'a[cdefgilmnoqrtuwxz]|b[abdefghijmnorstvwyz]|c[acdfghiklmnoruvwxyz]|d[ejkmoz]|e[cegrstu]|f[ijkmor]|g[abdefghilmnpqrstuwy]|h[kmnrtu]|i[delmnoqrst]|j[emop]|k[eghimnprwyz]|l[abcikrstuvy]|m[acdeghklmnopqrtuvwxyz]|n[acefgilopruz]|om|p[aefghkmnrtw]|qa|r[eosuw]|s[abcdegijklmnrtuvxyz]|t[cdfghjklmnortvwz]|u[agksyz]|v[aceginu]|w[fs]|y[et]|z[amw]';\ntlds.push(tlds2Char);\nlinkify.tlds(tlds, false);\nfunction createLinkInputRule(regexp) {\n // Plain typed text (eg, typing 'www.google.com') should convert to a hyperlink\n return createInputRule$1(regexp, (state, match, start, end) => {\n const {\n schema\n } = state;\n if (state.doc.rangeHasMark(start, end, schema.marks.link)) {\n return null;\n }\n const [link] = match;\n const url = normalizeUrl(link.url);\n const markType = schema.mark('link', {\n href: url\n });\n return state.tr.addMark(start - (link.input.length - link.lastIndex), end - (link.input.length - link.lastIndex), markType).insertText(' ');\n });\n}\nclass LinkMatcher {\n exec(str) {\n if (str.endsWith(' ')) {\n const chunks = str.slice(0, str.length - 1).split(' ');\n const lastChunk = chunks[chunks.length - 1];\n const links = linkify.match(lastChunk);\n if (links && links.length > 0) {\n const lastLink = links[links.length - 1];\n lastLink.input = lastChunk;\n lastLink.length = lastLink.lastIndex - lastLink.index + 1;\n return [lastLink];\n }\n }\n return null;\n }\n}\nconst whitelistedURLPatterns = [/^https?:\\/\\//im, /^ftps?:\\/\\//im, /^\\//im, /^mailto:/im, /^skype:/im, /^callto:/im, /^facetime:/im, /^git:/im, /^irc6?:/im, /^news:/im, /^nntp:/im, /^feed:/im, /^cvs:/im, /^svn:/im, /^mvn:/im, /^ssh:/im, /^scp:\\/\\//im, /^sftp:\\/\\//im, /^itms:/im, /^notes:/im, /^hipchat:\\/\\//im, /^sourcetree:/im, /^urn:/im, /^tel:/im, /^xmpp:/im, /^telnet:/im, /^vnc:/im, /^rdp:/im, /^whatsapp:/im, /^slack:/im, /^sips?:/im, /^magnet:/im];\nconst isSafeUrl = url => {\n return whitelistedURLPatterns.some(p => p.test(url.trim()) === true);\n};\nfunction getLinkMatch(str) {\n const match = str && linkify.match(str);\n return match && match[0];\n}\n\n/**\n * Adds protocol to url if needed.\n */\nfunction normalizeUrl(url) {\n if (!url) {\n return '';\n }\n if (isSafeUrl(url)) {\n return url;\n }\n const match = getLinkMatch(url);\n return match && match.url || '';\n}\nfunction linksInputRules(schema) {\n if (!schema.marks.link) {\n return;\n }\n const urlWithASpaceRule = createLinkInputRule(new LinkMatcher());\n\n // [something](link) should convert to a hyperlink\n const markdownLinkRule = createInputRule$1(/(^|[^!])\\[(.*?)\\]\\((\\S+)\\)$/, (state, match, start, end) => {\n const {\n schema\n } = state;\n const [, prefix, linkText, linkUrl] = match;\n const url = normalizeUrl(linkUrl);\n const markType = schema.mark('link', {\n href: url\n });\n return state.tr.replaceWith(start + prefix.length, end, schema.text(linkText, [markType]));\n });\n return inputRules({\n rules: [urlWithASpaceRule, markdownLinkRule]\n });\n}\n\nconst applyMarkOnRange = (from, to, removeMark, mark, tr) => {\n // const { schema } = tr.doc.type;\n // const { code } = schema.marks;\n // if (mark.type === code) {\n // // When turning to code we need to flat some special characters\n // import { transformSmartCharsMentionsAndEmojis } from '../plugins/text-formatting/commands/transform-to-code';\n // transformSmartCharsMentionsAndEmojis(from, to, tr);\n // }\n\n tr.doc.nodesBetween(tr.mapping.map(from), tr.mapping.map(to), (node, pos) => {\n if (!node.isText) {\n return true;\n }\n\n // This is an issue when the user selects some text.\n // We need to check if the current node position is less than the range selection from.\n // If it’s true, that means we should apply the mark using the range selection,\n // not the current node position.\n const nodeBetweenFrom = Math.max(pos, tr.mapping.map(from));\n const nodeBetweenTo = Math.min(pos + node.nodeSize, tr.mapping.map(to));\n {\n tr.addMark(nodeBetweenFrom, nodeBetweenTo, mark);\n }\n return true;\n });\n return tr;\n};\nconst moveRight = () => {\n return (state, dispatch) => {\n const {\n code\n } = state.schema.marks;\n const {\n empty,\n $cursor\n } = state.selection;\n if (!empty || !$cursor) {\n return false;\n }\n const {\n storedMarks\n } = state.tr;\n if (code) {\n const insideCode = markActive(state, code.create());\n const currentPosHasCode = state.doc.rangeHasMark($cursor.pos, $cursor.pos, code);\n const nextPosHasCode = state.doc.rangeHasMark($cursor.pos, $cursor.pos + 1, code);\n const exitingCode = !currentPosHasCode && !nextPosHasCode && (!storedMarks || !!storedMarks.length);\n const enteringCode = !currentPosHasCode && nextPosHasCode && (!storedMarks || !storedMarks.length);\n\n // entering code mark (from the left edge): don't move the cursor, just add the mark\n if (!insideCode && enteringCode) {\n if (dispatch) {\n dispatch(state.tr.addStoredMark(code.create()));\n }\n return true;\n }\n\n // exiting code mark: don't move the cursor, just remove the mark\n if (insideCode && exitingCode) {\n if (dispatch) {\n dispatch(state.tr.removeStoredMark(code));\n }\n return true;\n }\n }\n return false;\n };\n};\nconst moveLeft = () => {\n return (state, dispatch) => {\n const {\n code\n } = state.schema.marks;\n const {\n empty,\n $cursor\n } = state.selection;\n if (!empty || !$cursor) {\n return false;\n }\n const {\n storedMarks\n } = state.tr;\n if (code) {\n const insideCode = code && markActive(state, code.create());\n const currentPosHasCode = hasCode(state, $cursor.pos);\n const nextPosHasCode = hasCode(state, $cursor.pos - 1);\n const nextNextPosHasCode = hasCode(state, $cursor.pos - 2);\n const exitingCode = currentPosHasCode && !nextPosHasCode && Array.isArray(storedMarks);\n const atLeftEdge = nextPosHasCode && !nextNextPosHasCode && (storedMarks === null || Array.isArray(storedMarks) && !!storedMarks.length);\n const atRightEdge = (exitingCode && Array.isArray(storedMarks) && !storedMarks.length || !exitingCode && storedMarks === null) && !nextPosHasCode && nextNextPosHasCode;\n const enteringCode = !currentPosHasCode && nextPosHasCode && Array.isArray(storedMarks) && !storedMarks.length;\n\n // at the right edge: remove code mark and move the cursor to the left\n if (!insideCode && atRightEdge) {\n const tr = state.tr.setSelection(Selection.near(state.doc.resolve($cursor.pos - 1)));\n if (dispatch) {\n dispatch(tr.removeStoredMark(code));\n }\n return true;\n }\n\n // entering code mark (from right edge): don't move the cursor, just add the mark\n if (!insideCode && enteringCode) {\n if (dispatch) {\n dispatch(state.tr.addStoredMark(code.create()));\n }\n return true;\n }\n\n // at the left edge: add code mark and move the cursor to the left\n if (insideCode && atLeftEdge) {\n const tr = state.tr.setSelection(Selection.near(state.doc.resolve($cursor.pos - 1)));\n if (dispatch) {\n dispatch(tr.addStoredMark(code.create()));\n }\n return true;\n }\n\n // exiting code mark (or at the beginning of the line): don't move the cursor, just remove the mark\n const isFirstChild = $cursor.index($cursor.depth - 1) === 0;\n if (insideCode && (exitingCode || !$cursor.nodeBefore && isFirstChild)) {\n if (dispatch) {\n dispatch(state.tr.removeStoredMark(code));\n }\n return true;\n }\n }\n return false;\n };\n};\nconst insertBlock = (state, nodeType, nodeName, start, end, attrs) => {\n // To ensure that match is done after HardBreak.\n const {\n hard_break: hardBreak,\n code_block: codeBlock,\n list_item: listItem\n } = state.schema.nodes;\n const $pos = state.doc.resolve(start);\n if ($pos.nodeAfter.type !== hardBreak) {\n return null;\n }\n\n // To ensure no nesting is done. (unless we're inserting a codeBlock inside lists)\n if ($pos.depth > 1 && !(nodeType === codeBlock && hasParentNodeOfType(listItem)(state.selection))) {\n return null;\n }\n\n // Split at the start of autoformatting and delete formatting characters.\n let tr = state.tr.delete(start, end).split(start);\n let currentNode = tr.doc.nodeAt(start + 1);\n\n // If node has more content split at the end of autoformatting.\n let nodeHasMoreContent = false;\n tr.doc.nodesBetween(start, start + currentNode.nodeSize, (node, pos) => {\n if (!nodeHasMoreContent && node.type === hardBreak) {\n nodeHasMoreContent = true;\n tr = tr.split(pos + 1).delete(pos, pos + 1);\n }\n });\n if (nodeHasMoreContent) {\n currentNode = tr.doc.nodeAt(start + 1);\n }\n\n // Create new node and fill with content of current node.\n const {\n blockquote,\n paragraph\n } = state.schema.nodes;\n let content;\n let depth;\n if (nodeType === blockquote) {\n depth = 3;\n content = [paragraph.create({}, currentNode.content)];\n } else {\n depth = 2;\n content = currentNode.content;\n }\n const newNode = nodeType.create(attrs, content);\n\n // Add new node.\n tr = tr.setSelection(new NodeSelection(tr.doc.resolve(start + 1))).replaceSelectionWith(newNode).setSelection(new TextSelection(tr.doc.resolve(start + depth)));\n return tr;\n};\nfunction transformToCodeBlockAction(state, attrs) {\n if (!state.selection.empty) {\n // Don't do anything, if there is something selected\n return state.tr;\n }\n const codeBlock = state.schema.nodes.code_block;\n const startOfCodeBlockText = state.selection.$from;\n const parentPos = startOfCodeBlockText.before();\n const end = startOfCodeBlockText.end();\n const codeBlockSlice = mapSlice(state.doc.slice(startOfCodeBlockText.pos, end), node => {\n if (node.type === state.schema.nodes.hard_break) {\n return state.schema.text('\\n');\n }\n if (node.isText) {\n return node.mark([]);\n } else if (node.isInline) {\n return node.attrs.text ? state.schema.text(node.attrs.text) : null;\n } else {\n return node.content.childCount ? node.content : null;\n }\n });\n const tr = state.tr.replaceRange(startOfCodeBlockText.pos, end, codeBlockSlice);\n // If our offset isnt at 3 (backticks) at the start of line, cater for content.\n if (startOfCodeBlockText.parentOffset >= 3) {\n return tr.split(startOfCodeBlockText.pos, undefined, [{\n type: codeBlock,\n attrs\n }]);\n }\n // TODO: Check parent node for valid code block marks, ATM It's not necessary because code block doesn't have any valid mark.\n const codeBlockMarks = [];\n return tr.setNodeMarkup(parentPos, codeBlock, attrs, codeBlockMarks);\n}\nfunction isConvertableToCodeBlock(state) {\n // Before a document is loaded, there is no selection.\n if (!state.selection) {\n return false;\n }\n const {\n $from\n } = state.selection;\n const node = $from.parent;\n if (!node.isTextblock || node.type === state.schema.nodes.code_block) {\n return false;\n }\n const parentDepth = $from.depth - 1;\n const parentNode = $from.node(parentDepth);\n const index = $from.index(parentDepth);\n return parentNode.canReplaceWith(index, index + 1, state.schema.nodes.code_block);\n}\nconst cleanUpAtTheStartOfDocument = (state, dispatch) => {\n const {\n $cursor\n } = state.selection;\n if ($cursor && !$cursor.nodeBefore && !$cursor.nodeAfter && $cursor.pos === 1) {\n const {\n tr,\n schema\n } = state;\n const {\n paragraph\n } = schema.nodes;\n const {\n parent\n } = $cursor;\n\n /**\n * Use cases:\n * 1. Change `heading` to `paragraph`\n * 2. Remove block marks\n *\n * NOTE: We already know it's an empty doc so it's safe to use 0\n */\n tr.setNodeMarkup(0, paragraph, parent.attrs, []);\n if (dispatch) {\n dispatch(tr);\n }\n return true;\n }\n return false;\n};\nfunction canCreateParagraphNear(state) {\n const {\n selection: {\n $from\n }\n } = state;\n const node = $from.node($from.depth);\n const insideCodeBlock = !!node && node.type === state.schema.nodes.code_block;\n const isNodeSelection = state.selection instanceof NodeSelection;\n return $from.depth > 1 || isNodeSelection || insideCodeBlock;\n}\nconst createNewParagraphBelow = (state, dispatch) => {\n const append = true;\n if (!canMoveDown(state) && canCreateParagraphNear(state)) {\n createParagraphNear(append)(state, dispatch);\n return true;\n }\n return false;\n};\nconst createNewParagraphAbove = (state, dispatch) => {\n const append = false;\n if (!canMoveUp(state) && canCreateParagraphNear(state)) {\n createParagraphNear(append)(state, dispatch);\n return true;\n }\n return false;\n};\nfunction topLevelNodeIsEmptyTextBlock(state) {\n const topLevelNode = state.selection.$from.node(1);\n return topLevelNode.isTextblock && topLevelNode.type !== state.schema.nodes.code_block && topLevelNode.nodeSize === 2;\n}\nfunction getInsertPosFromTextBlock(state, append) {\n const {\n $from,\n $to\n } = state.selection;\n let pos;\n if (!append) {\n pos = $from.start(0);\n } else {\n pos = $to.end(0);\n }\n return pos;\n}\nfunction getInsertPosFromNonTextBlock(state, append) {\n const {\n $from,\n $to\n } = state.selection;\n let pos;\n if (!append) {\n // The start position is different with text block because it starts from 0\n pos = $from.start($from.depth);\n // The depth is different with text block because it starts from 0\n pos = $from.depth > 0 ? pos - 1 : pos;\n } else {\n pos = $to.end($to.depth);\n pos = $to.depth > 0 ? pos + 1 : pos;\n }\n return pos;\n}\nfunction createParagraphNear(append = true) {\n return function (state, dispatch) {\n const paragraph = state.schema.nodes.paragraph;\n if (!paragraph) {\n return false;\n }\n let insertPos;\n if (state.selection instanceof TextSelection) {\n if (topLevelNodeIsEmptyTextBlock(state)) {\n return false;\n }\n insertPos = getInsertPosFromTextBlock(state, append);\n } else {\n insertPos = getInsertPosFromNonTextBlock(state, append);\n }\n const tr = state.tr.insert(insertPos, paragraph.createAndFill());\n tr.setSelection(TextSelection.create(tr.doc, insertPos + 1));\n if (dispatch) {\n dispatch(tr);\n }\n return true;\n };\n}\n\nconst MAX_HEADING_LEVEL = 6;\nfunction getHeadingLevel(match) {\n return {\n level: match[1].length\n };\n}\nfunction headingRule(nodeType, maxLevel) {\n return textblockTypeInputRule(new RegExp('^(#{1,' + maxLevel + '})\\\\s$'), nodeType, getHeadingLevel);\n}\nfunction blockQuoteRule(nodeType) {\n return wrappingInputRule(/^\\s*>\\s$/, nodeType);\n}\n\n/**\n * Get heading rules\n *\n * @param {Schema} schema\n * @returns {}\n */\nfunction getHeadingRules(schema) {\n // '# ' for h1, '## ' for h2 and etc\n const hashRule = defaultInputRuleHandler(headingRule(schema.nodes.heading, MAX_HEADING_LEVEL), true);\n const leftNodeReplacementHashRule = createInputRule$1(new RegExp(`${leafNodeReplacementCharacter}(#{1,6})\\\\s$`), (state, match, start, end) => {\n const level = match[1].length;\n return insertBlock(state, schema.nodes.heading, `heading${level}`, start, end, {\n level\n });\n }, true);\n return [hashRule, leftNodeReplacementHashRule];\n}\n\n/**\n * Get all block quote input rules\n *\n * @param {Schema} schema\n * @returns {}\n */\nfunction getBlockQuoteRules(schema) {\n // '> ' for blockquote\n const greatherThanRule = defaultInputRuleHandler(blockQuoteRule(schema.nodes.blockquote), true);\n const leftNodeReplacementGreatherRule = createInputRule$1(new RegExp(`${leafNodeReplacementCharacter}\\\\s*>\\\\s$`), (state, _match, start, end) => {\n return insertBlock(state, schema.nodes.blockquote, 'blockquote', start, end);\n }, true);\n return [greatherThanRule, leftNodeReplacementGreatherRule];\n}\n\n/**\n * Get all code block input rules\n *\n * @param {Schema} schema\n * @returns {}\n */\nfunction getCodeBlockRules(schema) {\n const threeTildeRule = createInputRule$1(/((^`{3,})|(\\s`{3,}))(\\S*)$/, (state, match, start, end) => {\n const attributes = {};\n if (match[4]) {\n attributes.language = match[4];\n }\n const newStart = match[0][0] === ' ' ? start + 1 : start;\n if (isConvertableToCodeBlock(state)) {\n const tr = transformToCodeBlockAction(state, attributes)\n // remove markdown decorator ```\n .delete(newStart, end).scrollIntoView();\n return tr;\n }\n let {\n tr\n } = state;\n tr = tr.delete(newStart, end);\n const codeBlock = state.schema.nodes.code_block.createChecked();\n return safeInsert(codeBlock)(tr);\n }, true);\n const leftNodeReplacementThreeTildeRule = createInputRule$1(new RegExp(`((${leafNodeReplacementCharacter}\\`{3,})|(\\\\s\\`{3,}))(\\\\S*)$`), (state, match, start, end) => {\n const attributes = {};\n if (match[4]) {\n attributes.language = match[4];\n }\n let tr = insertBlock(state, schema.nodes.code_block, 'codeblock', start, end, attributes);\n return tr;\n }, true);\n return [threeTildeRule, leftNodeReplacementThreeTildeRule];\n}\nfunction blocksInputRule(schema) {\n const rules = [];\n if (schema.nodes.heading) {\n rules.push(...getHeadingRules(schema));\n }\n if (schema.nodes.blockquote) {\n rules.push(...getBlockQuoteRules(schema));\n }\n if (schema.nodes.code_block) {\n rules.push(...getCodeBlockRules(schema));\n }\n if (rules.length !== 0) {\n return inputRules({\n rules\n });\n }\n return;\n}\n\nfunction createHorizontalRuleInputRule(type) {\n return createInputRule$1(/^(?:---|___|\\*\\*\\*)\\s$/,\n // Ensures rule is triggered with space after \"---\", \"___\", or \"***\"\n (state, match, start, end) => {\n if (!match[0]) {\n return null; // If no match found, return null\n }\n\n // Deletes the matched sequence including the space\n let tr = state.tr.delete(start, end);\n const hrPos = start; // Position where the horizontal rule should be inserted\n\n // Insert the horizontal rule at the position\n tr = safeInsert(type.create(), hrPos)(tr);\n\n // Insert a paragraph node after the horizontal rule\n tr = safeInsert(state.schema.nodes.paragraph.create(), tr.mapping.map(hrPos + 1))(tr);\n return tr;\n });\n}\nfunction hrInputRules(schema) {\n if (!schema.nodes.horizontal_rule) {\n // Ensures that horizontal_rule is part of the schema\n return inputRules({\n rules: []\n });\n }\n const hrRule = createHorizontalRuleInputRule(schema.nodes.horizontal_rule);\n return inputRules({\n rules: [hrRule]\n });\n}\n\nconst mac = typeof navigator !== 'undefined' ? /Mac/.test(navigator.platform) : false;\nfunction baseKeyMaps(schema) {\n let keys = baseKeymap;\n function bind(key, cmd) {\n keys[key] = cmd;\n }\n bind('Mod-z', chainCommands(undoInputRule, undo));\n bind('Shift-Mod-z', redo);\n const backspaceComands = chainCommands(undoInputRule, cleanUpAtTheStartOfDocument, deleteSelection, joinBackward, selectNodeBackward);\n bind('Backspace', backspaceComands);\n bind('Mod-Backspace', backspaceComands);\n if (!mac) bind('Mod-y', redo);\n bind('Alt-ArrowUp', joinUp);\n bind('Alt-ArrowDown', joinDown);\n bind('Escape', selectParentNode);\n bind('ArrowLeft', moveLeft());\n bind('ArrowRight', moveRight());\n bind('ArrowDown', createNewParagraphBelow);\n bind('ArrowUp', createNewParagraphAbove);\n if (schema.marks.strong) {\n bind('Mod-b', toggleMark(schema.marks.strong));\n bind('Mod-B', toggleMark(schema.marks.strong));\n }\n if (schema.marks.em) {\n bind('Mod-i', toggleMark(schema.marks.em));\n bind('Mod-I', toggleMark(schema.marks.em));\n }\n if (schema.marks.superscript) {\n bind('Shift-Mod-.', toggleMark(schema.marks.superscript));\n }\n if (schema.nodes.hard_break) {\n let br = schema.nodes.hard_break,\n cmd = chainCommands(exitCode, (state, dispatch) => {\n dispatch(state.tr.insertText(` `).replaceSelectionWith(br.create()).scrollIntoView());\n return true;\n });\n bind('Mod-Enter', cmd);\n bind('Shift-Enter', cmd);\n if (mac) bind('Ctrl-Enter', cmd);\n }\n const modEnter = mac ? 'Mod-Enter' : 'Ctrl-Enter';\n const enterCommands = [newlineInCode, createParagraphNear$1, liftEmptyBlock, splitBlock];\n if (schema.nodes.list_item) {\n enterCommands.unshift(enterKeyOnListCommand);\n\n // TODO: Remove hacky fix\n // This needs to done only when the editor sends messages on Enter.\n // Currently Mod+enter command is never reached as it is overridden at the editor\n // side with Cmd+Enter for sending messages.\n // Fix this by using a different keymap or overriding existing keymap on condition.\n\n enterCommands.unshift(splitListItem(schema.nodes.list_item));\n bind('Tab', indentList());\n bind('Shift-Tab', outdentList());\n }\n bind('Enter', chainCommands.apply(null, enterCommands));\n bind(modEnter, chainCommands.apply(null, enterCommands));\n return keymap(keys);\n}\n\nconst validCombos = {\n '**': ['_', '~~', '^'],\n '*': ['__', '~~', '^'],\n '^': ['*', '_'],\n __: ['*', '~~', '^'],\n _: ['**', '~~', '^'],\n '~~': ['__', '_', '**', '*', '^']\n};\nconst validRegex = (char, str) => {\n for (let i = 0; i < validCombos[char].length; i++) {\n const ch = validCombos[char][i];\n if (ch === str) {\n return true;\n }\n const matchLength = str.length - ch.length;\n if (str.substr(matchLength, str.length) === ch) {\n return validRegex(ch, str.substr(0, matchLength));\n }\n }\n return false;\n};\nfunction addMark(markType, schema, charSize, char) {\n return (state, match, start, end) => {\n const [, prefix, textWithCombo] = match;\n const to = end;\n // in case of *string* pattern it matches the text from beginning of the paragraph,\n // because we want ** to work for strong text\n // that's why \"start\" argument is wrong and we need to calculate it ourselves\n const from = textWithCombo ? start + prefix.length : start;\n const nodeBefore = state.doc.resolve(start + prefix.length).nodeBefore;\n if (prefix && prefix.length > 0 && !validRegex(char, prefix) && !(nodeBefore && nodeBefore.type === state.schema.nodes.hard_break)) {\n return null;\n }\n // fixes the following case: my `*name` is *\n // expected result: should ignore special characters inside \"code\"\n if (state.schema.marks.code && state.schema.marks.code.isInSet(state.doc.resolve(from + 1).marks())) {\n return null;\n }\n\n // Prevent autoformatting across hardbreaks\n let containsHardBreak;\n state.doc.nodesBetween(from, to, node => {\n if (node.type === schema.nodes.hard_break) {\n containsHardBreak = true;\n return false;\n }\n return !containsHardBreak;\n });\n if (containsHardBreak) {\n return null;\n }\n\n // fixes autoformatting in heading nodes: # Heading *bold*\n // expected result: should not autoformat *bold*;
Heading *bold*
\n if (state.doc.resolve(from).sameParent(state.doc.resolve(to))) {\n if (!state.doc.resolve(from).parent.type.allowsMarkType(markType)) {\n return null;\n }\n }\n\n // apply mark to the range (from, to)\n let tr = state.tr.addMark(from, to, markType.create());\n if (charSize > 1) {\n // delete special characters after the text\n // Prosemirror removes the last symbol by itself, so we need to remove \"charSize - 1\" symbols\n tr = tr.delete(to - (charSize - 1), to);\n }\n return tr\n // delete special characters before the text\n .delete(from, from + charSize).removeStoredMark(markType);\n };\n}\nfunction addCodeMark(markType, specialChar) {\n return (state, match, start, end) => {\n if (match[1] && match[1].length > 0) {\n const allowedPrefixConditions = [prefix => {\n return prefix === '(';\n }, prefix => {\n const nodeBefore = state.doc.resolve(start + prefix.length).nodeBefore;\n return nodeBefore && nodeBefore.type === state.schema.nodes.hard_break || false;\n }];\n if (allowedPrefixConditions.every(condition => !condition(match[1]))) {\n return null;\n }\n }\n // fixes autoformatting in heading nodes: # Heading `bold`\n // expected result: should not autoformat *bold*; Heading `bold`
\n if (state.doc.resolve(start).sameParent(state.doc.resolve(end))) {\n if (!state.doc.resolve(start).parent.type.allowsMarkType(markType)) {\n return null;\n }\n }\n let tr = state.tr;\n // checks if a selection exists and needs to be removed\n if (state.selection.from !== state.selection.to) {\n tr.delete(state.selection.from, state.selection.to);\n end -= state.selection.to - state.selection.from;\n }\n const regexStart = end - match[2].length + 1;\n const codeMark = state.schema.marks.code.create();\n return applyMarkOnRange(regexStart, end, false, codeMark, tr).setStoredMarks([codeMark]).delete(regexStart, regexStart + specialChar.length).removeStoredMark(markType);\n };\n}\nconst strongRegex1 = /(\\S*)(\\_\\_([^\\_\\s](\\_(?!\\_)|[^\\_])*[^\\_\\s]|[^\\_\\s])\\_\\_)$/;\nconst strongRegex2 = /(\\S*)(\\*\\*([^\\*\\s](\\*(?!\\*)|[^\\*])*[^\\*\\s]|[^\\*\\s])\\*\\*)$/;\nconst italicRegex1 = /(\\S*[^\\s\\_]*)(\\_([^\\s\\_][^\\_]*[^\\s\\_]|[^\\s\\_])\\_)$/;\nconst italicRegex2 = /(\\S*[^\\s\\*]*)(\\*([^\\s\\*][^\\*]*[^\\s\\*]|[^\\s\\*])\\*)$/;\nconst strikeRegex = /(\\S*)(\\~\\~([^\\s\\~](\\~(?!\\~)|[^\\~])*[^\\s\\~]|[^\\s\\~])\\~\\~)$/;\nconst codeRegex = /(\\S*)(`[^\\s][^`]*`)$/;\nconst supertextRegex = /(\\S*[^\\s^]*)(\\^([^\\s^][^^]*[^\\s^]|[^\\s^])\\^)$/;\n\n/**\n * Create input rules for strong mark\n *\n * @param {Schema} schema\n * @returns {InputRule[]}\n */\nfunction getStrongInputRules(schema) {\n // **string** or __strong__ should bold the text\n\n const markLength = 2;\n const doubleUnderscoreRule = createInputRule$1(strongRegex1, addMark(schema.marks.strong, schema, markLength, '__'));\n const doubleAsterixRule = createInputRule$1(strongRegex2, addMark(schema.marks.strong, schema, markLength, '**'));\n return [doubleUnderscoreRule, doubleAsterixRule];\n}\n\n/**\n * Create input rules for em mark\n *\n * @param {Schema} schema\n * @returns {InputRule[]}\n */\nfunction getItalicInputRules(schema) {\n // *string* or _string_ should italic the text\n const markLength = 1;\n const underscoreRule = createInputRule$1(italicRegex1, addMark(schema.marks.em, schema, markLength, '_'));\n const asterixRule = createInputRule$1(italicRegex2, addMark(schema.marks.em, schema, markLength, '*'));\n return [underscoreRule, asterixRule];\n}\n\n/**\n * Create input rules for strike mark\n *\n * @param {Schema} schema\n * @returns {InputRule[]}\n */\nfunction getStrikeInputRules(schema) {\n const markLength = 2;\n const doubleTildeRule = createInputRule$1(strikeRegex, addMark(schema.marks.strike, schema, markLength, '~~'));\n return [doubleTildeRule];\n}\nfunction getSuperscriptInputRules(schema) {\n const markLength = 1;\n // const doubleTildeRule = addMark(schema.marks.superscript);\n const doubleTildeRule = createInputRule$1(supertextRegex, addMark(schema.marks.superscript, schema, markLength, '^'));\n return [doubleTildeRule];\n}\n\n/**\n * Create input rules for code mark\n *\n * @param {Schema} schema\n * @returns {InputRule[]}\n */\nfunction getCodeInputRules(schema) {\n const backTickRule = createInputRule$1(codeRegex, addCodeMark(schema.marks.code, '`'));\n return [backTickRule];\n}\nfunction textFormattingInputRules(schema) {\n const rules = [];\n if (schema.marks.strong) {\n rules.push(...getStrongInputRules(schema));\n }\n if (schema.marks.em) {\n rules.push(...getItalicInputRules(schema));\n }\n if (schema.marks.superscript) {\n rules.push(...getSuperscriptInputRules(schema));\n }\n if (schema.marks.strike) {\n rules.push(...getStrikeInputRules(schema));\n }\n if (schema.marks.code) {\n rules.push(...getCodeInputRules(schema));\n }\n if (rules.length !== 0) {\n return inputRules({\n rules\n });\n }\n return;\n}\n\n/* eslint-disable no-plusplus */\nconst prefix = 'ProseMirror-prompt';\nfunction reportInvalid(dom, message) {\n // FIXME this is awful and needs a lot more work\n let parent = dom.parentNode;\n let msg = parent.appendChild(document.createElement('div'));\n msg.style.left = dom.offsetLeft + dom.offsetWidth + 2 + 'px';\n msg.style.top = dom.offsetTop - 5 + 'px';\n msg.className = 'ProseMirror-invalid';\n msg.textContent = message;\n setTimeout(() => parent.removeChild(msg), 1500);\n}\nfunction getValues(fields, domFields) {\n let result = Object.keys(fields).filter((name, index) => {\n let field = fields[name];\n let dom = domFields[index];\n let value = field.read(dom);\n let bad = field.validate(value);\n if (bad) reportInvalid(dom, bad);\n return !bad;\n }).reduce((acc, name, index) => {\n let field = fields[name];\n let dom = domFields[index];\n let value = field.read(dom);\n acc[name] = field.clean(value);\n return acc;\n }, {});\n return result;\n}\nfunction openPrompt(options) {\n let wrapper = document.body.appendChild(document.createElement('div'));\n wrapper.className = prefix;\n const close = () => {\n // eslint-disable-next-line no-use-before-define\n window.removeEventListener('mousedown', mouseOutside);\n if (wrapper.parentNode) wrapper.parentNode.removeChild(wrapper);\n };\n let mouseOutside = e => {\n if (!wrapper.contains(e.target)) close();\n };\n setTimeout(() => window.addEventListener('mousedown', mouseOutside), 50);\n let domFields = [];\n Object.values(options.fields).map(field => domFields.push(field.render()));\n let submitButton = document.createElement('button');\n submitButton.type = 'submit';\n submitButton.className = 'button tiny button--save-link ' + prefix + '-submit';\n submitButton.textContent = 'Create Link';\n let cancelButton = document.createElement('button');\n cancelButton.type = 'button';\n cancelButton.className = 'button tiny hollow secondary' + prefix + '-cancel';\n cancelButton.textContent = 'Cancel';\n cancelButton.addEventListener('click', close);\n let form = wrapper.appendChild(document.createElement('form'));\n if (options.title) {\n const titleDom = document.createElement('h5');\n titleDom.className = 'sub-block-title';\n form.appendChild(titleDom).textContent = options.title;\n }\n domFields.forEach(field => {\n form.appendChild(document.createElement('div')).appendChild(field);\n });\n let buttons = form.appendChild(document.createElement('div'));\n buttons.className = prefix + '-buttons';\n buttons.appendChild(submitButton);\n buttons.appendChild(document.createTextNode(' '));\n buttons.appendChild(cancelButton);\n let box = wrapper.getBoundingClientRect();\n wrapper.style.top = (window.innerHeight - box.height) / 2 + 'px';\n wrapper.style.left = (window.innerWidth - box.width) / 2 + 'px';\n let submit = () => {\n let params = getValues(options.fields, domFields);\n if (params) {\n close();\n options.callback(params);\n }\n };\n form.addEventListener('submit', e => {\n e.preventDefault();\n submit();\n });\n form.addEventListener('keydown', e => {\n if (e.key === 'Esc') {\n e.preventDefault();\n close();\n } else if (e.key === 'Enter' && !(e.ctrlKey || e.metaKey || e.shiftKey)) {\n e.preventDefault();\n submit();\n } else if (e.key === 'Tab') {\n window.setTimeout(() => {\n if (!wrapper.contains(document.activeElement)) close();\n }, 500);\n }\n });\n let input = form.elements[0];\n if (input) input.focus();\n}\n\n/* eslint-disable class-methods-use-this */\n// ::- The type of field that `FieldPrompt` expects to be passed to it.\nclass Field {\n // :: (Object)\n // Create a field with the given options. Options support by all\n // field types are:\n //\n // **`value`**`: ?any`\n // : The starting value for the field.\n //\n // **`label`**`: string`\n // : The label for the field.\n //\n // **`required`**`: ?bool`\n // : Whether the field is required.\n //\n // **`validate`**`: ?(any) → ?string`\n // : A function to validate the given value. Should return an\n // error message if it is not valid.\n constructor(options) {\n this.options = options;\n }\n\n // render:: (state: EditorState, props: Object) → dom.Node\n // Render the field to the DOM. Should be implemented by all subclasses.\n\n // :: (dom.Node) → any\n // Read the field's value from its DOM node.\n read(dom) {\n return dom.value;\n }\n\n // :: (any) → ?string\n // A field-type-specific validation function.\n validateType() {}\n validate(value) {\n if (!value && this.options.required) return 'Required field';\n return this.validateType(value) || this.options.validate && this.options.validate(value);\n }\n clean(value) {\n return this.options.clean ? this.options.clean(value) : value;\n }\n}\n\n// ::- A field class for single-line text fields.\nclass TextField extends Field {\n render() {\n let input = document.createElement('input');\n input.type = 'text';\n input.placeholder = this.options.label;\n input.className = this.options.class;\n input.value = this.options.value || '';\n input.autocomplete = 'off';\n return input;\n }\n}\n\nconst cmdItem = (cmd, options) => {\n const passedOptions = {\n label: options.title,\n run: cmd\n };\n Object.keys(options).reduce((acc, optionKey) => {\n acc[optionKey] = options[optionKey];\n return acc;\n }, passedOptions);\n if ((!options.enable || options.enable === true) && !options.select) {\n passedOptions[options.enable ? 'enable' : 'select'] = state => cmd(state);\n }\n return new MenuItem(passedOptions);\n};\nconst markItem = (markType, options) => {\n const passedOptions = {\n active(state) {\n return markActive(state, markType);\n },\n enable: true\n };\n Object.keys(options).reduce((acc, optionKey) => {\n acc[optionKey] = options[optionKey];\n return acc;\n }, passedOptions);\n return cmdItem(toggleMark(markType), passedOptions);\n};\nconst blockTypeIsActive = (state, type, attrs) => {\n const {\n $from\n } = state.selection;\n let wrapperDepth;\n let currentDepth = $from.depth;\n while (currentDepth > 0) {\n const currentNodeAtDepth = $from.node(currentDepth);\n ({\n ...attrs\n });\n if (currentNodeAtDepth.attrs.level) {\n currentNodeAtDepth.attrs.level;\n }\n const isType = type.name === currentNodeAtDepth.type.name;\n const hasAttrs = Object.keys(attrs).reduce((prev, curr) => {\n if (attrs[curr] !== currentNodeAtDepth.attrs[curr]) {\n return false;\n }\n return prev;\n }, true);\n if (isType && hasAttrs) {\n wrapperDepth = currentDepth;\n }\n currentDepth -= 1;\n }\n return wrapperDepth;\n};\nconst toggleBlockType = (type, attrs) => (state, dispatch) => {\n const isActive = blockTypeIsActive(state, type, attrs);\n const newNodeType = isActive ? state.schema.nodes.paragraph : type;\n const setBlockFunction = setBlockType(newNodeType, attrs);\n return setBlockFunction(state, dispatch);\n};\n\nconst BaseIcon = {\n width: 24,\n height: 24,\n viewBox: '0 0 24 24',\n fill: 'none',\n stroke: 'currentColor',\n strokeWidth: 2,\n strokeLinecap: 'round',\n strokeLinejoin: 'round',\n path: ''\n};\nconst icons = {\n strong: {\n ...BaseIcon,\n path: 'M6.935 4.44A1.5 1.5 0 0 1 7.996 4h4.383C15.017 4 17 6.182 17 8.625a4.63 4.63 0 0 1-.865 2.682c1.077.827 1.866 2.12 1.866 3.813C18 18.232 15.3 20 13.12 20H8a1.5 1.5 0 0 1-1.5-1.5l-.004-13c0-.397.158-.779.44-1.06ZM9.5 10.25h2.88c.903 0 1.62-.76 1.62-1.625S13.281 7 12.38 7H9.498l.002 3.25Zm0 3V17h3.62c.874 0 1.88-.754 1.88-1.88 0-1.13-.974-1.87-1.88-1.87H9.5Z'\n },\n em: {\n ...BaseIcon,\n path: 'M9.75 4h8.504a.75.75 0 0 1 .102 1.493l-.102.006h-3.197L10.037 18.5h4.213a.75.75 0 0 1 .742.648l.007.102a.75.75 0 0 1-.648.743L14.25 20h-9.5a.747.747 0 0 1-.746-.75c0-.38.28-.694.645-.743l.101-.007h3.685l.021-.065L13.45 5.499h-3.7a.75.75 0 0 1-.742-.648L9 4.75a.75.75 0 0 1 .648-.743L9.751 4h8.503-8.503Z'\n },\n superScript: {\n ...BaseIcon,\n path: `M18.736 3.5c-.543 0-.986.495-.986 1.023a.75.75 0 0 1-1.5 0C16.25 3.278 17.258 2 18.736 2c.855 0 1.684.4 2.15 1.117.49.751.5 1.724-.057 2.672-.285.484-.673.847-1.045 1.141-.187.148-.379.284-.557.41l-.078.056a17.45 17.45 0 0 0-.432.311c-.356.268-.619.511-.78.793h2.514a.75.75 0 0 1 0 1.5H17a.75.75 0 0 1-.75-.75c0-1.396.821-2.182 1.565-2.741.157-.119.32-.234.472-.341l.074-.052c.177-.126.34-.243.493-.363.306-.242.532-.47.682-.724.31-.53.229-.886.093-1.094-.158-.244-.486-.435-.893-.435Z\n M15.26 4.71c.06.562.385 1.043.847 1.318L10.987 12l5.583 6.512a.75.75 0 1 1-1.14.976L10 13.152l-5.43 6.336a.75.75 0 0 1-1.14-.976L9.013 12 3.431 5.488a.75.75 0 1 1 1.139-.976L10 10.848l5.26-6.137Z`\n },\n code: {\n ...BaseIcon,\n path: 'm8.066 18.943 6.5-14.5a.75.75 0 0 1 1.404.518l-.036.096-6.5 14.5a.75.75 0 0 1-1.404-.518l.036-.096 6.5-14.5-6.5 14.5ZM2.22 11.47l4.25-4.25a.75.75 0 0 1 1.133.976l-.073.085L3.81 12l3.72 3.719a.75.75 0 0 1-.976 1.133l-.084-.073-4.25-4.25a.75.75 0 0 1-.073-.976l.073-.084 4.25-4.25-4.25 4.25Zm14.25-4.25a.75.75 0 0 1 .976-.073l.084.073 4.25 4.25a.75.75 0 0 1 .073.976l-.073.085-4.25 4.25a.75.75 0 0 1-1.133-.977l.073-.084L20.19 12l-3.72-3.72a.75.75 0 0 1 0-1.06Z'\n },\n link: {\n ...BaseIcon,\n path: 'M9.25 7a.75.75 0 0 1 .11 1.492l-.11.008H7a3.5 3.5 0 0 0-.206 6.994L7 15.5h2.25a.75.75 0 0 1 .11 1.492L9.25 17H7a5 5 0 0 1-.25-9.994L7 7h2.25ZM17 7a5 5 0 0 1 .25 9.994L17 17h-2.25a.75.75 0 0 1-.11-1.492l.11-.008H17a3.5 3.5 0 0 0 .206-6.994L17 8.5h-2.25a.75.75 0 0 1-.11-1.492L14.75 7H17ZM7 11.25h10a.75.75 0 0 1 .102 1.493L17 12.75H7a.75.75 0 0 1-.102-1.493L7 11.25h10H7Z'\n },\n undo: {\n ...BaseIcon,\n path: 'M4.75 2a.75.75 0 0 1 .743.648l.007.102v5.69l4.574-4.56a6.41 6.41 0 0 1 8.879-.179l.186.18a6.41 6.41 0 0 1 0 9.063l-8.846 8.84a.75.75 0 0 1-1.06-1.062l8.845-8.838a4.91 4.91 0 0 0-6.766-7.112l-.178.17L6.562 9.5h5.688a.75.75 0 0 1 .743.648l.007.102a.75.75 0 0 1-.648.743L12.25 11h-7.5a.75.75 0 0 1-.743-.648L4 10.25v-7.5A.75.75 0 0 1 4.75 2Z'\n },\n redo: {\n ...BaseIcon,\n path: 'M19.25 2a.75.75 0 0 0-.743.648l-.007.102v5.69l-4.574-4.56a6.41 6.41 0 0 0-8.878-.179l-.186.18a6.41 6.41 0 0 0 0 9.063l8.845 8.84a.75.75 0 0 0 1.06-1.062l-8.845-8.838a4.91 4.91 0 0 1 6.766-7.112l.178.17L17.438 9.5H11.75a.75.75 0 0 0-.743.648L11 10.25c0 .38.282.694.648.743l.102.007h7.5a.75.75 0 0 0 .743-.648L20 10.25v-7.5a.75.75 0 0 0-.75-.75Z'\n },\n bulletList: {\n ...BaseIcon,\n path: 'M3.25 17.5a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Zm3.5.5h14.5a.75.75 0 0 1 .102 1.494l-.102.006H6.75a.75.75 0 0 1-.102-1.493L6.75 18h14.5-14.5Zm-3.5-7a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5Zm3.5.5h14.5a.75.75 0 0 1 .102 1.494L21.25 13H6.75a.75.75 0 0 1-.102-1.493l.102-.007h14.5-14.5Zm-3.5-7A1.25 1.25 0 1 1 3.25 7a1.25 1.25 0 0 1 0-2.499Zm3.5.5h14.5a.75.75 0 0 1 .102 1.494l-.102.006H6.75a.75.75 0 0 1-.102-1.493L6.75 5h14.5-14.5Z'\n },\n orderedList: {\n ...BaseIcon,\n path: 'M6 2.75a.75.75 0 0 0-1.434-.307l-.002.003a1.45 1.45 0 0 1-.067.132 4.126 4.126 0 0 1-.238.384c-.217.313-.524.663-.906.902a.75.75 0 1 0 .794 1.272c.125-.078.243-.161.353-.248V7.25a.75.75 0 0 0 1.5 0v-4.5ZM20.5 18.75a.75.75 0 0 0-.75-.75h-9a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 .75-.75ZM20.5 12.244a.75.75 0 0 0-.75-.75h-9a.75.75 0 1 0 0 1.5h9a.75.75 0 0 0 .75-.75ZM20.5 5.75a.75.75 0 0 0-.75-.75h-9a.75.75 0 0 0 0 1.5h9a.75.75 0 0 0 .75-.75ZM5.15 10.52c-.3-.053-.676.066-.87.26a.75.75 0 1 1-1.06-1.06c.556-.556 1.43-.812 2.192-.677.397.07.805.254 1.115.605.316.358.473.825.473 1.352 0 .62-.271 1.08-.606 1.42-.278.283-.63.511-.906.689l-.08.051a5.88 5.88 0 0 0-.481.34H6.25a.75.75 0 0 1 0 1.5h-2.5a.75.75 0 0 1-.75-.75c0-1.314.984-1.953 1.575-2.337l.06-.04c.318-.205.533-.345.69-.504.134-.136.175-.238.175-.369 0-.223-.061-.318-.098-.36a.42.42 0 0 0-.251-.12ZM2.97 21.28s.093.084.004.005l.006.005.013.013a1.426 1.426 0 0 0 .15.125c.095.07.227.158.397.243.341.17.83.329 1.46.329.64 0 1.196-.181 1.601-.54.408-.36.61-.857.595-1.359A1.775 1.775 0 0 0 6.77 19c.259-.305.412-.685.426-1.101a1.73 1.73 0 0 0-.595-1.36C6.196 16.181 5.64 16 5 16c-.63 0-1.119.158-1.46.33a2.592 2.592 0 0 0-.51.334 1.426 1.426 0 0 0-.037.033l-.013.013-.006.005-.002.003H2.97l-.001.002a.75.75 0 0 0 1.048 1.072 1.1 1.1 0 0 1 .192-.121c.159-.08.42-.171.79-.171.36 0 .536.1.608.164.07.061.09.127.088.187a.325.325 0 0 1-.123.23c-.089.077-.263.169-.573.169a.75.75 0 0 0 0 1.5c.31 0 .484.092.573.168.091.08.121.166.123.231a.232.232 0 0 1-.088.187c-.072.064-.247.164-.608.164a1.75 1.75 0 0 1-.79-.17 1.1 1.1 0 0 1-.192-.122.75.75 0 0 0-1.048 1.072Zm.002-4.563-.001.002c.007-.006.2-.168 0-.002Z'\n },\n h1: {\n ...BaseIcon,\n path: 'M19.59 5.081a.746.746 0 0 0-.809.084.751.751 0 0 0-.249.367c-.69 2.051-2.057 3.409-3.168 4.075a.75.75 0 0 0 .772 1.286c.774-.464 1.623-1.18 2.364-2.146v9.503a.75.75 0 0 0 1.5 0V5.772a.75.75 0 0 0-.41-.69ZM3.5 5.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V12.5H10v5.75a.75.75 0 0 0 1.5 0V5.75a.75.75 0 0 0-1.5 0V11H3.5V5.75Z'\n },\n h2: {\n ...BaseIcon,\n path: 'M4.5 5.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V12.5H11v5.75a.75.75 0 0 0 1.5 0V5.75a.75.75 0 0 0-1.5 0V11H4.5V5.75Zm10.921 2.085c.23-.46.913-1.335 2.58-1.335.842 0 1.459.26 1.86.639.397.376.64.921.64 1.611 0 1.963-1.3 3.068-2.958 4.343l-.212.163C15.825 14.409 14 15.806 14 18.25a.75.75 0 0 0 .75.75h6.5a.75.75 0 0 0 0-1.5h-5.66c.315-1.252 1.427-2.11 2.866-3.218C20.05 13.057 22 11.537 22 8.75c0-1.06-.383-2.015-1.11-2.702C20.166 5.364 19.158 5 18 5c-2.333 0-3.484 1.291-3.92 2.165a.75.75 0 0 0 1.341.67Z'\n },\n h3: {\n ...BaseIcon,\n path: 'M3.5 5.75a.75.75 0 0 0-1.5 0v12.5a.75.75 0 0 0 1.5 0V12.5H10v5.75a.75.75 0 0 0 1.5 0V5.75a.75.75 0 0 0-1.5 0V11H3.5V5.75Zm11.92 2.085c.23-.46.914-1.335 2.58-1.335.843 0 1.46.26 1.86.639.398.376.64.921.64 1.611 0 .606-.161 1.026-.384 1.332-.228.314-.555.554-.953.735-.816.37-1.802.433-2.383.433a.75.75 0 0 0 0 1.5c.581 0 1.567.063 2.383.433.398.18.725.42.953.735.223.306.384.726.384 1.332 0 1.086-.914 2.25-2.5 2.25-1.727 0-2.348-.76-2.553-1.276a.75.75 0 1 0-1.394.552C14.508 17.926 15.727 19 18 19c2.414 0 4-1.836 4-3.75 0-.894-.245-1.63-.67-2.214A3.679 3.679 0 0 0 20.144 12a3.679 3.679 0 0 0 1.186-1.036c.425-.584.67-1.32.67-2.214 0-1.06-.383-2.015-1.11-2.702C20.165 5.364 19.157 5 18 5c-2.334 0-3.484 1.291-3.92 2.165a.75.75 0 1 0 1.34.67Z'\n },\n image: {\n ...BaseIcon,\n path: 'M18.75 4A3.25 3.25 0 0 1 22 7.25v11.5A3.25 3.25 0 0 1 18.75 22H7.25A3.25 3.25 0 0 1 4 18.75v-6.248c.474.198.977.34 1.5.422v5.826c0 .208.036.408.103.594l5.823-5.701a2.25 2.25 0 0 1 3.02-.116l.128.116l5.822 5.702c.067-.186.104-.386.104-.595V7.25a1.75 1.75 0 0 0-1.75-1.75h-5.826a6.457 6.457 0 0 0-.422-1.5h6.248Zm-6.191 10.644l-.084.07l-5.807 5.687c.182.064.378.099.582.099h11.5c.203 0 .399-.035.58-.099l-5.805-5.686a.75.75 0 0 0-.966-.071ZM16.252 7.5a2.252 2.252 0 1 1 0 4.504a2.252 2.252 0 0 1 0-4.504ZM6.5 1a5.5 5.5 0 1 1 0 11a5.5 5.5 0 0 1 0-11Zm9.752 8a.752.752 0 1 0 0 1.504a.752.752 0 0 0 0-1.504ZM6.5 3l-.09.007a.5.5 0 0 0-.402.402L6 3.5V6H3.498l-.09.008a.5.5 0 0 0-.402.402l-.008.09l.008.09a.5.5 0 0 0 .402.402l.09.008H6v2.503l.008.09a.5.5 0 0 0 .402.402l.09.009l.09-.009a.5.5 0 0 0 .402-.402L7 9.503V7h2.505l.09-.008a.5.5 0 0 0 .402-.402l.008-.09l-.008-.09a.5.5 0 0 0-.403-.402L9.504 6H7V3.5l-.008-.09a.5.5 0 0 0-.402-.403L6.5 3Z'\n }\n};\n\nconst wrapListItem = (nodeType, options) => cmdItem(wrapInList(nodeType, options.attrs), options);\nconst imageUploadItem = (nodeType, onImageUpload) => new MenuItem({\n title: \"Upload image\",\n icon: icons.image,\n enable() {\n return true;\n },\n run() {\n onImageUpload();\n return true;\n }\n});\nconst headerItem = (nodeType, options) => {\n const {\n level = 1\n } = options;\n return new MenuItem({\n title: `Heading ${level}`,\n icon: options.icon,\n active(state) {\n return blockTypeIsActive(state, nodeType, {\n level\n });\n },\n enable() {\n return true;\n },\n run(state, dispatch, view) {\n if (blockTypeIsActive(state, nodeType, {\n level\n })) {\n toggleBlockType(nodeType, {\n level\n })(state, dispatch);\n return true;\n }\n toggleBlockType(nodeType, {\n level\n })(view.state, view.dispatch);\n view.focus();\n return false;\n }\n });\n};\nconst linkItem = markType => new MenuItem({\n title: \"Add or remove link\",\n icon: icons.link,\n active(state) {\n return markActive(state, markType);\n },\n enable(state) {\n return !state.selection.empty;\n },\n run(state, dispatch, view) {\n if (markActive(state, markType)) {\n toggleMark(markType)(state, dispatch);\n return true;\n }\n openPrompt({\n title: \"Create a link\",\n fields: {\n href: new TextField({\n label: \"https://example.com\",\n class: \"small\",\n required: true\n })\n },\n callback(attrs) {\n toggleMark(markType, attrs)(view.state, view.dispatch);\n view.focus();\n }\n });\n return false;\n }\n});\nconst buildMenuOptions = (schema, {\n enabledMenuOptions = [\"strong\", \"em\", \"code\", \"link\", \"undo\", \"redo\", \"bulletList\", \"orderedList\"],\n onImageUpload = () => {}\n}) => {\n const availableMenuOptions = {\n strong: markItem(schema.marks.strong, {\n title: \"Toggle strong style\",\n icon: icons.strong\n }),\n em: markItem(schema.marks.em, {\n title: \"Toggle emphasis\",\n icon: icons.em\n }),\n code: markItem(schema.marks.code, {\n title: \"Toggle code font\",\n icon: icons.code\n }),\n link: linkItem(schema.marks.link),\n bulletList: wrapListItem(schema.nodes.bullet_list, {\n title: \"Wrap in bullet list\",\n icon: icons.bulletList\n }),\n orderedList: wrapListItem(schema.nodes.ordered_list, {\n title: \"Wrap in ordered list\",\n icon: icons.orderedList\n }),\n undo: new MenuItem({\n title: \"Undo last change\",\n run: undo,\n enable: state => undo(state),\n icon: icons.undo\n }),\n redo: new MenuItem({\n title: \"Redo last undone change\",\n run: redo,\n enable: state => redo(state),\n icon: icons.redo\n }),\n h1: headerItem(schema.nodes.heading, {\n level: 1,\n title: \"Toggle code font\",\n icon: icons.h1\n }),\n h2: headerItem(schema.nodes.heading, {\n level: 2,\n title: \"Toggle code font\",\n icon: icons.h2\n }),\n h3: headerItem(schema.nodes.heading, {\n level: 3,\n title: \"Toggle code font\",\n icon: icons.h3\n }),\n imageUpload: imageUploadItem(schema.nodes.image, onImageUpload)\n };\n return [enabledMenuOptions.filter(menuOptionKey => !!availableMenuOptions[menuOptionKey]).map(menuOptionKey => availableMenuOptions[menuOptionKey])];\n};\n\nfunction filterMdToPmSchemaMapping(schema, map) {\n return Object.keys(map).reduce((newMap, key) => {\n const value = map[key];\n const block = value.block || value.node;\n const mark = value.mark;\n if (block && schema.nodes[block] || mark && schema.marks[mark]) {\n newMap[key] = value;\n }\n return newMap;\n }, {});\n}\nconst baseSchemaToMdMapping = {\n nodes: {\n blockquote: 'blockquote',\n paragraph: 'paragraph',\n code_block: ['code', 'fence'],\n list_item: 'list'\n },\n marks: {\n em: 'emphasis',\n superscript: 'sup',\n strong: 'text',\n link: ['link', 'autolink', 'reference', 'linkify'],\n strike: 'strikethrough',\n code: 'backticks'\n }\n};\nconst baseNodesMdToPmMapping = {\n blockquote: {\n block: 'blockquote'\n },\n paragraph: {\n block: 'paragraph'\n },\n softbreak: {\n node: 'hard_break'\n },\n hardbreak: {\n node: 'hard_break'\n },\n code_block: {\n block: 'code_block'\n },\n fence: {\n block: 'code_block',\n // we trim any whitespaces around language definition\n attrs: tok => ({\n language: tok.info && tok.info.trim() || null\n })\n },\n list_item: {\n block: 'list_item'\n },\n bullet_list: {\n block: 'bullet_list'\n },\n ordered_list: {\n block: 'ordered_list',\n attrs: tok => ({\n order: +tok.attrGet('order') || 1\n })\n },\n image: {\n node: 'image',\n getAttrs: tok => {\n const src = tok.attrGet('src');\n const heightMatch = src.match(/cw_image_height=(\\d+)px/);\n return {\n src,\n title: tok.attrGet('title') || null,\n alt: tok.children[0] && tok.children[0].content || null,\n height: heightMatch ? `${heightMatch[1]}px` : null\n };\n }\n }\n};\nconst baseMarksMdToPmMapping = {\n em: {\n mark: 'em'\n },\n sup: {\n mark: 'superscript'\n },\n strong: {\n mark: 'strong'\n },\n link: {\n mark: 'link',\n attrs: tok => ({\n href: tok.attrGet('href'),\n title: tok.attrGet('title') || null\n })\n },\n code_inline: {\n mark: 'code'\n },\n s: {\n mark: 'strike'\n }\n};\n\nconst messageSchemaToMdMapping = {\n nodes: {\n ...baseSchemaToMdMapping.nodes\n },\n marks: {\n ...baseSchemaToMdMapping.marks\n }\n};\nconst messageMdToPmMapping = {\n ...baseNodesMdToPmMapping,\n ...baseMarksMdToPmMapping,\n mention: {\n node: 'mention',\n getAttrs: ({\n mention\n }) => {\n const {\n userId,\n userFullName\n } = mention;\n return {\n userId,\n userFullName\n };\n }\n }\n};\nconst md$1 = MarkdownIt('commonmark', {\n html: false,\n linkify: false\n});\nmd$1.enable([\n// Process html entity - {, ¯, ", ...\n'entity',\n// Process escaped chars and hardbreaks\n'escape']);\nmd$1.disable(['table', 'hr', 'heading', 'lheading'], true);\nclass MessageMarkdownTransformer {\n constructor(schema, tokenizer = md$1) {\n // Enable markdown plugins based on schema\n ['nodes', 'marks'].forEach(key => {\n for (const idx in messageSchemaToMdMapping[key]) {\n if (schema[key][idx]) {\n tokenizer.enable(messageSchemaToMdMapping[key][idx]);\n }\n }\n });\n this.markdownParser = new MarkdownParser(schema, tokenizer, filterMdToPmSchemaMapping(schema, messageMdToPmMapping));\n }\n encode(_node) {\n throw new Error('This is not implemented yet');\n }\n parse(content) {\n return this.markdownParser.parse(content);\n }\n}\n\nconst articleSchemaToMdMapping = {\n nodes: {\n ...baseSchemaToMdMapping.nodes,\n rule: 'hr',\n heading: ['heading'],\n image: 'image'\n },\n marks: {\n ...baseSchemaToMdMapping.marks\n }\n};\nconst articleMdToPmMapping = {\n ...baseNodesMdToPmMapping,\n ...baseMarksMdToPmMapping,\n hr: {\n node: 'horizontal_rule'\n },\n heading: {\n block: 'heading',\n attrs: tok => ({\n level: +tok.tag.slice(1)\n })\n },\n mention: {\n node: 'mention',\n getAttrs: ({\n mention\n }) => {\n const {\n userId,\n userFullName\n } = mention;\n return {\n userId,\n userFullName\n };\n }\n }\n};\nconst md = MarkdownIt('commonmark', {\n html: false,\n linkify: true,\n breaks: true\n}).use(MarkdownItSup);\nmd.enable([\n// Process html entity - {, ¯, ", ...\n'entity',\n// Process escaped chars and hardbreaks\n'escape', 'hr']);\nclass ArticleMarkdownTransformer {\n constructor(schema, tokenizer = md) {\n // Enable markdown plugins based on schema\n ['nodes', 'marks'].forEach(key => {\n for (const idx in articleSchemaToMdMapping[key]) {\n if (schema[key][idx]) {\n tokenizer.enable(articleSchemaToMdMapping[key][idx]);\n }\n }\n });\n this.markdownParser = new MarkdownParser(schema, tokenizer, filterMdToPmSchemaMapping(schema, articleMdToPmMapping));\n }\n encode(_node) {\n throw new Error('This is not implemented yet');\n }\n parse(content) {\n return this.markdownParser.parse(content);\n }\n}\n\nconst mention = (state, node) => {\n const uri = state.esc(`mention://user/${node.attrs.userId}/${encodeURIComponent(node.attrs.userFullName)}`);\n const escapedDisplayName = state.esc('@' + (node.attrs.userFullName || ''));\n state.write(`[${escapedDisplayName}](${uri})`);\n};\nconst blockquote = (state, node) => {\n state.wrapBlock('> ', null, node, () => state.renderContent(node));\n};\nconst code_block = (state, node) => {\n state.write('```' + (node.attrs.params || '') + '\\n');\n state.text(node.textContent, false);\n state.ensureNewLine();\n state.write('```');\n state.closeBlock(node);\n};\nconst heading = (state, node) => {\n state.write(state.repeat('#', node.attrs.level) + ' ');\n state.renderInline(node);\n state.closeBlock(node);\n};\nconst horizontal_rule = (state, node) => {\n state.write(node.attrs.markup || '---');\n state.closeBlock(node);\n};\nconst bullet_list = (state, node) => {\n state.renderList(node, ' ', () => (node.attrs.bullet || '*') + ' ');\n};\nconst ordered_list = (state, node) => {\n let start = node.attrs.order || 1;\n let maxW = String(start + node.childCount - 1).length;\n let space = state.repeat(' ', maxW + 2);\n state.renderList(node, space, i => {\n let nStr = String(start + i);\n return state.repeat(' ', maxW - nStr.length) + nStr + '. ';\n });\n};\nconst list_item = (state, node) => {\n state.renderContent(node);\n};\nconst paragraph = (state, node) => {\n state.renderInline(node);\n state.closeBlock(node);\n};\nconst image = (state, node) => {\n let src = state.esc(node.attrs.src);\n if (node.attrs.height) {\n const param = `cw_image_height=${node.attrs.height}`;\n if (src.includes('?')) {\n src = src.includes('cw_image_height=') ? src.replace(/cw_image_height=[^&]+/, param) : `${src}&${param}`;\n } else {\n src += `?${param}`;\n }\n }\n state.write(' : '') + ')');\n};\nconst hard_break = (state, node, parent, index) => {\n for (let i = index + 1; i < parent.childCount; i++) if (parent.child(i).type !== node.type) {\n state.write(' \\n');\n return;\n }\n};\nconst text = (state, node) => {\n state.text(node.text, false);\n};\nconst em = {\n open: '*',\n close: '*',\n mixable: true,\n expelEnclosingWhitespace: true\n};\nconst superscript = {\n open: '^',\n close: '^',\n mixable: false,\n escape: false,\n expelEnclosingWhitespace: false\n};\nconst strike = {\n open: '~~',\n close: '~~',\n mixable: true,\n expelEnclosingWhitespace: true\n};\nconst strong = {\n open: '**',\n close: '**',\n mixable: true,\n expelEnclosingWhitespace: true\n};\nconst link = {\n open(_state, mark, parent, index) {\n return isPlainURL(mark, parent, index, 1) ? '<' : '[';\n },\n close(state, mark, parent, index) {\n return isPlainURL(mark, parent, index, -1) ? '>' : '](' + state.esc(mark.attrs.href) + (mark.attrs.title ? ' ' + state.quote(mark.attrs.title) : '') + ')';\n },\n escape: false\n};\nconst code = {\n open(_state, _mark, parent, index) {\n return backticksFor(parent.child(index), -1);\n },\n close(_state, _mark, parent, index) {\n return backticksFor(parent.child(index - 1), 1);\n },\n escape: false\n};\nfunction backticksFor(node, side) {\n let ticks = /`+/g,\n m,\n len = 0;\n if (node.isText) while (m = ticks.exec(node.text)) len = Math.max(len, m[0].length);\n let result = len > 0 && side > 0 ? ' `' : '`';\n for (let i = 0; i < len; i++) result += '`';\n if (len > 0 && side < 0) result += ' ';\n return result;\n}\nfunction isPlainURL(link, parent, index, side) {\n if (link.attrs.title || !/^\\w+:/.test(link.attrs.href)) return false;\n let content = parent.child(index + (side < 0 ? -1 : 0));\n if (!content.isText || content.text != link.attrs.href || content.marks[content.marks.length - 1] != link) return false;\n if (index == (side < 0 ? 1 : parent.childCount - 1)) return true;\n let next = parent.child(index + (side < 0 ? -2 : 1));\n return !link.isInSet(next.marks);\n}\n\nconst ArticleMarkdownSerializer = new MarkdownSerializer({\n blockquote,\n code_block,\n heading,\n horizontal_rule,\n bullet_list,\n ordered_list,\n list_item,\n paragraph,\n image,\n hard_break,\n text\n}, {\n em,\n superscript,\n strike,\n strong,\n link,\n code\n});\n\nconst MessageMarkdownSerializer = new MarkdownSerializer({\n mention,\n blockquote,\n code_block,\n bullet_list,\n ordered_list,\n list_item,\n paragraph,\n image,\n hard_break,\n text\n}, {\n em,\n strike,\n strong,\n link,\n code\n});\n\nconst fullSchema = new Schema({\n nodes: {\n doc: schema.spec.nodes.get('doc'),\n paragraph: schema.spec.nodes.get('paragraph'),\n blockquote: schema.spec.nodes.get('blockquote'),\n horizontal_rule: schema.spec.nodes.get('horizontal_rule'),\n heading: schema.spec.nodes.get('heading'),\n code_block: schema.spec.nodes.get('code_block'),\n text: schema.spec.nodes.get('text'),\n image: schema.spec.nodes.get('image'),\n hard_break: schema.spec.nodes.get('hard_break'),\n ordered_list: Object.assign(orderedList, {\n content: 'list_item+',\n group: 'block'\n }),\n bullet_list: Object.assign(bulletList, {\n content: 'list_item+',\n group: 'block'\n }),\n list_item: Object.assign(listItem, {\n content: 'paragraph block*'\n })\n },\n marks: {\n link: schema.spec.marks.get('link'),\n em: schema.spec.marks.get('em'),\n superscript: {\n parseDOM: [{\n tag: 'sup'\n }],\n toDOM() {\n return ['sup'];\n }\n },\n strong: schema.spec.marks.get('strong'),\n code: schema.spec.marks.get('code'),\n strike: {\n parseDOM: [{\n tag: 's'\n }, {\n tag: 'del'\n }, {\n tag: 'strike'\n }, {\n style: 'text-decoration',\n getAttrs: value => value === 'line-through'\n }],\n toDOM: () => ['s', 0]\n }\n }\n});\n\nconst messageSchema = new Schema({\n nodes: {\n doc: schema.spec.nodes.get('doc'),\n paragraph: schema.spec.nodes.get('paragraph'),\n blockquote: schema.spec.nodes.get('blockquote'),\n code_block: schema.spec.nodes.get('code_block'),\n text: schema.spec.nodes.get('text'),\n hard_break: schema.spec.nodes.get('hard_break'),\n image: {\n ...schema.spec.nodes.get('image'),\n attrs: {\n ...schema.spec.nodes.get('image').attrs,\n height: {\n default: null\n }\n },\n parseDOM: [{\n tag: 'img[src]',\n getAttrs: dom => ({\n src: dom.getAttribute('src'),\n title: dom.getAttribute('title'),\n alt: dom.getAttribute('alt'),\n height: parseInt(dom.style.height)\n })\n }],\n toDOM: node => {\n const attrs = {\n src: node.attrs.src,\n alt: node.attrs.alt,\n height: node.attrs.height\n };\n if (node.attrs.height) {\n attrs.style = `height: ${node.attrs.height}`;\n }\n return [\"img\", attrs];\n }\n },\n ordered_list: Object.assign(orderedList, {\n content: 'list_item+',\n group: 'block'\n }),\n bullet_list: Object.assign(bulletList, {\n content: 'list_item+',\n group: 'block'\n }),\n list_item: Object.assign(listItem, {\n content: 'paragraph block*'\n }),\n mention: {\n attrs: {\n userFullName: {\n default: ''\n },\n userId: {\n default: ''\n }\n },\n group: 'inline',\n inline: true,\n selectable: true,\n draggable: true,\n atom: true,\n toDOM: node => ['span', {\n class: 'prosemirror-mention-node',\n 'mention-user-id': node.attrs.userId,\n 'mention-user-full-name': node.attrs.userFullName\n }, `@${node.attrs.userFullName}`],\n parseDOM: [{\n tag: 'span[mention-user-id][mention-user-full-name]',\n getAttrs: dom => {\n const userId = dom.getAttribute('mention-user-id');\n const userFullName = dom.getAttribute('mention-user-full-name');\n return {\n userId,\n userFullName\n };\n }\n }]\n }\n },\n marks: {\n link: schema.spec.marks.get('link'),\n em: schema.spec.marks.get('em'),\n strong: schema.spec.marks.get('strong'),\n code: schema.spec.marks.get('code'),\n strike: {\n parseDOM: [{\n tag: 's'\n }, {\n tag: 'del'\n }, {\n tag: 'strike'\n }, {\n style: 'text-decoration',\n getAttrs: value => value === 'line-through'\n }],\n toDOM: () => ['s', 0]\n }\n }\n});\n\nconst buildEditor = ({\n schema,\n placeholder,\n methods: {\n onImageUpload\n } = {},\n plugins = [],\n enabledMenuOptions\n}) => [...(plugins || []), history(), baseKeyMaps(schema), blocksInputRule(schema), textFormattingInputRules(schema), linksInputRules(schema), hrInputRules(schema), listInputRules(schema), dropCursor(), gapCursor(), Placeholder(placeholder), menuBar({\n floating: true,\n content: buildMenuOptions(schema, {\n enabledMenuOptions,\n onImageUpload\n })\n}), new Plugin({\n props: {\n attributes: {\n class: \"ProseMirror-woot-style\"\n }\n }\n})];\n\nexport { ArticleMarkdownSerializer, ArticleMarkdownTransformer, MessageMarkdownSerializer, MessageMarkdownTransformer, buildEditor, fullSchema, messageSchema };\n//# sourceMappingURL=index.es.js.map\n","import {\n messageSchema,\n MessageMarkdownTransformer,\n MessageMarkdownSerializer,\n} from '@chatwoot/prosemirror-schema';\nimport { replaceVariablesInMessage } from '@chatwoot/utils';\nimport * as Sentry from '@sentry/vue';\n\n/**\n * The delimiter used to separate the signature from the rest of the body.\n * @type {string}\n */\nexport const SIGNATURE_DELIMITER = '--';\n\n/**\n * Parse and Serialize the markdown text to remove any extra spaces or new lines\n */\nexport function cleanSignature(signature) {\n try {\n // remove any horizontal rule tokens\n signature = signature\n .replace(/^( *\\* *){3,} *$/gm, '')\n .replace(/^( *- *){3,} *$/gm, '')\n .replace(/^( *_ *){3,} *$/gm, '');\n\n const nodes = new MessageMarkdownTransformer(messageSchema).parse(\n signature\n );\n return MessageMarkdownSerializer.serialize(nodes);\n } catch (e) {\n // eslint-disable-next-line no-console\n console.warn(e);\n Sentry.captureException(e);\n // The parser can break on some cases\n // for example, Token type `hr` not supported by Markdown parser\n return signature;\n }\n}\n\n/**\n * Adds the signature delimiter to the beginning of the signature.\n *\n * @param {string} signature - The signature to add the delimiter to.\n * @returns {string} - The signature with the delimiter added.\n */\nfunction appendDelimiter(signature) {\n return `${SIGNATURE_DELIMITER}\\n\\n${cleanSignature(signature)}`;\n}\n\n/**\n * Check if there's an unedited signature at the end of the body\n * If there is, return the index of the signature, If there isn't, return -1\n *\n * @param {string} body - The body to search for the signature.\n * @param {string} signature - The signature to search for.\n * @returns {number} - The index of the last occurrence of the signature in the body, or -1 if not found.\n */\nexport function findSignatureInBody(body, signature) {\n const trimmedBody = body.trimEnd();\n const cleanedSignature = cleanSignature(signature);\n\n // check if body ends with signature\n if (trimmedBody.endsWith(cleanedSignature)) {\n return body.lastIndexOf(cleanedSignature);\n }\n\n return -1;\n}\n\n/**\n * Appends the signature to the body, separated by the signature delimiter.\n *\n * @param {string} body - The body to append the signature to.\n * @param {string} signature - The signature to append.\n * @returns {string} - The body with the signature appended.\n */\nexport function appendSignature(body, signature) {\n const cleanedSignature = cleanSignature(signature);\n // if signature is already present, return body\n if (findSignatureInBody(body, cleanedSignature) > -1) {\n return body;\n }\n\n return `${body.trimEnd()}\\n\\n${appendDelimiter(cleanedSignature)}`;\n}\n\n/**\n * Removes the signature from the body, along with the signature delimiter.\n *\n * @param {string} body - The body to remove the signature from.\n * @param {string} signature - The signature to remove.\n * @returns {string} - The body with the signature removed.\n */\nexport function removeSignature(body, signature) {\n // this will find the index of the signature if it exists\n // Regardless of extra spaces or new lines after the signature, the index will be the same if present\n const cleanedSignature = cleanSignature(signature);\n const signatureIndex = findSignatureInBody(body, cleanedSignature);\n\n // no need to trim the ends here, because it will simply be removed in the next method\n let newBody = body;\n\n // if signature is present, remove it and trim it\n // trimming will ensure any spaces or new lines before the signature are removed\n // This means we will have the delimiter at the end\n if (signatureIndex > -1) {\n newBody = newBody.substring(0, signatureIndex).trimEnd();\n }\n\n // let's find the delimiter and remove it\n const delimiterIndex = newBody.lastIndexOf(SIGNATURE_DELIMITER);\n if (\n delimiterIndex !== -1 &&\n delimiterIndex === newBody.length - SIGNATURE_DELIMITER.length // this will ensure the delimiter is at the end\n ) {\n // if the delimiter is at the end, remove it\n newBody = newBody.substring(0, delimiterIndex);\n }\n\n // return the value\n return newBody;\n}\n\n/**\n * Replaces the old signature with the new signature.\n * If the old signature is not present, it will append the new signature.\n *\n * @param {string} body - The body to replace the signature in.\n * @param {string} oldSignature - The signature to replace.\n * @param {string} newSignature - The signature to replace the old signature with.\n * @returns {string} - The body with the old signature replaced with the new signature.\n *\n */\nexport function replaceSignature(body, oldSignature, newSignature) {\n const withoutSignature = removeSignature(body, oldSignature);\n return appendSignature(withoutSignature, newSignature);\n}\n\n/**\n * Extract text from markdown, and remove all images, code blocks, links, headers, bold, italic, lists etc.\n * Links will be converted to text, and not removed.\n *\n * @param {string} markdown - markdown text to be extracted\n * @returns\n */\nexport function extractTextFromMarkdown(markdown) {\n return markdown\n .replace(/```[\\s\\S]*?```/g, '') // Remove code blocks\n .replace(/`.*?`/g, '') // Remove inline code\n .replace(/!\\[.*?\\]\\(.*?\\)/g, '') // Remove images before removing links\n .replace(/\\[([^\\]]+)\\]\\([^)]+\\)/g, '$1') // Remove links but keep the text\n .replace(/#+\\s*|[*_-]{1,3}/g, '') // Remove headers, bold, italic, lists etc.\n .split('\\n')\n .map(line => line.trim())\n .filter(Boolean)\n .join('\\n') // Trim each line & remove any lines only having spaces\n .replace(/\\n{2,}/g, '\\n') // Remove multiple consecutive newlines (blank lines)\n .trim(); // Trim any extra space\n}\n\n/**\n * Scrolls the editor view into current cursor position\n *\n * @param {EditorView} view - The Prosemirror EditorView\n *\n */\nexport const scrollCursorIntoView = view => {\n // Get the current selection's head position (where the cursor is).\n const pos = view.state.selection.head;\n\n // Get the corresponding DOM node for that position.\n const domAtPos = view.domAtPos(pos);\n const node = domAtPos.node;\n\n // Scroll the node into view.\n if (node && node.scrollIntoView) {\n node.scrollIntoView({ behavior: 'smooth', block: 'center' });\n }\n};\n\n/**\n * Returns a transaction that inserts a node into editor at the given position\n * Has an optional param 'content' to check if the\n *\n * @param {Node} node - The prosemirror node that needs to be inserted into the editor\n * @param {number} from - Position in the editor where the node needs to be inserted\n * @param {number} to - Position in the editor where the node needs to be replaced\n *\n */\nexport function insertAtCursor(editorView, node, from, to) {\n if (!editorView) {\n return undefined;\n }\n\n // This is a workaround to prevent inserting content into new line rather than on the exiting line\n // If the node is of type 'doc' and has only one child which is a paragraph,\n // then extract its inline content to be inserted as inline.\n const isWrappedInParagraph =\n node.type.name === 'doc' &&\n node.childCount === 1 &&\n node.firstChild.type.name === 'paragraph';\n\n if (isWrappedInParagraph) {\n node = node.firstChild.content;\n }\n\n let tr;\n if (to) {\n tr = editorView.state.tr.replaceWith(from, to, node).insertText(` `);\n } else {\n tr = editorView.state.tr.insert(from, node);\n }\n const state = editorView.state.apply(tr);\n editorView.updateState(state);\n editorView.focus();\n\n return state;\n}\n\n/**\n * Determines the appropriate node and position to insert an image in the editor.\n *\n * Based on the current editor state and the provided image URL, this function finds out the correct node (either\n * a standalone image node or an image wrapped in a paragraph) and its respective position in the editor.\n *\n * 1. If the current node is a paragraph and doesn't contain an image or text, the image is inserted directly into it.\n * 2. If the current node isn't a paragraph or it's a paragraph containing text, the image will be wrapped\n * in a new paragraph and then inserted.\n * 3. If the current node is a paragraph containing an image, the new image will be inserted directly into it.\n *\n * @param {Object} editorState - The current state of the editor. It provides necessary details like selection, schema, etc.\n * @param {string} fileUrl - The URL of the image to be inserted into the editor.\n * @returns {Object|null} An object containing details about the node to be inserted and its position. It returns null if no image node can be created.\n * @property {Node} node - The ProseMirror node to be inserted (either an image node or a paragraph containing the image).\n * @property {number} pos - The position where the new node should be inserted in the editor.\n */\n\nexport const findNodeToInsertImage = (editorState, fileUrl) => {\n const { selection, schema } = editorState;\n const { nodes } = schema;\n const currentNode = selection.$from.node();\n const {\n type: { name: typeName },\n content: { size, content },\n } = currentNode;\n\n const imageNode = nodes.image.create({ src: fileUrl });\n\n if (!imageNode) return null;\n\n const isInParagraph = typeName === 'paragraph';\n const needsNewLine =\n !content.some(n => n.type.name === 'image') && size !== 0 ? 1 : 0;\n\n return {\n node: isInParagraph ? imageNode : nodes.paragraph.create({}, imageNode),\n pos: selection.from + needsNewLine,\n };\n};\n\n/**\n * Set URL with query and size.\n *\n * @param {Object} selectedImageNode - The current selected node.\n * @param {Object} size - The size to set.\n * @param {Object} editorView - The editor view.\n */\nexport function setURLWithQueryAndSize(selectedImageNode, size, editorView) {\n if (selectedImageNode) {\n // Create and apply the transaction\n const tr = editorView.state.tr.setNodeMarkup(\n editorView.state.selection.from,\n null,\n {\n src: selectedImageNode.src,\n height: size.height,\n }\n );\n\n if (tr.docChanged) {\n editorView.dispatch(tr);\n }\n }\n}\n\n/**\n * Content Node Creation Helper Functions for\n * - mention\n * - canned response\n * - variable\n * - emoji\n */\n\n/**\n * Centralized node creation function that handles the creation of different types of nodes based on the specified type.\n * @param {Object} editorView - The editor view instance.\n * @param {string} nodeType - The type of node to create ('mention', 'cannedResponse', 'variable', 'emoji').\n * @param {Object|string} content - The content needed to create the node, which varies based on node type.\n * @returns {Object|null} - The created ProseMirror node or null if the type is not supported.\n */\nconst createNode = (editorView, nodeType, content) => {\n const { state } = editorView;\n switch (nodeType) {\n case 'mention':\n return state.schema.nodes.mention.create({\n userId: content.id,\n userFullName: content.name,\n });\n case 'cannedResponse':\n return new MessageMarkdownTransformer(messageSchema).parse(content);\n case 'variable':\n return state.schema.text(`{{${content}}}`);\n case 'emoji':\n return state.schema.text(content);\n default:\n return null;\n }\n};\n\n/**\n * Object mapping types to their respective node creation functions.\n */\nconst nodeCreators = {\n mention: (editorView, content, from, to) => ({\n node: createNode(editorView, 'mention', content),\n from,\n to,\n }),\n cannedResponse: (editorView, content, from, to, variables) => {\n const updatedMessage = replaceVariablesInMessage({\n message: content,\n variables,\n });\n const node = createNode(editorView, 'cannedResponse', updatedMessage);\n return {\n node,\n from: node.textContent === updatedMessage ? from : from - 1,\n to,\n };\n },\n variable: (editorView, content, from, to) => ({\n node: createNode(editorView, 'variable', content),\n from,\n to,\n }),\n emoji: (editorView, content, from, to) => ({\n node: createNode(editorView, 'emoji', content),\n from,\n to,\n }),\n};\n\n/**\n * Retrieves a content node based on the specified type and content, using a functional approach to select the appropriate node creation function.\n * @param {Object} editorView - The editor view instance.\n * @param {string} type - The type of content node to create ('mention', 'cannedResponse', 'variable', 'emoji').\n * @param {string|Object} content - The content to be transformed into a node.\n * @param {Object} range - An object containing 'from' and 'to' properties indicating the range in the document where the node should be placed.\n * @param {Object} variables - Optional. Variables to replace in the content, used for 'cannedResponse' type.\n * @returns {Object} - An object containing the created node and the updated 'from' and 'to' positions.\n */\nexport const getContentNode = (\n editorView,\n type,\n content,\n { from, to },\n variables\n) => {\n const creator = nodeCreators[type];\n return creator\n ? creator(editorView, content, from, to, variables)\n : { node: null, from, to };\n};\n","export const formatBytes = (bytes, decimals = 2) => {\n if (bytes === 0) return '0 Bytes';\n\n const k = 1024;\n const dm = decimals < 0 ? 0 : decimals;\n const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];\n\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n\n return parseFloat((bytes / k ** i).toFixed(dm)) + ' ' + sizes[i];\n};\n\nexport const fileSizeInMegaBytes = bytes => {\n return bytes / (1024 * 1024);\n};\n\nexport const checkFileSizeLimit = (file, maximumUploadLimit) => {\n const fileSize = file?.file?.size || file?.size;\n const fileSizeInMB = fileSizeInMegaBytes(fileSize);\n return fileSizeInMB <= maximumUploadLimit;\n};\n","import {\n format,\n isSameYear,\n fromUnixTime,\n formatDistanceToNow,\n} from 'date-fns';\n\n/**\n * Formats a Unix timestamp into a human-readable time format.\n * @param {number} time - Unix timestamp.\n * @param {string} [dateFormat='h:mm a'] - Desired format of the time.\n * @returns {string} Formatted time string.\n */\nexport const messageStamp = (time, dateFormat = 'h:mm a') => {\n const unixTime = fromUnixTime(time);\n return format(unixTime, dateFormat);\n};\n\n/**\n * Provides a formatted timestamp, adjusting the format based on the current year.\n * @param {number} time - Unix timestamp.\n * @param {string} [dateFormat='MMM d, yyyy'] - Desired date format.\n * @returns {string} Formatted date string.\n */\nexport const messageTimestamp = (time, dateFormat = 'MMM d, yyyy') => {\n const messageTime = fromUnixTime(time);\n const now = new Date();\n const messageDate = format(messageTime, dateFormat);\n if (!isSameYear(messageTime, now)) {\n return format(messageTime, 'LLL d y, h:mm a');\n }\n return messageDate;\n};\n\n/**\n * Converts a Unix timestamp to a relative time string (e.g., 3 hours ago).\n * @param {number} time - Unix timestamp.\n * @returns {string} Relative time string.\n */\nexport const dynamicTime = time => {\n const unixTime = fromUnixTime(time);\n return formatDistanceToNow(unixTime, { addSuffix: true });\n};\n\n/**\n * Formats a Unix timestamp into a specified date format.\n * @param {number} time - Unix timestamp.\n * @param {string} [dateFormat='MMM d, yyyy'] - Desired date format.\n * @returns {string} Formatted date string.\n */\nexport const dateFormat = (time, df = 'MMM d, yyyy') => {\n const unixTime = fromUnixTime(time);\n return format(unixTime, df);\n};\n\n/**\n * Converts a detailed time description into a shorter format, optionally appending 'ago'.\n * @param {string} time - Detailed time description (e.g., 'a minute ago').\n * @param {boolean} [withAgo=false] - Whether to append 'ago' to the result.\n * @returns {string} Shortened time description.\n */\nexport const shortTimestamp = (time, withAgo = false) => {\n // This function takes a time string and converts it to a short time string\n // with the following format: 1m, 1h, 1d, 1mo, 1y\n // The function also takes an optional boolean parameter withAgo\n // which will add the word \"ago\" to the end of the time string\n const suffix = withAgo ? ' ago' : '';\n const timeMappings = {\n 'less than a minute ago': 'now',\n 'a minute ago': `1m${suffix}`,\n 'an hour ago': `1h${suffix}`,\n 'a day ago': `1d${suffix}`,\n 'a month ago': `1mo${suffix}`,\n 'a year ago': `1y${suffix}`,\n };\n // Check if the time string is one of the specific cases\n if (timeMappings[time]) {\n return timeMappings[time];\n }\n const convertToShortTime = time\n .replace(/about|over|almost|/g, '')\n .replace(' minute ago', `m${suffix}`)\n .replace(' minutes ago', `m${suffix}`)\n .replace(' hour ago', `h${suffix}`)\n .replace(' hours ago', `h${suffix}`)\n .replace(' day ago', `d${suffix}`)\n .replace(' days ago', `d${suffix}`)\n .replace(' month ago', `mo${suffix}`)\n .replace(' months ago', `mo${suffix}`)\n .replace(' year ago', `y${suffix}`)\n .replace(' years ago', `y${suffix}`);\n return convertToShortTime;\n};\n","\n\n\n \n\n","import ar from './locale/ar.json';\nimport ca from './locale/ca.json';\nimport cs from './locale/cs.json';\nimport da from './locale/da.json';\nimport de from './locale/de.json';\nimport el from './locale/el.json';\nimport en from './locale/en.json';\nimport es from './locale/es.json';\nimport fa from './locale/fa.json';\nimport fi from './locale/fi.json';\nimport fr from './locale/fr.json';\nimport he from './locale/he.json';\nimport hi from './locale/hi.json';\nimport hu from './locale/hu.json';\nimport id from './locale/id.json';\nimport is from './locale/is.json';\nimport it from './locale/it.json';\nimport ja from './locale/ja.json';\nimport ko from './locale/ko.json';\nimport lt from './locale/lt.json';\nimport lv from './locale/lv.json';\nimport ml from './locale/ml.json';\nimport nl from './locale/nl.json';\nimport no from './locale/no.json';\nimport pl from './locale/pl.json';\nimport pt from './locale/pt.json';\nimport pt_BR from './locale/pt_BR.json';\nimport ro from './locale/ro.json';\nimport ru from './locale/ru.json';\nimport sk from './locale/sk.json';\nimport sr from './locale/sr.json';\nimport sv from './locale/sv.json';\nimport ta from './locale/ta.json';\nimport th from './locale/th.json';\nimport tr from './locale/tr.json';\nimport uk from './locale/uk.json';\nimport vi from './locale/vi.json';\nimport zh_CN from './locale/zh_CN.json';\nimport zh_TW from './locale/zh_TW.json';\n\nexport default {\n ar,\n ca,\n cs,\n da,\n de,\n el,\n en,\n es,\n fa,\n fi,\n fr,\n he,\n hi,\n hu,\n id,\n is,\n it,\n ja,\n ko,\n lt,\n lv,\n ml,\n nl,\n no,\n pl,\n pt_BR,\n pt,\n ro,\n ru,\n sk,\n sr,\n sv,\n ta,\n th,\n tr,\n uk,\n vi,\n zh_CN,\n zh_TW,\n};\n","import parse from 'date-fns/parse';\nimport getHours from 'date-fns/getHours';\nimport getMinutes from 'date-fns/getMinutes';\nimport timeZoneData from './timezones.json';\n\nexport const defaultTimeSlot = [\n {\n day: 0,\n to: '',\n from: '',\n valid: false,\n },\n {\n day: 1,\n to: '',\n from: '',\n valid: false,\n },\n {\n day: 2,\n to: '',\n from: '',\n valid: false,\n },\n {\n day: 3,\n to: '',\n from: '',\n valid: false,\n },\n {\n day: 4,\n to: '',\n from: '',\n valid: false,\n },\n {\n day: 5,\n to: '',\n from: '',\n valid: false,\n },\n {\n day: 6,\n to: '',\n from: '',\n valid: false,\n },\n];\n\nexport const generateTimeSlots = (step = 15) => {\n /* \n Generates a list of time strings from 12:00 AM to next 24 hours. Each new string\n will be generated by adding `step` minutes to the previous one.\n The list is generated by starting with a random day and adding step minutes till end of the same day.\n */\n const date = new Date(1970, 1, 1);\n const slots = [];\n while (date.getDate() === 1) {\n slots.push(\n date.toLocaleTimeString('en-US', {\n hour: '2-digit',\n minute: '2-digit',\n hour12: true,\n })\n );\n date.setMinutes(date.getMinutes() + step);\n }\n return slots;\n};\n\nexport const getTime = (hour, minute) => {\n const merdian = hour > 11 ? 'PM' : 'AM';\n const modHour = hour > 12 ? hour % 12 : hour || 12;\n const parsedHour = modHour < 10 ? `0${modHour}` : modHour;\n const parsedMinute = minute < 10 ? `0${minute}` : minute;\n return `${parsedHour}:${parsedMinute} ${merdian}`;\n};\n\nexport const timeSlotParse = timeSlots => {\n return timeSlots.map(slot => {\n const {\n day_of_week: day,\n open_hour: openHour,\n open_minutes: openMinutes,\n close_hour: closeHour,\n close_minutes: closeMinutes,\n closed_all_day: closedAllDay,\n open_all_day: openAllDay,\n } = slot;\n const from = closedAllDay ? '' : getTime(openHour, openMinutes);\n const to = closedAllDay ? '' : getTime(closeHour, closeMinutes);\n\n return {\n day,\n to,\n from,\n valid: !closedAllDay,\n openAllDay,\n };\n });\n};\n\nexport const timeSlotTransform = timeSlots => {\n return timeSlots.map(slot => {\n const closed = slot.openAllDay ? false : !(slot.to && slot.from);\n const openAllDay = slot.openAllDay;\n let fromDate = '';\n let toDate = '';\n let openHour = '';\n let openMinutes = '';\n let closeHour = '';\n let closeMinutes = '';\n\n if (!closed) {\n fromDate = parse(slot.from, 'hh:mm a', new Date());\n toDate = parse(slot.to, 'hh:mm a', new Date());\n openHour = getHours(fromDate);\n openMinutes = getMinutes(fromDate);\n closeHour = getHours(toDate);\n closeMinutes = getMinutes(toDate);\n }\n\n return {\n day_of_week: slot.day,\n closed_all_day: closed,\n open_hour: openHour,\n open_minutes: openMinutes,\n close_hour: closeHour,\n close_minutes: closeMinutes,\n open_all_day: openAllDay,\n };\n });\n};\n\nexport const timeZoneOptions = () => {\n return Object.keys(timeZoneData).map(key => ({\n label: key,\n value: timeZoneData[key],\n }));\n};\n","import fromUnixTime from 'date-fns/fromUnixTime';\nimport format from 'date-fns/format';\nimport isToday from 'date-fns/isToday';\nimport isYesterday from 'date-fns/isYesterday';\nimport { endOfDay, getUnixTime, startOfDay, differenceInDays } from 'date-fns';\n\nexport const formatUnixDate = (date, dateFormat = 'MMM dd, yyyy') => {\n const unixDate = fromUnixTime(date);\n return format(unixDate, dateFormat);\n};\n\nexport const formatDate = ({ date, todayText, yesterdayText }) => {\n const dateValue = new Date(date);\n if (isToday(dateValue)) return todayText;\n if (isYesterday(dateValue)) return yesterdayText;\n return date;\n};\n\nexport const formatDigitToString = val => {\n return val > 9 ? `${val}` : `0${val}`;\n};\n\nexport const isTimeAfter = (h1, m1, h2, m2) => {\n if (h1 < h2) {\n return false;\n }\n\n if (h1 === h2) {\n return m1 >= m2;\n }\n\n return true;\n};\n\n/** Get start of day as a UNIX timestamp */\nexport const getUnixStartOfDay = date => getUnixTime(startOfDay(date));\n\n/** Get end of day as a UNIX timestamp */\nexport const getUnixEndOfDay = date => getUnixTime(endOfDay(date));\n\nexport const generateRelativeTime = (value, unit, languageCode) => {\n const code = languageCode?.replace(/_/g, '-'); // Hacky fix we need to handle it from source\n const rtf = new Intl.RelativeTimeFormat(code, {\n numeric: 'auto',\n });\n return rtf.format(value, unit);\n};\n\nexport const getDayDifferenceFromNow = (now, timestampInSeconds) => {\n const date = new Date(timestampInSeconds * 1000);\n return differenceInDays(now, date);\n};\n","/*!\n Name: vue-upload-component \nComponent URI: https://github.com/lian-yue/vue-upload-component#readme \nVersion: 3.1.16 \nAuthor: LianYue \nLicense: Apache-2.0 \nDescription: Vue.js file upload component, Multi-file upload, Upload directory, Drag upload, Drag the directory, Upload multiple files at the same time, html4 (IE 9), `PUT` method, Customize the filter \n */\n(function (global, factory) {\n typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('vue')) :\n typeof define === 'function' && define.amd ? define(['vue'], factory) :\n (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.VueUploadComponent = factory(global.Vue));\n})(this, (function (vue) { 'use strict';\n\n function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\n function _nonIterableSpread() { throw new TypeError(\"Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\n function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\n function _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && iter[Symbol.iterator] != null || iter[\"@@iterator\"] != null) return Array.from(iter); }\n\n function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\n function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\n function _ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\n\n function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _ownKeys(Object(source), !0).forEach(function (key) { _defineProperty2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : _ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\n\n function _defineProperty2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\n function _typeof(obj) { \"@babel/helpers - typeof\"; return _typeof = \"function\" == typeof Symbol && \"symbol\" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && \"function\" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }, _typeof(obj); }\n\n function ownKeys(object, enumerableOnly) {\n var keys = Object.keys(object);\n\n if (Object.getOwnPropertySymbols) {\n var symbols = Object.getOwnPropertySymbols(object);\n enumerableOnly && (symbols = symbols.filter(function (sym) {\n return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n })), keys.push.apply(keys, symbols);\n }\n\n return keys;\n }\n\n function _objectSpread2(target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = null != arguments[i] ? arguments[i] : {};\n i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {\n _defineProperty(target, key, source[key]);\n }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {\n Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n });\n }\n\n return target;\n }\n\n function _classCallCheck(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n }\n\n function _defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n\n function _createClass(Constructor, protoProps, staticProps) {\n if (protoProps) _defineProperties(Constructor.prototype, protoProps);\n if (staticProps) _defineProperties(Constructor, staticProps);\n Object.defineProperty(Constructor, \"prototype\", {\n writable: false\n });\n return Constructor;\n }\n\n function _defineProperty(obj, key, value) {\n if (key in obj) {\n Object.defineProperty(obj, key, {\n value: value,\n enumerable: true,\n configurable: true,\n writable: true\n });\n } else {\n obj[key] = value;\n }\n\n return obj;\n }\n /**\n * Creates a XHR request\n *\n * @param {Object} options\n */\n\n\n var createRequest = function createRequest(options) {\n var xhr = new XMLHttpRequest();\n xhr.open(options.method || 'GET', options.url);\n xhr.responseType = 'json';\n\n if (options.headers) {\n Object.keys(options.headers).forEach(function (key) {\n xhr.setRequestHeader(key, options.headers[key]);\n });\n }\n\n return xhr;\n };\n /**\n * Sends a XHR request with certain body\n *\n * @param {XMLHttpRequest} xhr\n * @param {Object} body\n */\n\n\n var sendRequest = function sendRequest(xhr, body) {\n return new Promise(function (resolve, reject) {\n xhr.onload = function () {\n if (xhr.status >= 200 && xhr.status < 300) {\n var response;\n\n try {\n response = JSON.parse(xhr.response);\n } catch (err) {\n response = xhr.response;\n }\n\n resolve(response);\n } else {\n reject(xhr.response);\n }\n };\n\n xhr.onerror = function () {\n return reject(xhr.response);\n };\n\n xhr.send(JSON.stringify(body));\n });\n };\n /**\n * Sends a XHR request with certain form data\n *\n * @param {XMLHttpRequest} xhr\n * @param {Object} data\n */\n\n\n var sendFormRequest = function sendFormRequest(xhr, data) {\n var body = new FormData();\n\n for (var name in data) {\n body.append(name, data[name]);\n }\n\n return new Promise(function (resolve, reject) {\n xhr.onload = function () {\n if (xhr.status >= 200 && xhr.status < 300) {\n var response;\n\n try {\n response = JSON.parse(xhr.response);\n } catch (err) {\n response = xhr.response;\n }\n\n resolve(response);\n } else {\n reject(xhr.response);\n }\n };\n\n xhr.onerror = function () {\n return reject(xhr.response);\n };\n\n xhr.send(body);\n });\n };\n /**\n * Creates and sends XHR request\n *\n * @param {Object} options\n *\n * @returns Promise\n */\n\n\n function request(options) {\n var xhr = createRequest(options);\n return sendRequest(xhr, options.body);\n }\n\n var ChunkUploadHandler = /*#__PURE__*/function () {\n /**\n * Constructor\n *\n * @param {File} file\n * @param {Object} options\n */\n function ChunkUploadHandler(file, options) {\n _classCallCheck(this, ChunkUploadHandler);\n\n this.file = file;\n this.options = options;\n this.chunks = [];\n this.sessionId = null;\n this.chunkSize = null;\n this.speedInterval = null;\n }\n /**\n * Gets the max retries from options\n */\n\n\n _createClass(ChunkUploadHandler, [{\n key: \"maxRetries\",\n get: function get() {\n return parseInt(this.options.maxRetries, 10);\n }\n /**\n * Gets the max number of active chunks being uploaded at once from options\n */\n\n }, {\n key: \"maxActiveChunks\",\n get: function get() {\n return parseInt(this.options.maxActive, 10);\n }\n /**\n * Gets the file type\n */\n\n }, {\n key: \"fileType\",\n get: function get() {\n return this.file.type;\n }\n /**\n * Gets the file size\n */\n\n }, {\n key: \"fileSize\",\n get: function get() {\n return this.file.size;\n }\n /**\n * Gets the file name\n */\n\n }, {\n key: \"fileName\",\n get: function get() {\n return this.file.name;\n }\n /**\n * Gets action (url) to upload the file\n */\n\n }, {\n key: \"action\",\n get: function get() {\n return this.options.action || null;\n }\n /**\n * Gets the body to be merged when sending the request in start phase\n */\n\n }, {\n key: \"startBody\",\n get: function get() {\n return this.options.startBody || {};\n }\n /**\n * Gets the body to be merged when sending the request in upload phase\n */\n\n }, {\n key: \"uploadBody\",\n get: function get() {\n return this.options.uploadBody || {};\n }\n /**\n * Gets the body to be merged when sending the request in finish phase\n */\n\n }, {\n key: \"finishBody\",\n get: function get() {\n return this.options.finishBody || {};\n }\n /**\n * Gets the headers of the requests from options\n */\n\n }, {\n key: \"headers\",\n get: function get() {\n return this.options.headers || {};\n }\n /**\n * Whether it's ready to upload files or not\n */\n\n }, {\n key: \"readyToUpload\",\n get: function get() {\n return !!this.chunks;\n }\n /**\n * Gets the progress of the chunk upload\n * - Gets all the completed chunks\n * - Gets the progress of all the chunks that are being uploaded\n */\n\n }, {\n key: \"progress\",\n get: function get() {\n var _this = this;\n\n var completedProgress = this.chunksUploaded.length / this.chunks.length * 100;\n var uploadingProgress = this.chunksUploading.reduce(function (progress, chunk) {\n return progress + (chunk.progress | 0) / _this.chunks.length;\n }, 0);\n return Math.min(completedProgress + uploadingProgress, 100);\n }\n /**\n * Gets all the chunks that are pending to be uploaded\n */\n\n }, {\n key: \"chunksToUpload\",\n get: function get() {\n return this.chunks.filter(function (chunk) {\n return !chunk.active && !chunk.uploaded;\n });\n }\n /**\n * Whether there are chunks to upload or not\n */\n\n }, {\n key: \"hasChunksToUpload\",\n get: function get() {\n return this.chunksToUpload.length > 0;\n }\n /**\n * Gets all the chunks that are uploading\n */\n\n }, {\n key: \"chunksUploading\",\n get: function get() {\n return this.chunks.filter(function (chunk) {\n return !!chunk.xhr && !!chunk.active;\n });\n }\n /**\n * Gets all the chunks that have finished uploading\n */\n\n }, {\n key: \"chunksUploaded\",\n get: function get() {\n return this.chunks.filter(function (chunk) {\n return !!chunk.uploaded;\n });\n }\n /**\n * Creates all the chunks in the initial state\n */\n\n }, {\n key: \"createChunks\",\n value: function createChunks() {\n this.chunks = [];\n var start = 0;\n var end = this.chunkSize;\n\n while (start < this.fileSize) {\n this.chunks.push({\n blob: this.file.file.slice(start, end),\n startOffset: start,\n active: false,\n retries: this.maxRetries\n });\n start = end;\n end = start + this.chunkSize;\n }\n }\n /**\n * Updates the progress of the file with the handler's progress\n */\n\n }, {\n key: \"updateFileProgress\",\n value: function updateFileProgress() {\n this.file.progress = this.progress;\n }\n /**\n * Paues the upload process\n * - Stops all active requests\n * - Sets the file not active\n */\n\n }, {\n key: \"pause\",\n value: function pause() {\n this.file.active = false;\n this.stopChunks();\n }\n /**\n * Stops all the current chunks\n */\n\n }, {\n key: \"stopChunks\",\n value: function stopChunks() {\n this.chunksUploading.forEach(function (chunk) {\n chunk.xhr.abort();\n chunk.active = false;\n });\n this.stopSpeedCalc();\n }\n /**\n * Resumes the file upload\n * - Sets the file active\n * - Starts the following chunks\n */\n\n }, {\n key: \"resume\",\n value: function resume() {\n this.file.active = true;\n this.startChunking();\n }\n /**\n * Starts the file upload\n *\n * @returns Promise\n * - resolve The file was uploaded\n * - reject The file upload failed\n */\n\n }, {\n key: \"upload\",\n value: function upload() {\n var _this2 = this;\n\n this.promise = new Promise(function (resolve, reject) {\n _this2.resolve = resolve;\n _this2.reject = reject;\n });\n this.start();\n return this.promise;\n }\n /**\n * Start phase\n * Sends a request to the backend to initialise the chunks\n */\n\n }, {\n key: \"start\",\n value: function start() {\n var _this3 = this;\n\n request({\n method: 'POST',\n headers: _objectSpread2(_objectSpread2({}, this.headers), {}, {\n 'Content-Type': 'application/json'\n }),\n url: this.action,\n body: Object.assign(this.startBody, {\n phase: 'start',\n mime_type: this.fileType,\n size: this.fileSize,\n name: this.fileName\n })\n }).then(function (res) {\n if (res.status !== 'success') {\n _this3.file.response = res;\n return _this3.reject('server');\n }\n\n _this3.sessionId = res.data.session_id;\n _this3.chunkSize = res.data.end_offset;\n\n _this3.createChunks();\n\n _this3.startChunking();\n }).catch(function (res) {\n _this3.file.response = res;\n\n _this3.reject('server');\n });\n }\n /**\n * Starts to upload chunks\n */\n\n }, {\n key: \"startChunking\",\n value: function startChunking() {\n for (var i = 0; i < this.maxActiveChunks; i++) {\n this.uploadNextChunk();\n }\n\n this.startSpeedCalc();\n }\n /**\n * Uploads the next chunk\n * - Won't do anything if the process is paused\n * - Will start finish phase if there are no more chunks to upload\n */\n\n }, {\n key: \"uploadNextChunk\",\n value: function uploadNextChunk() {\n if (this.file.active) {\n if (this.hasChunksToUpload) {\n return this.uploadChunk(this.chunksToUpload[0]);\n }\n\n if (this.chunksUploading.length === 0) {\n return this.finish();\n }\n }\n }\n /**\n * Uploads a chunk\n * - Sends the chunk to the backend\n * - Sets the chunk as uploaded if everything went well\n * - Decreases the number of retries if anything went wrong\n * - Fails if there are no more retries\n *\n * @param {Object} chunk\n */\n\n }, {\n key: \"uploadChunk\",\n value: function uploadChunk(chunk) {\n var _this4 = this;\n\n chunk.progress = 0;\n chunk.active = true;\n this.updateFileProgress();\n chunk.xhr = createRequest({\n method: 'POST',\n headers: this.headers,\n url: this.action\n });\n chunk.xhr.upload.addEventListener('progress', function (evt) {\n if (evt.lengthComputable) {\n chunk.progress = Math.round(evt.loaded / evt.total * 100);\n }\n }, false);\n sendFormRequest(chunk.xhr, Object.assign(this.uploadBody, {\n phase: 'upload',\n session_id: this.sessionId,\n start_offset: chunk.startOffset,\n chunk: chunk.blob\n })).then(function (res) {\n chunk.active = false;\n\n if (res.status === 'success') {\n chunk.uploaded = true;\n } else {\n if (chunk.retries-- <= 0) {\n _this4.stopChunks();\n\n return _this4.reject('upload');\n }\n }\n\n _this4.uploadNextChunk();\n }).catch(function () {\n chunk.active = false;\n\n if (chunk.retries-- <= 0) {\n _this4.stopChunks();\n\n return _this4.reject('upload');\n }\n\n _this4.uploadNextChunk();\n });\n }\n /**\n * Finish phase\n * Sends a request to the backend to finish the process\n */\n\n }, {\n key: \"finish\",\n value: function finish() {\n var _this5 = this;\n\n this.updateFileProgress();\n this.stopSpeedCalc();\n request({\n method: 'POST',\n headers: _objectSpread2(_objectSpread2({}, this.headers), {}, {\n 'Content-Type': 'application/json'\n }),\n url: this.action,\n body: Object.assign(this.finishBody, {\n phase: 'finish',\n session_id: this.sessionId\n })\n }).then(function (res) {\n _this5.file.response = res;\n\n if (res.status !== 'success') {\n return _this5.reject('server');\n }\n\n _this5.resolve(res);\n }).catch(function (res) {\n _this5.file.response = res;\n\n _this5.reject('server');\n });\n }\n /**\n * Sets an interval to calculate and\n * set upload speed every 3 seconds\n */\n\n }, {\n key: \"startSpeedCalc\",\n value: function startSpeedCalc() {\n var _this6 = this;\n\n this.file.speed = 0;\n var lastUploadedBytes = 0;\n\n if (!this.speedInterval) {\n this.speedInterval = window.setInterval(function () {\n var uploadedBytes = _this6.progress / 100 * _this6.fileSize;\n _this6.file.speed = uploadedBytes - lastUploadedBytes;\n lastUploadedBytes = uploadedBytes;\n }, 1000);\n }\n }\n /**\n * Removes the upload speed interval\n */\n\n }, {\n key: \"stopSpeedCalc\",\n value: function stopSpeedCalc() {\n this.speedInterval && window.clearInterval(this.speedInterval);\n this.speedInterval = null;\n this.file.speed = 0;\n }\n }]);\n\n return ChunkUploadHandler;\n }();\n\n var CHUNK_DEFAULT_OPTIONS = {\n headers: {},\n action: '',\n minSize: 1048576,\n maxActive: 3,\n maxRetries: 5,\n handler: ChunkUploadHandler\n };\n var script = vue.defineComponent({\n compatConfig: {\n MODE: 3\n },\n props: {\n inputId: {\n type: String\n },\n name: {\n type: String,\n default: 'file'\n },\n accept: {\n type: String\n },\n capture: {},\n disabled: {\n default: false\n },\n multiple: {\n type: Boolean,\n default: false\n },\n maximum: {\n type: Number\n },\n addIndex: {\n type: [Boolean, Number]\n },\n directory: {\n type: Boolean\n },\n createDirectory: {\n type: Boolean,\n default: false\n },\n postAction: {\n type: String\n },\n putAction: {\n type: String\n },\n customAction: {\n type: Function\n },\n headers: {\n type: Object,\n default: function _default() {\n return {};\n }\n },\n data: {\n type: Object,\n default: function _default() {\n return {};\n }\n },\n timeout: {\n type: Number,\n default: 0\n },\n drop: {\n type: [Boolean, String, HTMLElement],\n default: function _default() {\n return false;\n }\n },\n dropDirectory: {\n type: Boolean,\n default: true\n },\n size: {\n type: Number,\n default: 0\n },\n extensions: {\n type: [RegExp, String, Array],\n default: function _default() {\n return [];\n }\n },\n modelValue: {\n type: Array,\n default: function _default() {\n return [];\n }\n },\n thread: {\n type: Number,\n default: 1\n },\n // Chunk upload enabled\n chunkEnabled: {\n type: Boolean,\n default: false\n },\n // Chunk upload properties\n chunk: {\n type: Object,\n default: function _default() {\n return CHUNK_DEFAULT_OPTIONS;\n }\n }\n },\n emits: ['update:modelValue', 'input-filter', 'input-file'],\n data: function data() {\n return {\n files: this.modelValue,\n features: {\n html5: true,\n directory: false,\n drop: false\n },\n active: false,\n dropActive: false,\n dropElementActive: false,\n uploading: 0,\n destroy: false,\n maps: {},\n dropElement: null,\n dropTimeout: null,\n reload: false\n };\n },\n\n /**\r\n * mounted\r\n * @return {[type]} [description]\r\n */\n mounted: function mounted() {\n var _this7 = this;\n\n var input = document.createElement('input');\n input.type = 'file';\n input.multiple = true; // html5 特征\n\n if (window.FormData && input.files) {\n // 上传目录特征\n // @ts-ignore\n if (typeof input.webkitdirectory === 'boolean' || typeof input.directory === 'boolean') {\n this.features.directory = true;\n } // 拖拽特征. 要兼容 relatedTarget\n\n\n if (this.features.html5 && typeof input.ondrop !== 'undefined' && this.isRelatedTargetSupported()) {\n this.features.drop = true;\n }\n } else {\n this.features.html5 = false;\n } // files 定位缓存\n\n\n this.maps = {};\n\n if (this.files) {\n for (var i = 0; i < this.files.length; i++) {\n var file = this.files[i];\n this.maps[file.id] = file;\n }\n } // @ts-ignore\n\n\n this.$nextTick(function () {\n // 更新下父级\n if (_this7.$parent) {\n _this7.$parent.$forceUpdate(); // 拖拽渲染\n\n\n _this7.$parent.$nextTick(function () {\n _this7.watchDrop(_this7.drop);\n });\n } else {\n // 拖拽渲染\n _this7.watchDrop(_this7.drop);\n }\n });\n },\n\n /**\r\n * beforeUnmount\r\n * @return {[type]} [description]\r\n */\n beforeUnmount: function beforeUnmount() {\n // 已销毁\n this.destroy = true; // 设置成不激活\n\n this.active = false; // 销毁拖拽事件\n\n this.watchDrop(false); // 销毁不激活\n\n this.watchActive(false);\n },\n computed: {\n /**\r\n * uploading 正在上传的线程\r\n * @return {[type]} [description]\r\n */\n\n /**\r\n * uploaded 文件列表是否全部已上传\r\n * @return {[type]} [description]\r\n */\n uploaded: function uploaded() {\n var file;\n\n for (var i = 0; i < this.files.length; i++) {\n file = this.files[i];\n\n if (file.fileObject && !file.error && !file.success) {\n return false;\n }\n }\n\n return true;\n },\n chunkOptions: function chunkOptions() {\n return Object.assign(CHUNK_DEFAULT_OPTIONS, this.chunk);\n },\n className: function className() {\n return ['file-uploads', this.features.html5 ? 'file-uploads-html5' : 'file-uploads-html4', this.features.directory && this.directory ? 'file-uploads-directory' : undefined, this.features.drop && this.drop ? 'file-uploads-drop' : undefined, this.disabled ? 'file-uploads-disabled' : undefined];\n },\n forId: function forId() {\n return this.inputId || this.name;\n },\n iMaximum: function iMaximum() {\n if (this.maximum === undefined) {\n return this.multiple ? 0 : 1;\n }\n\n return this.maximum;\n },\n iExtensions: function iExtensions() {\n if (!this.extensions) {\n return;\n }\n\n if (this.extensions instanceof RegExp) {\n return this.extensions;\n }\n\n if (!this.extensions.length) {\n return;\n }\n\n var exts = [];\n\n if (typeof this.extensions === 'string') {\n exts = this.extensions.split(',');\n } else {\n exts = this.extensions;\n }\n\n exts = exts.map(function (value) {\n return value.trim();\n }).filter(function (value) {\n return value;\n });\n return new RegExp('\\\\.(' + exts.join('|').replace(/\\./g, '\\\\.') + ')$', 'i');\n },\n iDirectory: function iDirectory() {\n if (this.directory && this.features.directory) {\n return true;\n }\n\n return undefined;\n }\n },\n watch: {\n active: function active(_active) {\n this.watchActive(_active);\n },\n dropActive: function dropActive(value) {\n this.watchDropActive(value);\n\n if (this.$parent) {\n this.$parent.$forceUpdate();\n }\n },\n drop: function drop(value) {\n this.watchDrop(value);\n },\n modelValue: function modelValue(files) {\n if (this.files === files) {\n return;\n }\n\n this.files = files;\n var oldMaps = this.maps; // 重写 maps 缓存\n\n this.maps = {};\n\n for (var i = 0; i < this.files.length; i++) {\n var file = this.files[i];\n this.maps[file.id] = file;\n } // add, update\n\n\n for (var key in this.maps) {\n var newFile = this.maps[key];\n var oldFile = oldMaps[key];\n\n if (newFile !== oldFile) {\n this.emitFile(newFile, oldFile);\n }\n } // delete\n\n\n for (var _key in oldMaps) {\n if (!this.maps[_key]) {\n this.emitFile(undefined, oldMaps[_key]);\n }\n }\n }\n },\n methods: {\n newId: function newId() {\n return Math.random().toString(36).substr(2);\n },\n // 清空\n clear: function clear() {\n if (this.files.length) {\n var files = this.files;\n this.files = []; // 定位\n\n this.maps = {}; // 事件\n\n this.emitInput();\n\n for (var i = 0; i < files.length; i++) {\n this.emitFile(undefined, files[i]);\n }\n }\n\n return true;\n },\n // 选择\n get: function get(id) {\n if (!id) {\n return false;\n }\n\n if (_typeof(id) === 'object') {\n return this.maps[id.id || ''] || false;\n }\n\n return this.maps[id] || false;\n },\n // 添加\n add: function add(_files, index) {\n // 不是数组整理成数组\n var files;\n\n if (_files instanceof Array) {\n files = _files;\n } else {\n files = [_files];\n }\n\n if (index === undefined) {\n // eslint-disable-next-line\n index = this.addIndex;\n } // 遍历规范对象\n\n\n var addFiles = [];\n\n for (var i = 0; i < files.length; i++) {\n var file = files[i];\n\n if (this.features.html5 && file instanceof Blob) {\n file = {\n id: '',\n file: file,\n size: file.size,\n // @ts-ignore\n name: file.webkitRelativePath || file.relativePath || file.name || 'unknown',\n type: file.type\n };\n }\n\n file = file;\n var fileObject = false;\n if (file.fileObject === false) ;else if (file.fileObject) {\n fileObject = true;\n } else if (typeof Element !== 'undefined' && file.el instanceof HTMLInputElement) {\n fileObject = true;\n } else if (typeof Blob !== 'undefined' && file.file instanceof Blob) {\n fileObject = true;\n }\n\n if (fileObject) {\n file = _objectSpread(_objectSpread({\n fileObject: true,\n size: -1,\n name: 'Filename',\n type: '',\n active: false,\n error: '',\n success: false,\n putAction: this.putAction,\n postAction: this.postAction,\n timeout: this.timeout\n }, file), {}, {\n response: {},\n progress: '0.00',\n speed: 0 // 只读\n // file: undefined,\n // xhr: undefined,\n // el: undefined,\n // iframe: undefined,\n\n });\n file.data = _objectSpread(_objectSpread({}, this.data), file.data ? file.data : {});\n file.headers = _objectSpread(_objectSpread({}, this.headers), file.headers ? file.headers : {});\n } // 必须包含 id\n\n\n if (!file.id) {\n file.id = this.newId();\n }\n\n if (this.emitFilter(file, undefined)) {\n continue;\n } // 最大数量限制\n\n\n if (this.iMaximum > 1 && addFiles.length + this.files.length >= this.iMaximum) {\n break;\n }\n\n addFiles.push(file); // 最大数量限制\n\n if (this.iMaximum === 1) {\n break;\n }\n } // 没有文件\n\n\n if (!addFiles.length) {\n return;\n } // 如果是 1 清空\n\n\n if (this.iMaximum === 1) {\n this.clear();\n } // 添加进去 files\n\n\n var newFiles;\n\n if (index === true || index === 0) {\n newFiles = addFiles.concat(this.files);\n } else if (index) {\n var _newFiles;\n\n newFiles = this.files.concat([]);\n\n (_newFiles = newFiles).splice.apply(_newFiles, [index, 0].concat(_toConsumableArray(addFiles)));\n } else {\n newFiles = this.files.concat(addFiles);\n }\n\n this.files = newFiles; // 读取代理后的数据\n\n var index2 = 0;\n\n if (index === true || index === 0) {\n index2 = 0;\n } else if (index) {\n if (index >= 0) {\n if (index + addFiles.length > this.files.length) {\n index2 = this.files.length - addFiles.length;\n } else {\n index2 = index;\n }\n } else {\n index2 = this.files.length - addFiles.length + index;\n\n if (index2 < 0) {\n index2 = 0;\n }\n }\n } else {\n index2 = this.files.length - addFiles.length;\n }\n\n addFiles = this.files.slice(index2, index2 + addFiles.length); // 定位\n\n for (var _i = 0; _i < addFiles.length; _i++) {\n var _file = addFiles[_i];\n this.maps[_file.id] = _file;\n } // 事件\n\n\n this.emitInput();\n\n for (var _i2 = 0; _i2 < addFiles.length; _i2++) {\n this.emitFile(addFiles[_i2], undefined);\n }\n\n return _files instanceof Array ? addFiles : addFiles[0];\n },\n // 添加表单文件\n addInputFile: function addInputFile(el) {\n var _this8 = this;\n\n var files = [];\n this.iMaximum; // @ts-ignore\n\n var entrys = el.webkitEntries || el.entries || undefined;\n\n if (entrys !== null && entrys !== void 0 && entrys.length) {\n return this.getFileSystemEntry(entrys).then(function (files) {\n return _this8.add(files);\n });\n }\n\n if (el.files) {\n for (var i = 0; i < el.files.length; i++) {\n var file = el.files[i];\n files.push({\n id: '',\n size: file.size,\n // @ts-ignore\n name: file.webkitRelativePath || file.relativePath || file.name,\n type: file.type,\n file: file\n });\n }\n } else {\n var names = el.value.replace(/\\\\/g, '/').split('/');\n\n if (!names || !names.length) {\n names = [el.value];\n } // @ts-ignore\n\n\n delete el.__vuex__;\n files.push({\n id: '',\n name: names[names.length - 1],\n el: el\n });\n }\n\n return Promise.resolve(this.add(files));\n },\n // 添加 DataTransfer\n addDataTransfer: function addDataTransfer(dataTransfer) {\n var _dataTransfer$items,\n _this9 = this;\n\n // dataTransfer.items 支持\n if (dataTransfer !== null && dataTransfer !== void 0 && (_dataTransfer$items = dataTransfer.items) !== null && _dataTransfer$items !== void 0 && _dataTransfer$items.length) {\n var entrys = []; // 遍历出所有 dataTransferVueUploadItem\n\n for (var i = 0; i < dataTransfer.items.length; i++) {\n var dataTransferTtem = dataTransfer.items[i];\n var entry = void 0; // @ts-ignore\n\n if (dataTransferTtem.getAsEntry) {\n // @ts-ignore\n entry = dataTransferTtem.getAsEntry() || dataTransferTtem.getAsFile();\n } else if (dataTransferTtem.webkitGetAsEntry) {\n entry = dataTransferTtem.webkitGetAsEntry() || dataTransferTtem.getAsFile();\n } else {\n entry = dataTransferTtem.getAsFile();\n }\n\n if (entry) {\n entrys.push(entry);\n }\n }\n\n return this.getFileSystemEntry(entrys).then(function (files) {\n return _this9.add(files);\n });\n } // dataTransfer.files 支持\n\n\n var maximumValue = this.iMaximum;\n var files = [];\n\n if (dataTransfer.files.length) {\n for (var _i3 = 0; _i3 < dataTransfer.files.length; _i3++) {\n files.push(dataTransfer.files[_i3]);\n\n if (maximumValue > 0 && files.length >= maximumValue) {\n break;\n }\n }\n\n return Promise.resolve(this.add(files));\n }\n\n return Promise.resolve([]);\n },\n // 获得 entrys \n getFileSystemEntry: function getFileSystemEntry(entry) {\n var _this10 = this;\n\n var path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';\n // getFileSystemEntry(entry: any, path = ''): Promise {\n return new Promise(function (resolve) {\n var maximumValue = _this10.iMaximum;\n\n if (!entry) {\n resolve([]);\n return;\n }\n\n if (entry instanceof Array) {\n // 多个\n var uploadFiles = [];\n\n var forEach = function forEach(i) {\n var v = entry[i];\n\n if (!v || maximumValue > 0 && uploadFiles.length >= maximumValue) {\n return resolve(uploadFiles);\n }\n\n _this10.getFileSystemEntry(v, path).then(function (results) {\n uploadFiles.push.apply(uploadFiles, _toConsumableArray(results));\n forEach(i + 1);\n });\n };\n\n forEach(0);\n return;\n }\n\n if (entry instanceof Blob) {\n resolve([{\n id: '',\n size: entry.size,\n // @ts-ignore\n name: path + entry.name,\n type: entry.type,\n file: entry\n }]);\n return;\n }\n\n if (entry.isFile) {\n var fileEntry = entry;\n fileEntry.file(function (file) {\n resolve([{\n id: '',\n size: file.size,\n name: path + file.name,\n type: file.type,\n file: file\n }]);\n });\n return;\n }\n\n if (entry.isDirectory && _this10.dropDirectory) {\n var directoryEntry = entry;\n var _uploadFiles = []; // 目录也要添加到文件列表\n\n if (_this10.createDirectory) {\n _uploadFiles.push({\n id: '',\n name: path + directoryEntry.name,\n size: 0,\n type: 'text/directory',\n file: new File([], path + directoryEntry.name, {\n type: 'text/directory'\n })\n });\n }\n\n var dirReader = directoryEntry.createReader();\n\n var readEntries = function readEntries() {\n dirReader.readEntries(function (entries) {\n var forEach = function forEach(i) {\n if (!entries[i] && i === 0 || maximumValue > 0 && _uploadFiles.length >= maximumValue) {\n return resolve(_uploadFiles);\n }\n\n if (!entries[i]) {\n return readEntries();\n }\n\n _this10.getFileSystemEntry(entries[i], path + directoryEntry.name + '/').then(function (results) {\n _uploadFiles.push.apply(_uploadFiles, _toConsumableArray(results));\n\n forEach(i + 1);\n });\n };\n\n forEach(0);\n });\n };\n\n readEntries();\n return;\n }\n\n resolve([]);\n });\n },\n // 替换\n replace: function replace(id1, id2) {\n var file1 = this.get(id1);\n var file2 = this.get(id2);\n\n if (!file1 || !file2 || file1 === file2) {\n return false;\n }\n\n var files = this.files.concat([]);\n var index1 = files.indexOf(file1);\n var index2 = files.indexOf(file2);\n\n if (index1 === -1 || index2 === -1) {\n return false;\n }\n\n files[index1] = file2;\n files[index2] = file1;\n this.files = files;\n this.emitInput();\n return true;\n },\n // 移除\n remove: function remove(id) {\n var file = this.get(id);\n\n if (file) {\n if (this.emitFilter(undefined, file)) {\n return false;\n }\n\n var files = this.files.concat([]);\n var index = files.indexOf(file);\n\n if (index === -1) {\n console.error('remove', file);\n return false;\n }\n\n files.splice(index, 1);\n this.files = files; // 定位\n\n delete this.maps[file.id]; // 事件\n\n this.emitInput();\n this.emitFile(undefined, file);\n }\n\n return file;\n },\n // 更新\n update: function update(id, data) {\n var file = this.get(id);\n\n if (file) {\n var newFile = _objectSpread(_objectSpread({}, file), data); // 停用必须加上错误\n\n\n if (file.fileObject && file.active && !newFile.active && !newFile.error && !newFile.success) {\n newFile.error = 'abort';\n }\n\n if (this.emitFilter(newFile, file)) {\n return false;\n }\n\n var files = this.files.concat([]);\n var index = files.indexOf(file);\n\n if (index === -1) {\n console.error('update', file);\n return false;\n }\n\n files.splice(index, 1, newFile);\n this.files = files;\n newFile = this.files[index]; // 删除 旧定位 写入 新定位 （已便支持修改id)\n\n delete this.maps[file.id];\n this.maps[newFile.id] = newFile; // 事件\n\n this.emitInput();\n this.emitFile(newFile, file);\n return newFile;\n }\n\n return false;\n },\n // 预处理 事件 过滤器\n emitFilter: function emitFilter(newFile, oldFile) {\n var isPrevent = false;\n this.$emit('input-filter', newFile, oldFile, function () {\n var prevent = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;\n isPrevent = prevent;\n return isPrevent;\n });\n return isPrevent;\n },\n // 处理后 事件 分发\n emitFile: function emitFile(newFile, oldFile) {\n var _newFile,\n _this11 = this;\n\n this.$emit('input-file', newFile, oldFile);\n\n if ((_newFile = newFile) !== null && _newFile !== void 0 && _newFile.fileObject && newFile.active && (!oldFile || !oldFile.active)) {\n this.uploading++; // 激活\n // @ts-ignore\n\n this.$nextTick(function () {\n setTimeout(function () {\n newFile && _this11.upload(newFile).then(function () {\n var _newFile2;\n\n if (newFile) {\n // eslint-disable-next-line\n newFile = _this11.get(newFile) || undefined;\n }\n\n if ((_newFile2 = newFile) !== null && _newFile2 !== void 0 && _newFile2.fileObject) {\n _this11.update(newFile, {\n active: false,\n success: !newFile.error\n });\n }\n }).catch(function (e) {\n newFile && _this11.update(newFile, {\n active: false,\n success: false,\n error: e.code || e.error || e.message || e\n });\n });\n }, Math.ceil(Math.random() * 50 + 50));\n });\n } else if ((!newFile || !newFile.fileObject || !newFile.active) && oldFile && oldFile.fileObject && oldFile.active) {\n // 停止\n this.uploading--;\n } // 自动延续激活\n // @ts-ignore\n\n\n if (this.active && (Boolean(newFile) !== Boolean(oldFile) || newFile.active !== oldFile.active)) {\n this.watchActive(true);\n }\n },\n emitInput: function emitInput() {\n this.$emit('update:modelValue', this.files);\n },\n // 上传\n upload: function upload(id) {\n var file = this.get(id); // 被删除\n\n if (!file) {\n return Promise.reject(new Error('not_exists'));\n } // 不是文件对象\n\n\n if (!file.fileObject) {\n return Promise.reject(new Error('file_object'));\n } // 有错误直接响应\n\n\n if (file.error) {\n if (file.error instanceof Error) {\n return Promise.reject(file.error);\n }\n\n return Promise.reject(new Error(file.error));\n } // 已完成直接响应\n\n\n if (file.success) {\n return Promise.resolve(file);\n } // 后缀\n\n\n if (file.name && this.iExtensions && file.type !== \"text/directory\") {\n if (file.name.search(this.iExtensions) === -1) {\n return Promise.reject(new Error('extension'));\n }\n } // 大小\n\n\n if (this.size > 0 && file.size !== undefined && file.size >= 0 && file.size > this.size && file.type !== \"text/directory\") {\n return Promise.reject(new Error('size'));\n }\n\n if (this.customAction) {\n return this.customAction(file, this);\n }\n\n if (this.features.html5) {\n if (this.shouldUseChunkUpload(file)) {\n return this.uploadChunk(file);\n }\n\n if (file.putAction) {\n return this.uploadPut(file);\n }\n\n if (file.postAction) {\n return this.uploadHtml5(file);\n }\n }\n\n if (file.postAction) {\n return this.uploadHtml4(file);\n }\n\n return Promise.reject(new Error('No action configured'));\n },\n\n /**\r\n * Whether this file should be uploaded using chunk upload or not\r\n *\r\n * @param Object file\r\n */\n shouldUseChunkUpload: function shouldUseChunkUpload(file) {\n return this.chunkEnabled && !!this.chunkOptions.handler && file.size && file.size > this.chunkOptions.minSize;\n },\n\n /**\r\n * Upload a file using Chunk method\r\n *\r\n * @param File file\r\n */\n uploadChunk: function uploadChunk(file) {\n var HandlerClass = this.chunkOptions.handler;\n file.chunk = new HandlerClass(file, this.chunkOptions);\n return file.chunk.upload().then(function (res) {\n return file;\n });\n },\n uploadPut: function uploadPut(file) {\n var querys = [];\n var value;\n\n for (var key in file.data) {\n value = file.data[key];\n\n if (value !== null && value !== undefined) {\n querys.push(encodeURIComponent(key) + '=' + encodeURIComponent(value));\n }\n }\n\n var putAction = file.putAction || '';\n var queryString = querys.length ? (putAction.indexOf('?') === -1 ? '?' : '&') + querys.join('&') : '';\n var xhr = new XMLHttpRequest();\n xhr.open('PUT', putAction + queryString);\n return this.uploadXhr(xhr, file, file.file);\n },\n uploadHtml5: function uploadHtml5(file) {\n var form = new window.FormData();\n var value;\n\n for (var key in file.data) {\n value = file.data[key];\n\n if (value && _typeof(value) === 'object' && typeof value.toString !== 'function') {\n if (value instanceof File) {\n form.append(key, value, value.name);\n } else {\n form.append(key, JSON.stringify(value));\n }\n } else if (value !== null && value !== undefined) {\n form.append(key, value);\n }\n } // Moved file.name as the first option to set the filename of the uploaded file, since file.name\n // contains the full (relative) path of the file not just the filename as in file.file.filename\n // @ts-ignore\n\n\n form.append(this.name, file.file, file.name || file.file.name || file.file.filename);\n var xhr = new XMLHttpRequest();\n xhr.open('POST', file.postAction || '');\n return this.uploadXhr(xhr, file, form);\n },\n uploadXhr: function uploadXhr(xhr, ufile, body) {\n var _this12 = this;\n\n var file = ufile;\n var speedTime = 0;\n var speedLoaded = 0; // 进度条\n\n xhr.upload.onprogress = function (e) {\n // 还未开始上传 已删除 未激活\n if (!file) {\n return;\n }\n\n file = _this12.get(file);\n\n if (!e.lengthComputable || !file || !file.fileObject || !file.active) {\n return;\n } // 进度 速度 每秒更新一次\n\n\n var speedTime2 = Math.round(Date.now() / 1000);\n\n if (speedTime2 === speedTime) {\n return;\n }\n\n speedTime = speedTime2;\n file = _this12.update(file, {\n progress: (e.loaded / e.total * 100).toFixed(2),\n speed: e.loaded - speedLoaded\n });\n speedLoaded = e.loaded;\n }; // 检查激活状态\n\n\n var interval = window.setInterval(function () {\n if (file) {\n if (file = _this12.get(file)) {\n var _file2;\n\n if ((_file2 = file) !== null && _file2 !== void 0 && _file2.fileObject && !file.success && !file.error && file.active) {\n return;\n }\n }\n }\n\n if (interval) {\n clearInterval(interval);\n interval = undefined;\n }\n\n try {\n xhr.abort();\n xhr.timeout = 1;\n } catch (e) {}\n }, 100);\n return new Promise(function (resolve, reject) {\n if (!file) {\n reject(new Error('not_exists'));\n return;\n }\n\n var complete;\n\n var fn = function fn(e) {\n // 已经处理过了\n if (complete) {\n return;\n }\n\n complete = true;\n\n if (interval) {\n clearInterval(interval);\n interval = undefined;\n }\n\n if (!file) {\n return reject(new Error('not_exists'));\n }\n\n file = _this12.get(file); // 不存在直接响应\n\n if (!file) {\n return reject(new Error('not_exists'));\n } // 不是文件对象\n\n\n if (!file.fileObject) {\n return reject(new Error('file_object'));\n } // 有错误自动响应\n\n\n if (file.error) {\n if (file.error instanceof Error) {\n return reject(file.error);\n }\n\n return reject(new Error(file.error));\n } // 未激活\n\n\n if (!file.active) {\n return reject(new Error('abort'));\n } // 已完成 直接相应\n\n\n if (file.success) {\n return resolve(file);\n }\n\n var data = {};\n\n switch (e.type) {\n case 'timeout':\n case 'abort':\n data.error = e.type;\n break;\n\n case 'error':\n if (!xhr.status) {\n data.error = 'network';\n } else if (xhr.status >= 500) {\n data.error = 'server';\n } else if (xhr.status >= 400) {\n data.error = 'denied';\n }\n\n break;\n\n default:\n if (xhr.status >= 500) {\n data.error = 'server';\n } else if (xhr.status >= 400) {\n data.error = 'denied';\n } else {\n data.progress = '100.00';\n }\n\n }\n\n if (xhr.responseText) {\n var contentType = xhr.getResponseHeader('Content-Type');\n\n if (contentType && contentType.indexOf('/json') !== -1) {\n data.response = JSON.parse(xhr.responseText);\n } else {\n data.response = xhr.responseText;\n }\n } // 更新\n // @ts-ignore\n\n\n file = _this12.update(file, data);\n\n if (!file) {\n return reject(new Error('abort'));\n } // 有错误自动响应\n\n\n if (file.error) {\n if (file.error instanceof Error) {\n return reject(file.error);\n }\n\n return reject(new Error(file.error));\n } // 响应\n\n\n return resolve(file);\n }; // 事件\n\n\n xhr.onload = fn;\n xhr.onerror = fn;\n xhr.onabort = fn;\n xhr.ontimeout = fn; // 超时\n\n if (file.timeout) {\n xhr.timeout = file.timeout;\n } // headers\n\n\n for (var key in file.headers) {\n xhr.setRequestHeader(key, file.headers[key]);\n } // 更新 xhr\n // @ts-ignore\n\n\n file = _this12.update(file, {\n xhr: xhr\n }); // 开始上传\n\n file && xhr.send(body);\n });\n },\n uploadHtml4: function uploadHtml4(ufile) {\n var _this13 = this;\n\n var file = ufile;\n\n if (!file) {\n return Promise.reject(new Error('not_exists'));\n }\n\n var onKeydown = function onKeydown(e) {\n if (e.keyCode === 27) {\n e.preventDefault();\n }\n };\n\n var iframe = document.createElement('iframe');\n iframe.id = 'upload-iframe-' + file.id;\n iframe.name = 'upload-iframe-' + file.id;\n iframe.src = 'about:blank';\n iframe.setAttribute('style', 'width:1px;height:1px;top:-999em;position:absolute; margin-top:-999em;');\n var form = document.createElement('form');\n form.setAttribute('action', file.postAction || '');\n form.name = 'upload-form-' + file.id;\n form.setAttribute('method', 'POST');\n form.setAttribute('target', 'upload-iframe-' + file.id);\n form.setAttribute('enctype', 'multipart/form-data');\n\n for (var key in file.data) {\n var value = file.data[key];\n\n if (value && _typeof(value) === 'object' && typeof value.toString !== 'function') {\n value = JSON.stringify(value);\n }\n\n if (value !== null && value !== undefined) {\n var el = document.createElement('input');\n el.type = 'hidden';\n el.name = key;\n el.value = value;\n form.appendChild(el);\n }\n }\n\n form.appendChild(file.el);\n document.body.appendChild(iframe).appendChild(form);\n\n var getResponseData = function getResponseData() {\n var _doc;\n\n var doc;\n\n try {\n if (iframe.contentWindow) {\n doc = iframe.contentWindow.document;\n }\n } catch (err) {}\n\n if (!doc) {\n try {\n // @ts-ignore\n doc = iframe.contentDocument ? iframe.contentDocument : iframe.document;\n } catch (err) {\n // @ts-ignore\n doc = iframe.document;\n }\n } // @ts-ignore\n\n\n if ((_doc = doc) !== null && _doc !== void 0 && _doc.body) {\n return doc.body.innerHTML;\n }\n\n return null;\n };\n\n return new Promise(function (resolve, reject) {\n setTimeout(function () {\n if (!file) {\n reject(new Error('not_exists'));\n return;\n }\n\n file = _this13.update(file, {\n iframe: iframe\n }); // 不存在\n\n if (!file) {\n return reject(new Error('not_exists'));\n } // 定时检查\n\n\n var interval = window.setInterval(function () {\n if (file) {\n if (file = _this13.get(file)) {\n if (file.fileObject && !file.success && !file.error && file.active) {\n return;\n }\n }\n }\n\n if (interval) {\n clearInterval(interval);\n interval = undefined;\n } // @ts-ignore\n\n\n iframe.onabort({\n type: file ? 'abort' : 'not_exists'\n });\n }, 100);\n var complete;\n\n var fn = function fn(e) {\n var _file3;\n\n // 已经处理过了\n if (complete) {\n return;\n }\n\n complete = true;\n\n if (interval) {\n clearInterval(interval);\n interval = undefined;\n } // 关闭 esc 事件\n\n\n document.body.removeEventListener('keydown', onKeydown);\n\n if (!file) {\n return reject(new Error('not_exists'));\n }\n\n file = _this13.get(file); // 不存在直接响应\n\n if (!file) {\n return reject(new Error('not_exists'));\n } // 不是文件对象\n\n\n if (!file.fileObject) {\n return reject(new Error('file_object'));\n } // 有错误自动响应\n\n\n if (file.error) {\n if (file.error instanceof Error) {\n return reject(file.error);\n }\n\n return reject(new Error(file.error));\n } // 未激活\n\n\n if (!file.active) {\n return reject(new Error('abort'));\n } // 已完成 直接相应\n\n\n if (file.success) {\n return resolve(file);\n }\n\n var response = getResponseData();\n var data = {};\n\n if (typeof e === 'string') {\n return reject(new Error(e));\n }\n\n switch (e.type) {\n case 'abort':\n data.error = 'abort';\n break;\n\n case 'error':\n if (file.error) {\n data.error = file.error;\n } else if (response === null) {\n data.error = 'network';\n } else {\n data.error = 'denied';\n }\n\n break;\n\n default:\n if (file.error) {\n data.error = file.error;\n } else if (response === null) {\n data.error = 'network';\n } else {\n data.progress = '100.00';\n }\n\n }\n\n if (response !== null) {\n if (response && response.substr(0, 1) === '{' && response.substr(response.length - 1, 1) === '}') {\n try {\n response = JSON.parse(response);\n } catch (err) {}\n }\n\n data.response = response;\n } // 更新\n\n\n file = _this13.update(file, data);\n\n if (!file) {\n return reject(new Error('not_exists'));\n }\n\n if ((_file3 = file) !== null && _file3 !== void 0 && _file3.error) {\n if (file.error instanceof Error) {\n return reject(file.error);\n }\n\n return reject(new Error(file.error));\n } // 响应\n\n\n return resolve(file);\n }; // 添加事件\n\n\n iframe.onload = fn;\n iframe.onerror = fn;\n iframe.onabort = fn; // 禁止 esc 键\n\n document.body.addEventListener('keydown', onKeydown); // 提交\n\n form.submit();\n }, 50);\n }).then(function (res) {\n var _iframe$parentNode;\n\n iframe === null || iframe === void 0 ? void 0 : (_iframe$parentNode = iframe.parentNode) === null || _iframe$parentNode === void 0 ? void 0 : _iframe$parentNode.removeChild(iframe);\n return res;\n }).catch(function (res) {\n var _iframe$parentNode2;\n\n iframe === null || iframe === void 0 ? void 0 : (_iframe$parentNode2 = iframe.parentNode) === null || _iframe$parentNode2 === void 0 ? void 0 : _iframe$parentNode2.removeChild(iframe);\n return res;\n });\n },\n watchActive: function watchActive(active) {\n var file;\n var index = 0;\n\n while (file = this.files[index]) {\n index++;\n if (!file.fileObject) ;else if (active && !this.destroy) {\n if (this.uploading >= this.thread || this.uploading && !this.features.html5) {\n break;\n }\n\n if (!file.active && !file.error && !file.success) {\n this.update(file, {\n active: true\n });\n }\n } else {\n if (file.active) {\n this.update(file, {\n active: false\n });\n }\n }\n }\n\n if (this.uploading === 0) {\n this.active = false;\n }\n },\n watchDrop: function watchDrop(newDrop) {\n var oldDrop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;\n\n if (!this.features.drop) {\n return;\n }\n\n if (newDrop === oldDrop) {\n return;\n } // 移除挂载\n\n\n if (this.dropElement) {\n try {\n document.removeEventListener('dragenter', this.onDocumentDragenter, false);\n document.removeEventListener('dragleave', this.onDocumentDragleave, false);\n document.removeEventListener('dragover', this.onDocumentDragover, false);\n document.removeEventListener('drop', this.onDocumentDrop, false);\n this.dropElement.removeEventListener('dragenter', this.onDragenter, false);\n this.dropElement.removeEventListener('dragleave', this.onDragleave, false);\n this.dropElement.removeEventListener('dragover', this.onDragover, false);\n this.dropElement.removeEventListener('drop', this.onDrop, false);\n } catch (e) {}\n }\n\n var el = null;\n if (!newDrop) ;else if (typeof newDrop === 'string') {\n // @ts-ignore\n el = document.querySelector(newDrop) || this.$root.$el.querySelector(newDrop);\n } else if (newDrop === true) {\n var _el;\n\n // @ts-ignore\n el = this.$parent.$el;\n\n if (!el || ((_el = el) === null || _el === void 0 ? void 0 : _el.nodeType) === 8) {\n var _el2;\n\n // @ts-ignore\n el = this.$root.$el;\n\n if (!el || ((_el2 = el) === null || _el2 === void 0 ? void 0 : _el2.nodeType) === 8) {\n el = document.body;\n }\n }\n } else {\n el = newDrop;\n }\n this.dropElement = el;\n\n if (this.dropElement) {\n document.addEventListener('dragenter', this.onDocumentDragenter, false);\n document.addEventListener('dragleave', this.onDocumentDragleave, false);\n document.addEventListener('dragover', this.onDocumentDragover, false);\n document.addEventListener('drop', this.onDocumentDrop, false);\n this.dropElement.addEventListener('dragenter', this.onDragenter, false);\n this.dropElement.addEventListener('dragleave', this.onDragleave, false);\n this.dropElement.addEventListener('dragover', this.onDragover, false);\n this.dropElement.addEventListener('drop', this.onDrop, false);\n }\n },\n watchDropActive: function watchDropActive(newDropActive, oldDropActive) {\n if (newDropActive === oldDropActive) {\n return;\n } // 设置 dropElementActive false\n\n\n if (!newDropActive && this.dropElementActive) {\n this.dropElementActive = false;\n }\n\n if (this.dropTimeout) {\n clearTimeout(this.dropTimeout);\n this.dropTimeout = null;\n }\n\n if (newDropActive) {\n // @ts-ignore\n this.dropTimeout = setTimeout(this.onDocumentDrop, 1000);\n }\n },\n onDocumentDragenter: function onDocumentDragenter(e) {\n var _dt$files, _dt$types;\n\n if (this.dropActive) {\n return;\n }\n\n if (!e.dataTransfer) {\n return;\n }\n\n var dt = e.dataTransfer;\n\n if (dt !== null && dt !== void 0 && (_dt$files = dt.files) !== null && _dt$files !== void 0 && _dt$files.length) {\n this.dropActive = true;\n } else if (!dt.types) {\n this.dropActive = true;\n } else if (dt.types.indexOf && dt.types.indexOf('Files') !== -1) {\n this.dropActive = true; // @ts-ignore\n } else if ((_dt$types = dt.types) !== null && _dt$types !== void 0 && _dt$types.contains && dt.types.contains('Files')) {\n this.dropActive = true;\n }\n\n if (this.dropActive) {\n this.watchDropActive(true);\n }\n },\n onDocumentDragleave: function onDocumentDragleave(e) {\n if (!this.dropActive) {\n return;\n } // @ts-ignore\n\n\n if (e.target === e.explicitOriginalTarget || !e.fromElement && (e.clientX <= 0 || e.clientY <= 0 || e.clientX >= window.innerWidth || e.clientY >= window.innerHeight)) {\n this.dropActive = false;\n this.watchDropActive(false);\n }\n },\n onDocumentDragover: function onDocumentDragover() {\n this.watchDropActive(true);\n },\n onDocumentDrop: function onDocumentDrop() {\n this.dropActive = false;\n this.watchDropActive(false);\n },\n onDragenter: function onDragenter(e) {\n if (!this.dropActive || this.dropElementActive) {\n return;\n }\n\n this.dropElementActive = true;\n },\n onDragleave: function onDragleave(e) {\n var _this$dropElement;\n\n if (!this.dropElementActive) {\n return;\n }\n\n var related = e.relatedTarget;\n\n if (!related) {\n this.dropElementActive = false;\n } else if ((_this$dropElement = this.dropElement) !== null && _this$dropElement !== void 0 && _this$dropElement.contains) {\n if (!this.dropElement.contains(related)) {\n this.dropElementActive = false;\n }\n } else {\n var child = related;\n\n while (child) {\n if (child === this.dropElement) {\n break;\n } // @ts-ignore\n\n\n child = child.parentNode;\n }\n\n if (child !== this.dropElement) {\n this.dropElementActive = false;\n }\n }\n },\n onDragover: function onDragover(e) {\n e.preventDefault();\n },\n onDrop: function onDrop(e) {\n e.preventDefault();\n e.dataTransfer && this.addDataTransfer(e.dataTransfer);\n },\n inputOnChange: async function inputOnChange(e) {\n var _this14 = this;\n\n if (!(e.target instanceof HTMLInputElement)) {\n return Promise.reject(new Error(\"not HTMLInputElement\"));\n }\n\n e.target;\n\n var reinput = function reinput(res) {\n _this14.reload = true; // @ts-ignore\n\n _this14.$nextTick(function () {\n _this14.reload = false;\n });\n\n return res;\n };\n\n return this.addInputFile(e.target).then(reinput).catch(reinput);\n },\n isRelatedTargetSupported: function isRelatedTargetSupported() {\n try {\n // 创建一个模拟的 MouseEvent\n var event = new MouseEvent('mouseout', {\n relatedTarget: document.body\n });\n return 'relatedTarget' in event; // 检查 `relatedTarget` 属性是否存在\n } catch (e) {\n // 如果 MouseEvent 不受支持，或者无法设置 relatedTarget\n return false;\n }\n }\n }\n });\n var _hoisted_1 = [\"for\"];\n var _hoisted_2 = [\"name\", \"id\", \"accept\", \"capture\", \"disabled\", \"webkitdirectory\", \"allowdirs\", \"directory\", \"multiple\"];\n\n function render(_ctx, _cache, $props, $setup, $data, $options) {\n return vue.openBlock(), vue.createElementBlock(\"span\", {\n class: vue.normalizeClass(_ctx.className)\n }, [vue.renderSlot(_ctx.$slots, \"default\"), vue.createElementVNode(\"label\", {\n for: _ctx.forId\n }, null, 8, _hoisted_1), !_ctx.reload ? (vue.openBlock(), vue.createElementBlock(\"input\", {\n key: 0,\n ref: \"input\",\n type: \"file\",\n name: _ctx.name,\n id: _ctx.forId,\n accept: _ctx.accept,\n capture: _ctx.capture,\n disabled: _ctx.disabled,\n webkitdirectory: _ctx.iDirectory,\n allowdirs: _ctx.iDirectory,\n directory: _ctx.iDirectory,\n multiple: _ctx.multiple && _ctx.features.html5,\n onChange: _cache[0] || (_cache[0] = function () {\n return _ctx.inputOnChange && _ctx.inputOnChange.apply(_ctx, arguments);\n })\n }, null, 40, _hoisted_2)) : vue.createCommentVNode(\"\", true)], 2);\n }\n\n function styleInject(css, ref) {\n if (ref === void 0) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') {\n return;\n }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n }\n\n var css_248z = \"\\n.file-uploads {\\n overflow: hidden;\\n position: relative;\\n text-align: center;\\n display: inline-block;\\n}\\n.file-uploads.file-uploads-html4 input,\\n.file-uploads.file-uploads-html5 label {\\n /* background fix ie click */\\n background: #fff;\\n opacity: 0;\\n font-size: 20em;\\n z-index: 1;\\n top: 0;\\n left: 0;\\n right: 0;\\n bottom: 0;\\n position: absolute;\\n width: 100%;\\n height: 100%;\\n}\\n.file-uploads.file-uploads-html5 input,\\n.file-uploads.file-uploads-html4 label {\\n /* background fix ie click */\\n position: absolute;\\n background: rgba(255, 255, 255, 0);\\n overflow: hidden;\\n position: fixed;\\n width: 1px;\\n height: 1px;\\n z-index: -1;\\n opacity: 0;\\n}\\n\";\n styleInject(css_248z);\n script.render = render;\n\n return script;\n\n}));\n//# sourceMappingURL=vue-upload-component.js.map\n","(function(global, factory) {\n typeof exports === \"object\" && typeof module !== \"undefined\" ? factory(exports) : typeof define === \"function\" && define.amd ? define([ \"exports\" ], factory) : factory(global.ActiveStorage = {});\n})(this, function(exports) {\n \"use strict\";\n function createCommonjsModule(fn, module) {\n return module = {\n exports: {}\n }, fn(module, module.exports), module.exports;\n }\n var sparkMd5 = createCommonjsModule(function(module, exports) {\n (function(factory) {\n {\n module.exports = factory();\n }\n })(function(undefined) {\n var hex_chr = [ \"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"a\", \"b\", \"c\", \"d\", \"e\", \"f\" ];\n function md5cycle(x, k) {\n var a = x[0], b = x[1], c = x[2], d = x[3];\n a += (b & c | ~b & d) + k[0] - 680876936 | 0;\n a = (a << 7 | a >>> 25) + b | 0;\n d += (a & b | ~a & c) + k[1] - 389564586 | 0;\n d = (d << 12 | d >>> 20) + a | 0;\n c += (d & a | ~d & b) + k[2] + 606105819 | 0;\n c = (c << 17 | c >>> 15) + d | 0;\n b += (c & d | ~c & a) + k[3] - 1044525330 | 0;\n b = (b << 22 | b >>> 10) + c | 0;\n a += (b & c | ~b & d) + k[4] - 176418897 | 0;\n a = (a << 7 | a >>> 25) + b | 0;\n d += (a & b | ~a & c) + k[5] + 1200080426 | 0;\n d = (d << 12 | d >>> 20) + a | 0;\n c += (d & a | ~d & b) + k[6] - 1473231341 | 0;\n c = (c << 17 | c >>> 15) + d | 0;\n b += (c & d | ~c & a) + k[7] - 45705983 | 0;\n b = (b << 22 | b >>> 10) + c | 0;\n a += (b & c | ~b & d) + k[8] + 1770035416 | 0;\n a = (a << 7 | a >>> 25) + b | 0;\n d += (a & b | ~a & c) + k[9] - 1958414417 | 0;\n d = (d << 12 | d >>> 20) + a | 0;\n c += (d & a | ~d & b) + k[10] - 42063 | 0;\n c = (c << 17 | c >>> 15) + d | 0;\n b += (c & d | ~c & a) + k[11] - 1990404162 | 0;\n b = (b << 22 | b >>> 10) + c | 0;\n a += (b & c | ~b & d) + k[12] + 1804603682 | 0;\n a = (a << 7 | a >>> 25) + b | 0;\n d += (a & b | ~a & c) + k[13] - 40341101 | 0;\n d = (d << 12 | d >>> 20) + a | 0;\n c += (d & a | ~d & b) + k[14] - 1502002290 | 0;\n c = (c << 17 | c >>> 15) + d | 0;\n b += (c & d | ~c & a) + k[15] + 1236535329 | 0;\n b = (b << 22 | b >>> 10) + c | 0;\n a += (b & d | c & ~d) + k[1] - 165796510 | 0;\n a = (a << 5 | a >>> 27) + b | 0;\n d += (a & c | b & ~c) + k[6] - 1069501632 | 0;\n d = (d << 9 | d >>> 23) + a | 0;\n c += (d & b | a & ~b) + k[11] + 643717713 | 0;\n c = (c << 14 | c >>> 18) + d | 0;\n b += (c & a | d & ~a) + k[0] - 373897302 | 0;\n b = (b << 20 | b >>> 12) + c | 0;\n a += (b & d | c & ~d) + k[5] - 701558691 | 0;\n a = (a << 5 | a >>> 27) + b | 0;\n d += (a & c | b & ~c) + k[10] + 38016083 | 0;\n d = (d << 9 | d >>> 23) + a | 0;\n c += (d & b | a & ~b) + k[15] - 660478335 | 0;\n c = (c << 14 | c >>> 18) + d | 0;\n b += (c & a | d & ~a) + k[4] - 405537848 | 0;\n b = (b << 20 | b >>> 12) + c | 0;\n a += (b & d | c & ~d) + k[9] + 568446438 | 0;\n a = (a << 5 | a >>> 27) + b | 0;\n d += (a & c | b & ~c) + k[14] - 1019803690 | 0;\n d = (d << 9 | d >>> 23) + a | 0;\n c += (d & b | a & ~b) + k[3] - 187363961 | 0;\n c = (c << 14 | c >>> 18) + d | 0;\n b += (c & a | d & ~a) + k[8] + 1163531501 | 0;\n b = (b << 20 | b >>> 12) + c | 0;\n a += (b & d | c & ~d) + k[13] - 1444681467 | 0;\n a = (a << 5 | a >>> 27) + b | 0;\n d += (a & c | b & ~c) + k[2] - 51403784 | 0;\n d = (d << 9 | d >>> 23) + a | 0;\n c += (d & b | a & ~b) + k[7] + 1735328473 | 0;\n c = (c << 14 | c >>> 18) + d | 0;\n b += (c & a | d & ~a) + k[12] - 1926607734 | 0;\n b = (b << 20 | b >>> 12) + c | 0;\n a += (b ^ c ^ d) + k[5] - 378558 | 0;\n a = (a << 4 | a >>> 28) + b | 0;\n d += (a ^ b ^ c) + k[8] - 2022574463 | 0;\n d = (d << 11 | d >>> 21) + a | 0;\n c += (d ^ a ^ b) + k[11] + 1839030562 | 0;\n c = (c << 16 | c >>> 16) + d | 0;\n b += (c ^ d ^ a) + k[14] - 35309556 | 0;\n b = (b << 23 | b >>> 9) + c | 0;\n a += (b ^ c ^ d) + k[1] - 1530992060 | 0;\n a = (a << 4 | a >>> 28) + b | 0;\n d += (a ^ b ^ c) + k[4] + 1272893353 | 0;\n d = (d << 11 | d >>> 21) + a | 0;\n c += (d ^ a ^ b) + k[7] - 155497632 | 0;\n c = (c << 16 | c >>> 16) + d | 0;\n b += (c ^ d ^ a) + k[10] - 1094730640 | 0;\n b = (b << 23 | b >>> 9) + c | 0;\n a += (b ^ c ^ d) + k[13] + 681279174 | 0;\n a = (a << 4 | a >>> 28) + b | 0;\n d += (a ^ b ^ c) + k[0] - 358537222 | 0;\n d = (d << 11 | d >>> 21) + a | 0;\n c += (d ^ a ^ b) + k[3] - 722521979 | 0;\n c = (c << 16 | c >>> 16) + d | 0;\n b += (c ^ d ^ a) + k[6] + 76029189 | 0;\n b = (b << 23 | b >>> 9) + c | 0;\n a += (b ^ c ^ d) + k[9] - 640364487 | 0;\n a = (a << 4 | a >>> 28) + b | 0;\n d += (a ^ b ^ c) + k[12] - 421815835 | 0;\n d = (d << 11 | d >>> 21) + a | 0;\n c += (d ^ a ^ b) + k[15] + 530742520 | 0;\n c = (c << 16 | c >>> 16) + d | 0;\n b += (c ^ d ^ a) + k[2] - 995338651 | 0;\n b = (b << 23 | b >>> 9) + c | 0;\n a += (c ^ (b | ~d)) + k[0] - 198630844 | 0;\n a = (a << 6 | a >>> 26) + b | 0;\n d += (b ^ (a | ~c)) + k[7] + 1126891415 | 0;\n d = (d << 10 | d >>> 22) + a | 0;\n c += (a ^ (d | ~b)) + k[14] - 1416354905 | 0;\n c = (c << 15 | c >>> 17) + d | 0;\n b += (d ^ (c | ~a)) + k[5] - 57434055 | 0;\n b = (b << 21 | b >>> 11) + c | 0;\n a += (c ^ (b | ~d)) + k[12] + 1700485571 | 0;\n a = (a << 6 | a >>> 26) + b | 0;\n d += (b ^ (a | ~c)) + k[3] - 1894986606 | 0;\n d = (d << 10 | d >>> 22) + a | 0;\n c += (a ^ (d | ~b)) + k[10] - 1051523 | 0;\n c = (c << 15 | c >>> 17) + d | 0;\n b += (d ^ (c | ~a)) + k[1] - 2054922799 | 0;\n b = (b << 21 | b >>> 11) + c | 0;\n a += (c ^ (b | ~d)) + k[8] + 1873313359 | 0;\n a = (a << 6 | a >>> 26) + b | 0;\n d += (b ^ (a | ~c)) + k[15] - 30611744 | 0;\n d = (d << 10 | d >>> 22) + a | 0;\n c += (a ^ (d | ~b)) + k[6] - 1560198380 | 0;\n c = (c << 15 | c >>> 17) + d | 0;\n b += (d ^ (c | ~a)) + k[13] + 1309151649 | 0;\n b = (b << 21 | b >>> 11) + c | 0;\n a += (c ^ (b | ~d)) + k[4] - 145523070 | 0;\n a = (a << 6 | a >>> 26) + b | 0;\n d += (b ^ (a | ~c)) + k[11] - 1120210379 | 0;\n d = (d << 10 | d >>> 22) + a | 0;\n c += (a ^ (d | ~b)) + k[2] + 718787259 | 0;\n c = (c << 15 | c >>> 17) + d | 0;\n b += (d ^ (c | ~a)) + k[9] - 343485551 | 0;\n b = (b << 21 | b >>> 11) + c | 0;\n x[0] = a + x[0] | 0;\n x[1] = b + x[1] | 0;\n x[2] = c + x[2] | 0;\n x[3] = d + x[3] | 0;\n }\n function md5blk(s) {\n var md5blks = [], i;\n for (i = 0; i < 64; i += 4) {\n md5blks[i >> 2] = s.charCodeAt(i) + (s.charCodeAt(i + 1) << 8) + (s.charCodeAt(i + 2) << 16) + (s.charCodeAt(i + 3) << 24);\n }\n return md5blks;\n }\n function md5blk_array(a) {\n var md5blks = [], i;\n for (i = 0; i < 64; i += 4) {\n md5blks[i >> 2] = a[i] + (a[i + 1] << 8) + (a[i + 2] << 16) + (a[i + 3] << 24);\n }\n return md5blks;\n }\n function md51(s) {\n var n = s.length, state = [ 1732584193, -271733879, -1732584194, 271733878 ], i, length, tail, tmp, lo, hi;\n for (i = 64; i <= n; i += 64) {\n md5cycle(state, md5blk(s.substring(i - 64, i)));\n }\n s = s.substring(i - 64);\n length = s.length;\n tail = [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ];\n for (i = 0; i < length; i += 1) {\n tail[i >> 2] |= s.charCodeAt(i) << (i % 4 << 3);\n }\n tail[i >> 2] |= 128 << (i % 4 << 3);\n if (i > 55) {\n md5cycle(state, tail);\n for (i = 0; i < 16; i += 1) {\n tail[i] = 0;\n }\n }\n tmp = n * 8;\n tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);\n lo = parseInt(tmp[2], 16);\n hi = parseInt(tmp[1], 16) || 0;\n tail[14] = lo;\n tail[15] = hi;\n md5cycle(state, tail);\n return state;\n }\n function md51_array(a) {\n var n = a.length, state = [ 1732584193, -271733879, -1732584194, 271733878 ], i, length, tail, tmp, lo, hi;\n for (i = 64; i <= n; i += 64) {\n md5cycle(state, md5blk_array(a.subarray(i - 64, i)));\n }\n a = i - 64 < n ? a.subarray(i - 64) : new Uint8Array(0);\n length = a.length;\n tail = [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ];\n for (i = 0; i < length; i += 1) {\n tail[i >> 2] |= a[i] << (i % 4 << 3);\n }\n tail[i >> 2] |= 128 << (i % 4 << 3);\n if (i > 55) {\n md5cycle(state, tail);\n for (i = 0; i < 16; i += 1) {\n tail[i] = 0;\n }\n }\n tmp = n * 8;\n tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);\n lo = parseInt(tmp[2], 16);\n hi = parseInt(tmp[1], 16) || 0;\n tail[14] = lo;\n tail[15] = hi;\n md5cycle(state, tail);\n return state;\n }\n function rhex(n) {\n var s = \"\", j;\n for (j = 0; j < 4; j += 1) {\n s += hex_chr[n >> j * 8 + 4 & 15] + hex_chr[n >> j * 8 & 15];\n }\n return s;\n }\n function hex(x) {\n var i;\n for (i = 0; i < x.length; i += 1) {\n x[i] = rhex(x[i]);\n }\n return x.join(\"\");\n }\n if (hex(md51(\"hello\")) !== \"5d41402abc4b2a76b9719d911017c592\") ;\n if (typeof ArrayBuffer !== \"undefined\" && !ArrayBuffer.prototype.slice) {\n (function() {\n function clamp(val, length) {\n val = val | 0 || 0;\n if (val < 0) {\n return Math.max(val + length, 0);\n }\n return Math.min(val, length);\n }\n ArrayBuffer.prototype.slice = function(from, to) {\n var length = this.byteLength, begin = clamp(from, length), end = length, num, target, targetArray, sourceArray;\n if (to !== undefined) {\n end = clamp(to, length);\n }\n if (begin > end) {\n return new ArrayBuffer(0);\n }\n num = end - begin;\n target = new ArrayBuffer(num);\n targetArray = new Uint8Array(target);\n sourceArray = new Uint8Array(this, begin, num);\n targetArray.set(sourceArray);\n return target;\n };\n })();\n }\n function toUtf8(str) {\n if (/[\\u0080-\\uFFFF]/.test(str)) {\n str = unescape(encodeURIComponent(str));\n }\n return str;\n }\n function utf8Str2ArrayBuffer(str, returnUInt8Array) {\n var length = str.length, buff = new ArrayBuffer(length), arr = new Uint8Array(buff), i;\n for (i = 0; i < length; i += 1) {\n arr[i] = str.charCodeAt(i);\n }\n return returnUInt8Array ? arr : buff;\n }\n function arrayBuffer2Utf8Str(buff) {\n return String.fromCharCode.apply(null, new Uint8Array(buff));\n }\n function concatenateArrayBuffers(first, second, returnUInt8Array) {\n var result = new Uint8Array(first.byteLength + second.byteLength);\n result.set(new Uint8Array(first));\n result.set(new Uint8Array(second), first.byteLength);\n return returnUInt8Array ? result : result.buffer;\n }\n function hexToBinaryString(hex) {\n var bytes = [], length = hex.length, x;\n for (x = 0; x < length - 1; x += 2) {\n bytes.push(parseInt(hex.substr(x, 2), 16));\n }\n return String.fromCharCode.apply(String, bytes);\n }\n function SparkMD5() {\n this.reset();\n }\n SparkMD5.prototype.append = function(str) {\n this.appendBinary(toUtf8(str));\n return this;\n };\n SparkMD5.prototype.appendBinary = function(contents) {\n this._buff += contents;\n this._length += contents.length;\n var length = this._buff.length, i;\n for (i = 64; i <= length; i += 64) {\n md5cycle(this._hash, md5blk(this._buff.substring(i - 64, i)));\n }\n this._buff = this._buff.substring(i - 64);\n return this;\n };\n SparkMD5.prototype.end = function(raw) {\n var buff = this._buff, length = buff.length, i, tail = [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ], ret;\n for (i = 0; i < length; i += 1) {\n tail[i >> 2] |= buff.charCodeAt(i) << (i % 4 << 3);\n }\n this._finish(tail, length);\n ret = hex(this._hash);\n if (raw) {\n ret = hexToBinaryString(ret);\n }\n this.reset();\n return ret;\n };\n SparkMD5.prototype.reset = function() {\n this._buff = \"\";\n this._length = 0;\n this._hash = [ 1732584193, -271733879, -1732584194, 271733878 ];\n return this;\n };\n SparkMD5.prototype.getState = function() {\n return {\n buff: this._buff,\n length: this._length,\n hash: this._hash\n };\n };\n SparkMD5.prototype.setState = function(state) {\n this._buff = state.buff;\n this._length = state.length;\n this._hash = state.hash;\n return this;\n };\n SparkMD5.prototype.destroy = function() {\n delete this._hash;\n delete this._buff;\n delete this._length;\n };\n SparkMD5.prototype._finish = function(tail, length) {\n var i = length, tmp, lo, hi;\n tail[i >> 2] |= 128 << (i % 4 << 3);\n if (i > 55) {\n md5cycle(this._hash, tail);\n for (i = 0; i < 16; i += 1) {\n tail[i] = 0;\n }\n }\n tmp = this._length * 8;\n tmp = tmp.toString(16).match(/(.*?)(.{0,8})$/);\n lo = parseInt(tmp[2], 16);\n hi = parseInt(tmp[1], 16) || 0;\n tail[14] = lo;\n tail[15] = hi;\n md5cycle(this._hash, tail);\n };\n SparkMD5.hash = function(str, raw) {\n return SparkMD5.hashBinary(toUtf8(str), raw);\n };\n SparkMD5.hashBinary = function(content, raw) {\n var hash = md51(content), ret = hex(hash);\n return raw ? hexToBinaryString(ret) : ret;\n };\n SparkMD5.ArrayBuffer = function() {\n this.reset();\n };\n SparkMD5.ArrayBuffer.prototype.append = function(arr) {\n var buff = concatenateArrayBuffers(this._buff.buffer, arr, true), length = buff.length, i;\n this._length += arr.byteLength;\n for (i = 64; i <= length; i += 64) {\n md5cycle(this._hash, md5blk_array(buff.subarray(i - 64, i)));\n }\n this._buff = i - 64 < length ? new Uint8Array(buff.buffer.slice(i - 64)) : new Uint8Array(0);\n return this;\n };\n SparkMD5.ArrayBuffer.prototype.end = function(raw) {\n var buff = this._buff, length = buff.length, tail = [ 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0 ], i, ret;\n for (i = 0; i < length; i += 1) {\n tail[i >> 2] |= buff[i] << (i % 4 << 3);\n }\n this._finish(tail, length);\n ret = hex(this._hash);\n if (raw) {\n ret = hexToBinaryString(ret);\n }\n this.reset();\n return ret;\n };\n SparkMD5.ArrayBuffer.prototype.reset = function() {\n this._buff = new Uint8Array(0);\n this._length = 0;\n this._hash = [ 1732584193, -271733879, -1732584194, 271733878 ];\n return this;\n };\n SparkMD5.ArrayBuffer.prototype.getState = function() {\n var state = SparkMD5.prototype.getState.call(this);\n state.buff = arrayBuffer2Utf8Str(state.buff);\n return state;\n };\n SparkMD5.ArrayBuffer.prototype.setState = function(state) {\n state.buff = utf8Str2ArrayBuffer(state.buff, true);\n return SparkMD5.prototype.setState.call(this, state);\n };\n SparkMD5.ArrayBuffer.prototype.destroy = SparkMD5.prototype.destroy;\n SparkMD5.ArrayBuffer.prototype._finish = SparkMD5.prototype._finish;\n SparkMD5.ArrayBuffer.hash = function(arr, raw) {\n var hash = md51_array(new Uint8Array(arr)), ret = hex(hash);\n return raw ? hexToBinaryString(ret) : ret;\n };\n return SparkMD5;\n });\n });\n var classCallCheck = function(instance, Constructor) {\n if (!(instance instanceof Constructor)) {\n throw new TypeError(\"Cannot call a class as a function\");\n }\n };\n var createClass = function() {\n function defineProperties(target, props) {\n for (var i = 0; i < props.length; i++) {\n var descriptor = props[i];\n descriptor.enumerable = descriptor.enumerable || false;\n descriptor.configurable = true;\n if (\"value\" in descriptor) descriptor.writable = true;\n Object.defineProperty(target, descriptor.key, descriptor);\n }\n }\n return function(Constructor, protoProps, staticProps) {\n if (protoProps) defineProperties(Constructor.prototype, protoProps);\n if (staticProps) defineProperties(Constructor, staticProps);\n return Constructor;\n };\n }();\n var fileSlice = File.prototype.slice || File.prototype.mozSlice || File.prototype.webkitSlice;\n var FileChecksum = function() {\n createClass(FileChecksum, null, [ {\n key: \"create\",\n value: function create(file, callback) {\n var instance = new FileChecksum(file);\n instance.create(callback);\n }\n } ]);\n function FileChecksum(file) {\n classCallCheck(this, FileChecksum);\n this.file = file;\n this.chunkSize = 2097152;\n this.chunkCount = Math.ceil(this.file.size / this.chunkSize);\n this.chunkIndex = 0;\n }\n createClass(FileChecksum, [ {\n key: \"create\",\n value: function create(callback) {\n var _this = this;\n this.callback = callback;\n this.md5Buffer = new sparkMd5.ArrayBuffer();\n this.fileReader = new FileReader();\n this.fileReader.addEventListener(\"load\", function(event) {\n return _this.fileReaderDidLoad(event);\n });\n this.fileReader.addEventListener(\"error\", function(event) {\n return _this.fileReaderDidError(event);\n });\n this.readNextChunk();\n }\n }, {\n key: \"fileReaderDidLoad\",\n value: function fileReaderDidLoad(event) {\n this.md5Buffer.append(event.target.result);\n if (!this.readNextChunk()) {\n var binaryDigest = this.md5Buffer.end(true);\n var base64digest = btoa(binaryDigest);\n this.callback(null, base64digest);\n }\n }\n }, {\n key: \"fileReaderDidError\",\n value: function fileReaderDidError(event) {\n this.callback(\"Error reading \" + this.file.name);\n }\n }, {\n key: \"readNextChunk\",\n value: function readNextChunk() {\n if (this.chunkIndex < this.chunkCount || this.chunkIndex == 0 && this.chunkCount == 0) {\n var start = this.chunkIndex * this.chunkSize;\n var end = Math.min(start + this.chunkSize, this.file.size);\n var bytes = fileSlice.call(this.file, start, end);\n this.fileReader.readAsArrayBuffer(bytes);\n this.chunkIndex++;\n return true;\n } else {\n return false;\n }\n }\n } ]);\n return FileChecksum;\n }();\n function getMetaValue(name) {\n var element = findElement(document.head, 'meta[name=\"' + name + '\"]');\n if (element) {\n return element.getAttribute(\"content\");\n }\n }\n function findElements(root, selector) {\n if (typeof root == \"string\") {\n selector = root;\n root = document;\n }\n var elements = root.querySelectorAll(selector);\n return toArray$1(elements);\n }\n function findElement(root, selector) {\n if (typeof root == \"string\") {\n selector = root;\n root = document;\n }\n return root.querySelector(selector);\n }\n function dispatchEvent(element, type) {\n var eventInit = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n var disabled = element.disabled;\n var bubbles = eventInit.bubbles, cancelable = eventInit.cancelable, detail = eventInit.detail;\n var event = document.createEvent(\"Event\");\n event.initEvent(type, bubbles || true, cancelable || true);\n event.detail = detail || {};\n try {\n element.disabled = false;\n element.dispatchEvent(event);\n } finally {\n element.disabled = disabled;\n }\n return event;\n }\n function toArray$1(value) {\n if (Array.isArray(value)) {\n return value;\n } else if (Array.from) {\n return Array.from(value);\n } else {\n return [].slice.call(value);\n }\n }\n var BlobRecord = function() {\n function BlobRecord(file, checksum, url) {\n var _this = this;\n classCallCheck(this, BlobRecord);\n this.file = file;\n this.attributes = {\n filename: file.name,\n content_type: file.type,\n byte_size: file.size,\n checksum: checksum\n };\n this.xhr = new XMLHttpRequest();\n this.xhr.open(\"POST\", url, true);\n this.xhr.responseType = \"json\";\n this.xhr.setRequestHeader(\"Content-Type\", \"application/json\");\n this.xhr.setRequestHeader(\"Accept\", \"application/json\");\n this.xhr.setRequestHeader(\"X-Requested-With\", \"XMLHttpRequest\");\n this.xhr.setRequestHeader(\"X-CSRF-Token\", getMetaValue(\"csrf-token\"));\n this.xhr.addEventListener(\"load\", function(event) {\n return _this.requestDidLoad(event);\n });\n this.xhr.addEventListener(\"error\", function(event) {\n return _this.requestDidError(event);\n });\n }\n createClass(BlobRecord, [ {\n key: \"create\",\n value: function create(callback) {\n this.callback = callback;\n this.xhr.send(JSON.stringify({\n blob: this.attributes\n }));\n }\n }, {\n key: \"requestDidLoad\",\n value: function requestDidLoad(event) {\n if (this.status >= 200 && this.status < 300) {\n var response = this.response;\n var direct_upload = response.direct_upload;\n delete response.direct_upload;\n this.attributes = response;\n this.directUploadData = direct_upload;\n this.callback(null, this.toJSON());\n } else {\n this.requestDidError(event);\n }\n }\n }, {\n key: \"requestDidError\",\n value: function requestDidError(event) {\n this.callback('Error creating Blob for \"' + this.file.name + '\". Status: ' + this.status);\n }\n }, {\n key: \"toJSON\",\n value: function toJSON() {\n var result = {};\n for (var key in this.attributes) {\n result[key] = this.attributes[key];\n }\n return result;\n }\n }, {\n key: \"status\",\n get: function get$$1() {\n return this.xhr.status;\n }\n }, {\n key: \"response\",\n get: function get$$1() {\n var _xhr = this.xhr, responseType = _xhr.responseType, response = _xhr.response;\n if (responseType == \"json\") {\n return response;\n } else {\n return JSON.parse(response);\n }\n }\n } ]);\n return BlobRecord;\n }();\n var BlobUpload = function() {\n function BlobUpload(blob) {\n var _this = this;\n classCallCheck(this, BlobUpload);\n this.blob = blob;\n this.file = blob.file;\n var _blob$directUploadDat = blob.directUploadData, url = _blob$directUploadDat.url, headers = _blob$directUploadDat.headers;\n this.xhr = new XMLHttpRequest();\n this.xhr.open(\"PUT\", url, true);\n this.xhr.responseType = \"text\";\n for (var key in headers) {\n this.xhr.setRequestHeader(key, headers[key]);\n }\n this.xhr.addEventListener(\"load\", function(event) {\n return _this.requestDidLoad(event);\n });\n this.xhr.addEventListener(\"error\", function(event) {\n return _this.requestDidError(event);\n });\n }\n createClass(BlobUpload, [ {\n key: \"create\",\n value: function create(callback) {\n this.callback = callback;\n this.xhr.send(this.file.slice());\n }\n }, {\n key: \"requestDidLoad\",\n value: function requestDidLoad(event) {\n var _xhr = this.xhr, status = _xhr.status, response = _xhr.response;\n if (status >= 200 && status < 300) {\n this.callback(null, response);\n } else {\n this.requestDidError(event);\n }\n }\n }, {\n key: \"requestDidError\",\n value: function requestDidError(event) {\n this.callback('Error storing \"' + this.file.name + '\". Status: ' + this.xhr.status);\n }\n } ]);\n return BlobUpload;\n }();\n var id = 0;\n var DirectUpload = function() {\n function DirectUpload(file, url, delegate) {\n classCallCheck(this, DirectUpload);\n this.id = ++id;\n this.file = file;\n this.url = url;\n this.delegate = delegate;\n }\n createClass(DirectUpload, [ {\n key: \"create\",\n value: function create(callback) {\n var _this = this;\n FileChecksum.create(this.file, function(error, checksum) {\n if (error) {\n callback(error);\n return;\n }\n var blob = new BlobRecord(_this.file, checksum, _this.url);\n notify(_this.delegate, \"directUploadWillCreateBlobWithXHR\", blob.xhr);\n blob.create(function(error) {\n if (error) {\n callback(error);\n } else {\n var upload = new BlobUpload(blob);\n notify(_this.delegate, \"directUploadWillStoreFileWithXHR\", upload.xhr);\n upload.create(function(error) {\n if (error) {\n callback(error);\n } else {\n callback(null, blob.toJSON());\n }\n });\n }\n });\n });\n }\n } ]);\n return DirectUpload;\n }();\n function notify(object, methodName) {\n if (object && typeof object[methodName] == \"function\") {\n for (var _len = arguments.length, messages = Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {\n messages[_key - 2] = arguments[_key];\n }\n return object[methodName].apply(object, messages);\n }\n }\n var DirectUploadController = function() {\n function DirectUploadController(input, file) {\n classCallCheck(this, DirectUploadController);\n this.input = input;\n this.file = file;\n this.directUpload = new DirectUpload(this.file, this.url, this);\n this.dispatch(\"initialize\");\n }\n createClass(DirectUploadController, [ {\n key: \"start\",\n value: function start(callback) {\n var _this = this;\n var hiddenInput = document.createElement(\"input\");\n hiddenInput.type = \"hidden\";\n hiddenInput.name = this.input.name;\n this.input.insertAdjacentElement(\"beforebegin\", hiddenInput);\n this.dispatch(\"start\");\n this.directUpload.create(function(error, attributes) {\n if (error) {\n hiddenInput.parentNode.removeChild(hiddenInput);\n _this.dispatchError(error);\n } else {\n hiddenInput.value = attributes.signed_id;\n }\n _this.dispatch(\"end\");\n callback(error);\n });\n }\n }, {\n key: \"uploadRequestDidProgress\",\n value: function uploadRequestDidProgress(event) {\n var progress = event.loaded / event.total * 100;\n if (progress) {\n this.dispatch(\"progress\", {\n progress: progress\n });\n }\n }\n }, {\n key: \"dispatch\",\n value: function dispatch(name) {\n var detail = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n detail.file = this.file;\n detail.id = this.directUpload.id;\n return dispatchEvent(this.input, \"direct-upload:\" + name, {\n detail: detail\n });\n }\n }, {\n key: \"dispatchError\",\n value: function dispatchError(error) {\n var event = this.dispatch(\"error\", {\n error: error\n });\n if (!event.defaultPrevented) {\n alert(error);\n }\n }\n }, {\n key: \"directUploadWillCreateBlobWithXHR\",\n value: function directUploadWillCreateBlobWithXHR(xhr) {\n this.dispatch(\"before-blob-request\", {\n xhr: xhr\n });\n }\n }, {\n key: \"directUploadWillStoreFileWithXHR\",\n value: function directUploadWillStoreFileWithXHR(xhr) {\n var _this2 = this;\n this.dispatch(\"before-storage-request\", {\n xhr: xhr\n });\n xhr.upload.addEventListener(\"progress\", function(event) {\n return _this2.uploadRequestDidProgress(event);\n });\n }\n }, {\n key: \"url\",\n get: function get$$1() {\n return this.input.getAttribute(\"data-direct-upload-url\");\n }\n } ]);\n return DirectUploadController;\n }();\n var inputSelector = \"input[type=file][data-direct-upload-url]:not([disabled])\";\n var DirectUploadsController = function() {\n function DirectUploadsController(form) {\n classCallCheck(this, DirectUploadsController);\n this.form = form;\n this.inputs = findElements(form, inputSelector).filter(function(input) {\n return input.files.length;\n });\n }\n createClass(DirectUploadsController, [ {\n key: \"start\",\n value: function start(callback) {\n var _this = this;\n var controllers = this.createDirectUploadControllers();\n var startNextController = function startNextController() {\n var controller = controllers.shift();\n if (controller) {\n controller.start(function(error) {\n if (error) {\n callback(error);\n _this.dispatch(\"end\");\n } else {\n startNextController();\n }\n });\n } else {\n callback();\n _this.dispatch(\"end\");\n }\n };\n this.dispatch(\"start\");\n startNextController();\n }\n }, {\n key: \"createDirectUploadControllers\",\n value: function createDirectUploadControllers() {\n var controllers = [];\n this.inputs.forEach(function(input) {\n toArray$1(input.files).forEach(function(file) {\n var controller = new DirectUploadController(input, file);\n controllers.push(controller);\n });\n });\n return controllers;\n }\n }, {\n key: \"dispatch\",\n value: function dispatch(name) {\n var detail = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};\n return dispatchEvent(this.form, \"direct-uploads:\" + name, {\n detail: detail\n });\n }\n } ]);\n return DirectUploadsController;\n }();\n var processingAttribute = \"data-direct-uploads-processing\";\n var submitButtonsByForm = new WeakMap();\n var started = false;\n function start() {\n if (!started) {\n started = true;\n document.addEventListener(\"click\", didClick, true);\n document.addEventListener(\"submit\", didSubmitForm);\n document.addEventListener(\"ajax:before\", didSubmitRemoteElement);\n }\n }\n function didClick(event) {\n var target = event.target;\n if ((target.tagName == \"INPUT\" || target.tagName == \"BUTTON\") && target.type == \"submit\" && target.form) {\n submitButtonsByForm.set(target.form, target);\n }\n }\n function didSubmitForm(event) {\n handleFormSubmissionEvent(event);\n }\n function didSubmitRemoteElement(event) {\n if (event.target.tagName == \"FORM\") {\n handleFormSubmissionEvent(event);\n }\n }\n function handleFormSubmissionEvent(event) {\n var form = event.target;\n if (form.hasAttribute(processingAttribute)) {\n event.preventDefault();\n return;\n }\n var controller = new DirectUploadsController(form);\n var inputs = controller.inputs;\n if (inputs.length) {\n event.preventDefault();\n form.setAttribute(processingAttribute, \"\");\n inputs.forEach(disable);\n controller.start(function(error) {\n form.removeAttribute(processingAttribute);\n if (error) {\n inputs.forEach(enable);\n } else {\n submitForm(form);\n }\n });\n }\n }\n function submitForm(form) {\n var button = submitButtonsByForm.get(form) || findElement(form, \"input[type=submit], button[type=submit]\");\n if (button) {\n var _button = button, disabled = _button.disabled;\n button.disabled = false;\n button.focus();\n button.click();\n button.disabled = disabled;\n } else {\n button = document.createElement(\"input\");\n button.type = \"submit\";\n button.style.display = \"none\";\n form.appendChild(button);\n button.click();\n form.removeChild(button);\n }\n submitButtonsByForm.delete(form);\n }\n function disable(input) {\n input.disabled = true;\n }\n function enable(input) {\n input.disabled = false;\n }\n function autostart() {\n if (window.ActiveStorage) {\n start();\n }\n }\n setTimeout(autostart, 1);\n exports.start = start;\n exports.DirectUpload = DirectUpload;\n Object.defineProperty(exports, \"__esModule\", {\n value: true\n });\n});\n","\n \n\n","\n\n\n \n
\n
\n
\n {{ $t('PORTAL.IFRAME_ERROR') }}
\n