vendor: 526,142 bytes, lines 1-14001
1/* 2Trix 2.1.19 3Copyright © 2026 37signals, LLC 4 */ 5(function (global, factory) { 6 typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : 7 typeof define === 'function' && define.amd ? define(factory) : 8 (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.Trix = factory()); 9})(this, (function () { 'use strict'; 10 11 var name = "trix"; 12 var version = "2.1.19"; 13 var description = "A rich text editor for everyday writing"; 14 var main = "dist/trix.umd.min.js"; 15 var module = "dist/trix.esm.min.js"; 16 var style = "dist/trix.css"; 17 var files = [ 18 "dist/*.css", 19 "dist/*.js", 20 "dist/*.map", 21 "src/{inspector,trix}/*.js" 22 ]; 23 var repository = { 24 type: "git", 25 url: "git+https://github.com/basecamp/trix.git" 26 }; 27 var keywords = [ 28 "rich text", 29 "wysiwyg", 30 "editor" 31 ]; 32 var author = "37signals, LLC"; 33 var license = "MIT"; 34 var bugs = { 35 url: "https://github.com/basecamp/trix/issues" 36 }; 37 var homepage = "https://trix-editor.org/"; 38 var devDependencies = { 39 "@babel/core": "^7.16.0", 40 "@babel/preset-env": "^7.16.4", 41 "@rollup/plugin-babel": "^5.3.0", 42 "@rollup/plugin-commonjs": "^22.0.2", 43 "@rollup/plugin-json": "^4.1.0", 44 "@rollup/plugin-node-resolve": "^13.3.0", 45 "@web/dev-server": "^0.1.34", 46 "@web/test-runner": "^0.20.2", 47 "@web/test-runner-playwright": "^0.11.1", 48 "@web/test-runner-webdriver": "^0.9.0", 49 "babel-eslint": "^10.1.0", 50 chokidar: "^4.0.2", 51 concurrently: "^7.4.0", 52 eslint: "^7.32.0", 53 esm: "^3.2.25", 54 idiomorph: "^0.7.3", 55 qunit: "2.19.1", 56 rangy: "^1.3.0", 57 rollup: "^2.56.3", 58 "rollup-plugin-includepaths": "^0.2.4", 59 "rollup-plugin-terser": "^7.0.2", 60 sass: "^1.83.0", 61 "source-map": "^0.7.6", 62 svgo: "^2.8.0", 63 webdriverio: "^7.19.5" 64 }; 65 var resolutions = { 66 webdriverio: "^7.19.5" 67 }; 68 var scripts = { 69 "build-css": "bin/sass-build assets/trix.scss dist/trix.css action_text-trix/app/assets/stylesheets/trix.css", 70 "build-js": "rollup -c", 71 "build-assets": "cp -f assets/*.html dist/", 72 "build-ruby": "rake -C action_text-trix sync", 73 build: "yarn run build-js && yarn run build-css && yarn run build-assets && yarn run build-ruby", 74 watch: "rollup -c -w", 75 lint: "eslint .", 76 pretest: "yarn run lint && yarn run build", 77 test: "web-test-runner", 78 "test:watch": "web-test-runner --watch", 79 version: "yarn build && git add action_text-trix", 80 prerelease: "yarn version && yarn test", 81 "release-npm": "npm adduser && npm publish", 82 "release-ruby": "rake -C action_text-trix release", 83 release: "yarn run release-npm && yarn run release-ruby", 84 postrelease: "git push && git push --tags", 85 dev: "web-dev-server --app-index index.html --root-dir dist --node-resolve --open", 86 start: "yarn build-assets && concurrently --kill-others --names js,css,dev-server 'yarn watch' 'yarn build-css --watch' 'yarn dev'" 87 }; 88 var dependencies = { 89 dompurify: "^3.2.5" 90 }; 91 var engines = { 92 node: ">= 18" 93 }; 94 var _package = { 95 name: name, 96 version: version, 97 description: description, 98 main: main, 99 module: module, 100 style: style, 101 files: files, 102 repository: repository, 103 keywords: keywords, 104 author: author, 105 license: license, 106 bugs: bugs, 107 homepage: homepage, 108 devDependencies: devDependencies, 109 resolutions: resolutions, 110 scripts: scripts, 111 dependencies: dependencies, 112 engines: engines 113 }; 114 115 const attachmentSelector = "[data-trix-attachment]"; 116 const attachments = { 117 preview: { 118 presentation: "gallery", 119 caption: { 120 name: true, 121 size: true 122 } 123 }, 124 file: { 125 caption: { 126 size: true 127 } 128 } 129 }; 130 131 const attributes = { 132 default: { 133 tagName: "div", 134 parse: false 135 }, 136 quote: { 137 tagName: "blockquote", 138 nestable: true 139 }, 140 heading1: { 141 tagName: "h1", 142 terminal: true, 143 breakOnReturn: true, 144 group: false 145 }, 146 code: { 147 tagName: "pre", 148 terminal: true, 149 htmlAttributes: ["language"], 150 text: { 151 plaintext: true 152 } 153 }, 154 bulletList: { 155 tagName: "ul", 156 parse: false 157 }, 158 bullet: { 159 tagName: "li", 160 listAttribute: "bulletList", 161 group: false, 162 nestable: true, 163 test(element) { 164 return tagName$1(element.parentNode) === attributes[this.listAttribute].tagName; 165 } 166 }, 167 numberList: { 168 tagName: "ol", 169 parse: false 170 }, 171 number: { 172 tagName: "li", 173 listAttribute: "numberList", 174 group: false, 175 nestable: true, 176 test(element) { 177 return tagName$1(element.parentNode) === attributes[this.listAttribute].tagName; 178 } 179 }, 180 attachmentGallery: { 181 tagName: "div", 182 exclusive: true, 183 terminal: true, 184 parse: false, 185 group: false 186 } 187 }; 188 const tagName$1 = element => { 189 var _element$tagName; 190 return element === null || element === void 0 || (_element$tagName = element.tagName) === null || _element$tagName === void 0 ? void 0 : _element$tagName.toLowerCase(); 191 }; 192 193 const androidVersionMatch = navigator.userAgent.match(/android\s([0-9]+.*Chrome)/i); 194 const androidVersion = androidVersionMatch && parseInt(androidVersionMatch[1]); 195 var browser$1 = { 196 // Android emits composition events when moving the cursor through existing text 197 // Introduced in Chrome 65: https://bugs.chromium.org/p/chromium/issues/detail?id=764439#c9 198 composesExistingText: /Android.*Chrome/.test(navigator.userAgent), 199 // Android 13, especially on Samsung keyboards, emits extra compositionend and beforeinput events 200 // that can make the input handler lose the current selection or enter an infinite input -> render -> input 201 // loop. 202 recentAndroid: androidVersion && androidVersion > 12, 203 samsungAndroid: androidVersion && navigator.userAgent.match(/Android.*SM-/), 204 // IE 11 activates resizing handles on editable elements that have "layout" 205 forcesObjectResizing: /Trident.*rv:11/.test(navigator.userAgent), 206 // https://www.w3.org/TR/input-events-1/ + https://www.w3.org/TR/input-events-2/ 207 supportsInputEvents: typeof InputEvent !== "undefined" && ["data", "getTargetRanges", "inputType"].every(prop => prop in InputEvent.prototype) 208 }; 209 210 var css$3 = { 211 attachment: "attachment", 212 attachmentCaption: "attachment__caption", 213 attachmentCaptionEditor: "attachment__caption-editor", 214 attachmentMetadata: "attachment__metadata", 215 attachmentMetadataContainer: "attachment__metadata-container", 216 attachmentName: "attachment__name", 217 attachmentProgress: "attachment__progress", 218 attachmentSize: "attachment__size", 219 attachmentToolbar: "attachment__toolbar", 220 attachmentGallery: "attachment-gallery" 221 }; 222 223 var dompurify = { 224 ADD_ATTR: ["language"], 225 SAFE_FOR_XML: false, 226 RETURN_DOM: true 227 }; 228 229 var lang$1 = { 230 attachFiles: "Attach Files", 231 bold: "Bold", 232 bullets: "Bullets", 233 byte: "Byte", 234 bytes: "Bytes", 235 captionPlaceholder: "Add a captionâ¦", 236 code: "Code", 237 heading1: "Heading", 238 indent: "Increase Level", 239 italic: "Italic", 240 link: "Link", 241 numbers: "Numbers", 242 outdent: "Decrease Level", 243 quote: "Quote", 244 redo: "Redo", 245 remove: "Remove", 246 strike: "Strikethrough", 247 undo: "Undo", 248 unlink: "Unlink", 249 url: "URL", 250 urlPlaceholder: "Enter a URLâ¦", 251 GB: "GB", 252 KB: "KB", 253 MB: "MB", 254 PB: "PB", 255 TB: "TB" 256 }; 257 258 /* eslint-disable 259 no-case-declarations, 260 */ 261 const sizes = [lang$1.bytes, lang$1.KB, lang$1.MB, lang$1.GB, lang$1.TB, lang$1.PB]; 262 var file_size_formatting = { 263 prefix: "IEC", 264 precision: 2, 265 formatter(number) { 266 switch (number) { 267 case 0: 268 return "0 ".concat(lang$1.bytes); 269 case 1: 270 return "1 ".concat(lang$1.byte); 271 default: 272 let base; 273 if (this.prefix === "SI") { 274 base = 1000; 275 } else if (this.prefix === "IEC") { 276 base = 1024; 277 } 278 const exp = Math.floor(Math.log(number) / Math.log(base)); 279 const humanSize = number / Math.pow(base, exp); 280 const string = humanSize.toFixed(this.precision); 281 const withoutInsignificantZeros = string.replace(/0*$/, "").replace(/\.$/, ""); 282 return "".concat(withoutInsignificantZeros, " ").concat(sizes[exp]); 283 } 284 } 285 }; 286 287 const ZERO_WIDTH_SPACE = "\uFEFF"; 288 const NON_BREAKING_SPACE = "\u00A0"; 289 const OBJECT_REPLACEMENT_CHARACTER = "\uFFFC"; 290 291 const extend = function (properties) { 292 for (const key in properties) { 293 const value = properties[key]; 294 this[key] = value; 295 } 296 return this; 297 }; 298 299 const html$2 = document.documentElement; 300 const match = html$2.matches; 301 const handleEvent = function (eventName) { 302 let { 303 onElement, 304 matchingSelector, 305 withCallback, 306 inPhase, 307 preventDefault, 308 times 309 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 310 const element = onElement ? onElement : html$2; 311 const selector = matchingSelector; 312 const useCapture = inPhase === "capturing"; 313 const handler = function (event) { 314 if (times != null && --times === 0) { 315 handler.destroy(); 316 } 317 const target = findClosestElementFromNode(event.target, { 318 matchingSelector: selector 319 }); 320 if (target != null) { 321 withCallback === null || withCallback === void 0 || withCallback.call(target, event, target); 322 if (preventDefault) { 323 event.preventDefault(); 324 } 325 } 326 }; 327 handler.destroy = () => element.removeEventListener(eventName, handler, useCapture); 328 element.addEventListener(eventName, handler, useCapture); 329 return handler; 330 }; 331 const handleEventOnce = function (eventName) { 332 let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 333 options.times = 1; 334 return handleEvent(eventName, options); 335 }; 336 const createEvent = function (eventName) { 337 let { 338 bubbles, 339 cancelable, 340 attributes 341 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 342 bubbles = bubbles !== false; 343 cancelable = cancelable !== false; 344 const event = document.createEvent("Events"); 345 event.initEvent(eventName, bubbles, cancelable); 346 if (attributes != null) { 347 extend.call(event, attributes); 348 } 349 return event; 350 }; 351 const triggerEvent = function (eventName) { 352 let { 353 onElement, 354 bubbles, 355 cancelable, 356 attributes 357 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 358 const element = onElement != null ? onElement : html$2; 359 const event = createEvent(eventName, { 360 bubbles, 361 cancelable, 362 attributes 363 }); 364 return element.dispatchEvent(event); 365 }; 366 const elementMatchesSelector = function (element, selector) { 367 if ((element === null || element === void 0 ? void 0 : element.nodeType) === 1) { 368 return match.call(element, selector); 369 } 370 }; 371 const findClosestElementFromNode = function (node) { 372 let { 373 matchingSelector, 374 untilNode 375 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 376 while (node && node.nodeType !== Node.ELEMENT_NODE) { 377 node = node.parentNode; 378 } 379 if (node == null) { 380 return; 381 } 382 if (matchingSelector != null) { 383 if (node.closest && untilNode == null) { 384 return node.closest(matchingSelector); 385 } else { 386 while (node && node !== untilNode) { 387 if (elementMatchesSelector(node, matchingSelector)) { 388 return node; 389 } 390 node = node.parentNode; 391 } 392 } 393 } else { 394 return node; 395 } 396 }; 397 const findInnerElement = function (element) { 398 while ((_element = element) !== null && _element !== void 0 && _element.firstElementChild) { 399 var _element; 400 element = element.firstElementChild; 401 } 402 return element; 403 }; 404 const innerElementIsActive = element => document.activeElement !== element && elementContainsNode(element, document.activeElement); 405 const elementContainsNode = function (element, node) { 406 if (!element || !node) { 407 return; 408 } 409 while (node) { 410 if (node === element) { 411 return true; 412 } 413 node = node.parentNode; 414 } 415 }; 416 const findNodeFromContainerAndOffset = function (container, offset) { 417 if (!container) { 418 return; 419 } 420 if (container.nodeType === Node.TEXT_NODE) { 421 return container; 422 } else if (offset === 0) { 423 return container.firstChild != null ? container.firstChild : container; 424 } else { 425 return container.childNodes.item(offset - 1); 426 } 427 }; 428 const findElementFromContainerAndOffset = function (container, offset) { 429 const node = findNodeFromContainerAndOffset(container, offset); 430 return findClosestElementFromNode(node); 431 }; 432 const findChildIndexOfNode = function (node) { 433 var _node; 434 if (!((_node = node) !== null && _node !== void 0 && _node.parentNode)) { 435 return; 436 } 437 let childIndex = 0; 438 node = node.previousSibling; 439 while (node) { 440 childIndex++; 441 node = node.previousSibling; 442 } 443 return childIndex; 444 }; 445 const removeNode = node => { 446 var _node$parentNode; 447 return node === null || node === void 0 || (_node$parentNode = node.parentNode) === null || _node$parentNode === void 0 ? void 0 : _node$parentNode.removeChild(node); 448 }; 449 const walkTree = function (tree) { 450 let { 451 onlyNodesOfType, 452 usingFilter, 453 expandEntityReferences 454 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 455 const whatToShow = (() => { 456 switch (onlyNodesOfType) { 457 case "element": 458 return NodeFilter.SHOW_ELEMENT; 459 case "text": 460 return NodeFilter.SHOW_TEXT; 461 case "comment": 462 return NodeFilter.SHOW_COMMENT; 463 default: 464 return NodeFilter.SHOW_ALL; 465 } 466 })(); 467 return document.createTreeWalker(tree, whatToShow, usingFilter != null ? usingFilter : null, expandEntityReferences === true); 468 }; 469 const tagName = element => { 470 var _element$tagName; 471 return element === null || element === void 0 || (_element$tagName = element.tagName) === null || _element$tagName === void 0 ? void 0 : _element$tagName.toLowerCase(); 472 }; 473 const makeElement = function (tag) { 474 let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 475 let key, value; 476 if (typeof tag === "object") { 477 options = tag; 478 tag = options.tagName; 479 } else { 480 options = { 481 attributes: options 482 }; 483 } 484 const element = document.createElement(tag); 485 if (options.editable != null) { 486 if (options.attributes == null) { 487 options.attributes = {}; 488 } 489 options.attributes.contenteditable = options.editable; 490 } 491 if (options.attributes) { 492 for (key in options.attributes) { 493 value = options.attributes[key]; 494 element.setAttribute(key, value); 495 } 496 } 497 if (options.style) { 498 for (key in options.style) { 499 value = options.style[key]; 500 element.style[key] = value; 501 } 502 } 503 if (options.data) { 504 for (key in options.data) { 505 value = options.data[key]; 506 element.dataset[key] = value; 507 } 508 } 509 if (options.className) { 510 options.className.split(" ").forEach(className => { 511 element.classList.add(className); 512 }); 513 } 514 if (options.textContent) { 515 element.textContent = options.textContent; 516 } 517 if (options.childNodes) { 518 [].concat(options.childNodes).forEach(childNode => { 519 element.appendChild(childNode); 520 }); 521 } 522 return element; 523 }; 524 let blockTagNames = undefined; 525 const getBlockTagNames = function () { 526 if (blockTagNames != null) { 527 return blockTagNames; 528 } 529 blockTagNames = []; 530 for (const key in attributes) { 531 const attributes$1 = attributes[key]; 532 if (attributes$1.tagName) { 533 blockTagNames.push(attributes$1.tagName); 534 } 535 } 536 return blockTagNames; 537 }; 538 const nodeIsBlockContainer = node => nodeIsBlockStartComment(node === null || node === void 0 ? void 0 : node.firstChild); 539 const nodeProbablyIsBlockContainer = function (node) { 540 return getBlockTagNames().includes(tagName(node)) && !getBlockTagNames().includes(tagName(node.firstChild)); 541 }; 542 const nodeIsBlockStart = function (node) { 543 let { 544 strict 545 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : { 546 strict: true 547 }; 548 if (strict) { 549 return nodeIsBlockStartComment(node); 550 } else { 551 return nodeIsBlockStartComment(node) || !nodeIsBlockStartComment(node.firstChild) && nodeProbablyIsBlockContainer(node); 552 } 553 }; 554 const nodeIsBlockStartComment = node => nodeIsCommentNode(node) && (node === null || node === void 0 ? void 0 : node.data) === "block"; 555 const nodeIsCommentNode = node => (node === null || node === void 0 ? void 0 : node.nodeType) === Node.COMMENT_NODE; 556 const nodeIsCursorTarget = function (node) { 557 let { 558 name 559 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 560 if (!node) { 561 return; 562 } 563 if (nodeIsTextNode(node)) { 564 if (node.data === ZERO_WIDTH_SPACE) { 565 if (name) { 566 return node.parentNode.dataset.trixCursorTarget === name; 567 } else { 568 return true; 569 } 570 } 571 } else { 572 return nodeIsCursorTarget(node.firstChild); 573 } 574 }; 575 const nodeIsAttachmentElement = node => elementMatchesSelector(node, attachmentSelector); 576 const nodeIsEmptyTextNode = node => nodeIsTextNode(node) && (node === null || node === void 0 ? void 0 : node.data) === ""; 577 const nodeIsTextNode = node => (node === null || node === void 0 ? void 0 : node.nodeType) === Node.TEXT_NODE; 578 579 const input = { 580 level2Enabled: true, 581 getLevel() { 582 if (this.level2Enabled && browser$1.supportsInputEvents) { 583 return 2; 584 } else { 585 return 0; 586 } 587 }, 588 pickFiles(callback) { 589 const input = makeElement("input", { 590 type: "file", 591 multiple: true, 592 hidden: true, 593 id: this.fileInputId 594 }); 595 input.addEventListener("change", () => { 596 callback(input.files); 597 removeNode(input); 598 }); 599 removeNode(document.getElementById(this.fileInputId)); 600 document.body.appendChild(input); 601 input.click(); 602 } 603 }; 604 605 var key_names = { 606 8: "backspace", 607 9: "tab", 608 13: "return", 609 27: "escape", 610 37: "left", 611 39: "right", 612 46: "delete", 613 68: "d", 614 72: "h", 615 79: "o" 616 }; 617 618 var parser = { 619 removeBlankTableCells: false, 620 tableCellSeparator: " | ", 621 tableRowSeparator: "\n" 622 }; 623 624 var text_attributes = { 625 bold: { 626 tagName: "strong", 627 inheritable: true, 628 parser(element) { 629 const style = window.getComputedStyle(element); 630 return style.fontWeight === "bold" || style.fontWeight >= 600; 631 } 632 }, 633 italic: { 634 tagName: "em", 635 inheritable: true, 636 parser(element) { 637 const style = window.getComputedStyle(element); 638 return style.fontStyle === "italic"; 639 } 640 }, 641 href: { 642 groupTagName: "a", 643 parser(element) { 644 const matchingSelector = "a:not(".concat(attachmentSelector, ")"); 645 const link = element.closest(matchingSelector); 646 if (link) { 647 return link.getAttribute("href"); 648 } 649 } 650 }, 651 strike: { 652 tagName: "del", 653 inheritable: true 654 }, 655 frozen: { 656 style: { 657 backgroundColor: "highlight" 658 } 659 } 660 }; 661 662 var toolbar = { 663 getDefaultHTML() { 664 return "<div class=\"trix-button-row\">\n <span class=\"trix-button-group trix-button-group--text-tools\" data-trix-button-group=\"text-tools\">\n <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-bold\" data-trix-attribute=\"bold\" data-trix-key=\"b\" title=\"".concat(lang$1.bold, "\" tabindex=\"-1\">").concat(lang$1.bold, "</button>\n <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-italic\" data-trix-attribute=\"italic\" data-trix-key=\"i\" title=\"").concat(lang$1.italic, "\" tabindex=\"-1\">").concat(lang$1.italic, "</button>\n <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-strike\" data-trix-attribute=\"strike\" title=\"").concat(lang$1.strike, "\" tabindex=\"-1\">").concat(lang$1.strike, "</button>\n <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-link\" data-trix-attribute=\"href\" data-trix-action=\"link\" data-trix-key=\"k\" title=\"").concat(lang$1.link, "\" tabindex=\"-1\">").concat(lang$1.link, "</button>\n </span>\n\n <span class=\"trix-button-group trix-button-group--block-tools\" data-trix-button-group=\"block-tools\">\n <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-heading-1\" data-trix-attribute=\"heading1\" title=\"").concat(lang$1.heading1, "\" tabindex=\"-1\">").concat(lang$1.heading1, "</button>\n <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-quote\" data-trix-attribute=\"quote\" title=\"").concat(lang$1.quote, "\" tabindex=\"-1\">").concat(lang$1.quote, "</button>\n <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-code\" data-trix-attribute=\"code\" title=\"").concat(lang$1.code, "\" tabindex=\"-1\">").concat(lang$1.code, "</button>\n <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-bullet-list\" data-trix-attribute=\"bullet\" title=\"").concat(lang$1.bullets, "\" tabindex=\"-1\">").concat(lang$1.bullets, "</button>\n <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-number-list\" data-trix-attribute=\"number\" title=\"").concat(lang$1.numbers, "\" tabindex=\"-1\">").concat(lang$1.numbers, "</button>\n <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-decrease-nesting-level\" data-trix-action=\"decreaseNestingLevel\" title=\"").concat(lang$1.outdent, "\" tabindex=\"-1\">").concat(lang$1.outdent, "</button>\n <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-increase-nesting-level\" data-trix-action=\"increaseNestingLevel\" title=\"").concat(lang$1.indent, "\" tabindex=\"-1\">").concat(lang$1.indent, "</button>\n </span>\n\n <span class=\"trix-button-group trix-button-group--file-tools\" data-trix-button-group=\"file-tools\">\n <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-attach\" data-trix-action=\"attachFiles\" title=\"").concat(lang$1.attachFiles, "\" tabindex=\"-1\">").concat(lang$1.attachFiles, "</button>\n </span>\n\n <span class=\"trix-button-group-spacer\"></span>\n\n <span class=\"trix-button-group trix-button-group--history-tools\" data-trix-button-group=\"history-tools\">\n <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-undo\" data-trix-action=\"undo\" data-trix-key=\"z\" title=\"").concat(lang$1.undo, "\" tabindex=\"-1\">").concat(lang$1.undo, "</button>\n <button type=\"button\" class=\"trix-button trix-button--icon trix-button--icon-redo\" data-trix-action=\"redo\" data-trix-key=\"shift+z\" title=\"").concat(lang$1.redo, "\" tabindex=\"-1\">").concat(lang$1.redo, "</button>\n </span>\n </div>\n\n <div class=\"trix-dialogs\" data-trix-dialogs>\n <div class=\"trix-dialog trix-dialog--link\" data-trix-dialog=\"href\" data-trix-dialog-attribute=\"href\">\n <div class=\"trix-dialog__link-fields\">\n <input type=\"url\" name=\"href\" class=\"trix-input trix-input--dialog\" placeholder=\"").concat(lang$1.urlPlaceholder, "\" aria-label=\"").concat(lang$1.url, "\" data-trix-validate-href required data-trix-input>\n <div class=\"trix-button-group\">\n <input type=\"button\" class=\"trix-button trix-button--dialog\" value=\"").concat(lang$1.link, "\" data-trix-method=\"setAttribute\">\n <input type=\"button\" class=\"trix-button trix-button--dialog\" value=\"").concat(lang$1.unlink, "\" data-trix-method=\"removeAttribute\">\n </div>\n </div>\n </div>\n </div>"); 665 } 666 }; 667 668 const undo = { 669 interval: 5000 670 }; 671 672 var config = /*#__PURE__*/Object.freeze({ 673 __proto__: null, 674 attachments: attachments, 675 blockAttributes: attributes, 676 browser: browser$1, 677 css: css$3, 678 dompurify: dompurify, 679 fileSize: file_size_formatting, 680 input: input, 681 keyNames: key_names, 682 lang: lang$1, 683 parser: parser, 684 textAttributes: text_attributes, 685 toolbar: toolbar, 686 undo: undo 687 }); 688 689 class BasicObject { 690 static proxyMethod(expression) { 691 const { 692 name, 693 toMethod, 694 toProperty, 695 optional 696 } = parseProxyMethodExpression(expression); 697 this.prototype[name] = function () { 698 let subject; 699 let object; 700 if (toMethod) { 701 if (optional) { 702 var _this$toMethod; 703 object = (_this$toMethod = this[toMethod]) === null || _this$toMethod === void 0 ? void 0 : _this$toMethod.call(this); 704 } else { 705 object = this[toMethod](); 706 } 707 } else if (toProperty) { 708 object = this[toProperty]; 709 } 710 if (optional) { 711 var _object; 712 subject = (_object = object) === null || _object === void 0 ? void 0 : _object[name]; 713 if (subject) { 714 return apply$1.call(subject, object, arguments); 715 } 716 } else { 717 subject = object[name]; 718 return apply$1.call(subject, object, arguments); 719 } 720 }; 721 } 722 } 723 const parseProxyMethodExpression = function (expression) { 724 const match = expression.match(proxyMethodExpressionPattern); 725 if (!match) { 726 throw new Error("can't parse @proxyMethod expression: ".concat(expression)); 727 } 728 const args = { 729 name: match[4] 730 }; 731 if (match[2] != null) { 732 args.toMethod = match[1]; 733 } else { 734 args.toProperty = match[1]; 735 } 736 if (match[3] != null) { 737 args.optional = true; 738 } 739 return args; 740 }; 741 const { 742 apply: apply$1 743 } = Function.prototype; 744 const proxyMethodExpressionPattern = new RegExp("\ 745^\ 746(.+?)\ 747(\\(\\))?\ 748(\\?)?\ 749\\.\ 750(.+?)\ 751$\ 752"); 753 754 var _Array$from, _$codePointAt$1, _$1, _String$fromCodePoint; 755 class UTF16String extends BasicObject { 756 static box() { 757 let value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ""; 758 if (value instanceof this) { 759 return value; 760 } else { 761 return this.fromUCS2String(value === null || value === void 0 ? void 0 : value.toString()); 762 } 763 } 764 static fromUCS2String(ucs2String) { 765 return new this(ucs2String, ucs2decode(ucs2String)); 766 } 767 static fromCodepoints(codepoints) { 768 return new this(ucs2encode(codepoints), codepoints); 769 } 770 constructor(ucs2String, codepoints) { 771 super(...arguments); 772 this.ucs2String = ucs2String; 773 this.codepoints = codepoints; 774 this.length = this.codepoints.length; 775 this.ucs2Length = this.ucs2String.length; 776 } 777 offsetToUCS2Offset(offset) { 778 return ucs2encode(this.codepoints.slice(0, Math.max(0, offset))).length; 779 } 780 offsetFromUCS2Offset(ucs2Offset) { 781 return ucs2decode(this.ucs2String.slice(0, Math.max(0, ucs2Offset))).length; 782 } 783 slice() { 784 return this.constructor.fromCodepoints(this.codepoints.slice(...arguments)); 785 } 786 charAt(offset) { 787 return this.slice(offset, offset + 1); 788 } 789 isEqualTo(value) { 790 return this.constructor.box(value).ucs2String === this.ucs2String; 791 } 792 toJSON() { 793 return this.ucs2String; 794 } 795 getCacheKey() { 796 return this.ucs2String; 797 } 798 toString() { 799 return this.ucs2String; 800 } 801 } 802 const hasArrayFrom = ((_Array$from = Array.from) === null || _Array$from === void 0 ? void 0 : _Array$from.call(Array, "\ud83d\udc7c").length) === 1; 803 const hasStringCodePointAt$1 = ((_$codePointAt$1 = (_$1 = " ").codePointAt) === null || _$codePointAt$1 === void 0 ? void 0 : _$codePointAt$1.call(_$1, 0)) != null; 804 const hasStringFromCodePoint = ((_String$fromCodePoint = String.fromCodePoint) === null || _String$fromCodePoint === void 0 ? void 0 : _String$fromCodePoint.call(String, 32, 128124)) === " \ud83d\udc7c"; 805 806 // UCS-2 conversion helpers ported from Mathias Bynens' Punycode.js: 807 // https://github.com/bestiejs/punycode.js#punycodeucs2 808 809 let ucs2decode, ucs2encode; 810 811 // Creates an array containing the numeric code points of each Unicode 812 // character in the string. While JavaScript uses UCS-2 internally, 813 // this function will convert a pair of surrogate halves (each of which 814 // UCS-2 exposes as separate characters) into a single code point, 815 // matching UTF-16. 816 if (hasArrayFrom && hasStringCodePointAt$1) { 817 ucs2decode = string => Array.from(string).map(char => char.codePointAt(0)); 818 } else { 819 ucs2decode = function (string) { 820 const output = []; 821 let counter = 0; 822 const { 823 length 824 } = string; 825 while (counter < length) { 826 let value = string.charCodeAt(counter++); 827 if (0xd800 <= value && value <= 0xdbff && counter < length) { 828 // high surrogate, and there is a next character 829 const extra = string.charCodeAt(counter++); 830 if ((extra & 0xfc00) === 0xdc00) { 831 // low surrogate 832 value = ((value & 0x3ff) << 10) + (extra & 0x3ff) + 0x10000; 833 } else { 834 // unmatched surrogate; only append this code unit, in case the 835 // next code unit is the high surrogate of a surrogate pair 836 counter--; 837 } 838 } 839 output.push(value); 840 } 841 return output; 842 }; 843 } 844 845 // Creates a string based on an array of numeric code points. 846 if (hasStringFromCodePoint) { 847 ucs2encode = array => String.fromCodePoint(...Array.from(array || [])); 848 } else { 849 ucs2encode = function (array) { 850 const characters = (() => { 851 const result = []; 852 Array.from(array).forEach(value => { 853 let output = ""; 854 if (value > 0xffff) { 855 value -= 0x10000; 856 output += String.fromCharCode(value >>> 10 & 0x3ff | 0xd800); 857 value = 0xdc00 | value & 0x3ff; 858 } 859 result.push(output + String.fromCharCode(value)); 860 }); 861 return result; 862 })(); 863 return characters.join(""); 864 }; 865 } 866 867 let id$2 = 0; 868 class TrixObject extends BasicObject { 869 static fromJSONString(jsonString) { 870 return this.fromJSON(JSON.parse(jsonString)); 871 } 872 constructor() { 873 super(...arguments); 874 this.id = ++id$2; 875 } 876 hasSameConstructorAs(object) { 877 return this.constructor === (object === null || object === void 0 ? void 0 : object.constructor); 878 } 879 isEqualTo(object) { 880 return this === object; 881 } 882 inspect() { 883 const parts = []; 884 const contents = this.contentsForInspection() || {}; 885 for (const key in contents) { 886 const value = contents[key]; 887 parts.push("".concat(key, "=").concat(value)); 888 } 889 return "#<".concat(this.constructor.name, ":").concat(this.id).concat(parts.length ? " ".concat(parts.join(", ")) : "", ">"); 890 } 891 contentsForInspection() {} 892 toJSONString() { 893 return JSON.stringify(this); 894 } 895 toUTF16String() { 896 return UTF16String.box(this); 897 } 898 getCacheKey() { 899 return this.id.toString(); 900 } 901 } 902 903 /* eslint-disable 904 id-length, 905 */ 906 const arraysAreEqual = function () { 907 let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; 908 let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; 909 if (a.length !== b.length) { 910 return false; 911 } 912 for (let index = 0; index < a.length; index++) { 913 const value = a[index]; 914 if (value !== b[index]) { 915 return false; 916 } 917 } 918 return true; 919 }; 920 const arrayStartsWith = function () { 921 let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; 922 let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; 923 return arraysAreEqual(a.slice(0, b.length), b); 924 }; 925 const spliceArray = function (array) { 926 const result = array.slice(0); 927 for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) { 928 args[_key - 1] = arguments[_key]; 929 } 930 result.splice(...args); 931 return result; 932 }; 933 const summarizeArrayChange = function () { 934 let oldArray = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; 935 let newArray = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; 936 const added = []; 937 const removed = []; 938 const existingValues = new Set(); 939 oldArray.forEach(value => { 940 existingValues.add(value); 941 }); 942 const currentValues = new Set(); 943 newArray.forEach(value => { 944 currentValues.add(value); 945 if (!existingValues.has(value)) { 946 added.push(value); 947 } 948 }); 949 oldArray.forEach(value => { 950 if (!currentValues.has(value)) { 951 removed.push(value); 952 } 953 }); 954 return { 955 added, 956 removed 957 }; 958 }; 959 960 // https://github.com/mathiasbynens/unicode-2.1.8/blob/master/Bidi_Class/Right_To_Left/regex.js 961 const RTL_PATTERN = /[\u05BE\u05C0\u05C3\u05D0-\u05EA\u05F0-\u05F4\u061B\u061F\u0621-\u063A\u0640-\u064A\u066D\u0671-\u06B7\u06BA-\u06BE\u06C0-\u06CE\u06D0-\u06D5\u06E5\u06E6\u200F\u202B\u202E\uFB1F-\uFB28\uFB2A-\uFB36\uFB38-\uFB3C\uFB3E\uFB40\uFB41\uFB43\uFB44\uFB46-\uFBB1\uFBD3-\uFD3D\uFD50-\uFD8F\uFD92-\uFDC7\uFDF0-\uFDFB\uFE70-\uFE72\uFE74\uFE76-\uFEFC]/; 962 const getDirection = function () { 963 const input = makeElement("input", { 964 dir: "auto", 965 name: "x", 966 dirName: "x.dir" 967 }); 968 const textArea = makeElement("textarea", { 969 dir: "auto", 970 name: "y", 971 dirName: "y.dir" 972 }); 973 const form = makeElement("form"); 974 form.appendChild(input); 975 form.appendChild(textArea); 976 const supportsDirName = function () { 977 try { 978 return new FormData(form).has(textArea.dirName); 979 } catch (error) { 980 return false; 981 } 982 }(); 983 const supportsDirSelector = function () { 984 try { 985 return input.matches(":dir(ltr),:dir(rtl)"); 986 } catch (error) { 987 return false; 988 } 989 }(); 990 if (supportsDirName) { 991 return function (string) { 992 textArea.value = string; 993 return new FormData(form).get(textArea.dirName); 994 }; 995 } else if (supportsDirSelector) { 996 return function (string) { 997 input.value = string; 998 if (input.matches(":dir(rtl)")) { 999 return "rtl"; 1000 } else { 1001 return "ltr"; 1002 } 1003 }; 1004 } else { 1005 return function (string) { 1006 const char = string.trim().charAt(0); 1007 if (RTL_PATTERN.test(char)) { 1008 return "rtl"; 1009 } else { 1010 return "ltr"; 1011 } 1012 }; 1013 } 1014 }(); 1015 1016 let allAttributeNames = null; 1017 let blockAttributeNames = null; 1018 let textAttributeNames = null; 1019 let listAttributeNames = null; 1020 const getAllAttributeNames = () => { 1021 if (!allAttributeNames) { 1022 allAttributeNames = getTextAttributeNames().concat(getBlockAttributeNames()); 1023 } 1024 return allAttributeNames; 1025 }; 1026 const getBlockConfig = attributeName => attributes[attributeName]; 1027 const getBlockAttributeNames = () => { 1028 if (!blockAttributeNames) { 1029 blockAttributeNames = Object.keys(attributes); 1030 } 1031 return blockAttributeNames; 1032 }; 1033 const getTextConfig = attributeName => text_attributes[attributeName]; 1034 const getTextAttributeNames = () => { 1035 if (!textAttributeNames) { 1036 textAttributeNames = Object.keys(text_attributes); 1037 } 1038 return textAttributeNames; 1039 }; 1040 const getListAttributeNames = () => { 1041 if (!listAttributeNames) { 1042 listAttributeNames = []; 1043 for (const key in attributes) { 1044 const { 1045 listAttribute 1046 } = attributes[key]; 1047 if (listAttribute != null) { 1048 listAttributeNames.push(listAttribute); 1049 } 1050 } 1051 } 1052 return listAttributeNames; 1053 }; 1054 1055 /* eslint-disable 1056 */ 1057 const installDefaultCSSForTagName = function (tagName, defaultCSS) { 1058 const styleElement = insertStyleElementForTagName(tagName); 1059 styleElement.textContent = defaultCSS.replace(/%t/g, tagName); 1060 }; 1061 const insertStyleElementForTagName = function (tagName) { 1062 const element = document.createElement("style"); 1063 element.setAttribute("type", "text/css"); 1064 element.setAttribute("data-tag-name", tagName.toLowerCase()); 1065 const nonce = getCSPNonce(); 1066 if (nonce) { 1067 element.setAttribute("nonce", nonce); 1068 } 1069 document.head.insertBefore(element, document.head.firstChild); 1070 return element; 1071 }; 1072 const getCSPNonce = function () { 1073 const element = getMetaElement("trix-csp-nonce") || getMetaElement("csp-nonce"); 1074 if (element) { 1075 const { 1076 nonce, 1077 content 1078 } = element; 1079 return nonce == "" ? content : nonce; 1080 } 1081 }; 1082 const getMetaElement = name => document.head.querySelector("meta[name=".concat(name, "]")); 1083 1084 const testTransferData = { 1085 "application/x-trix-feature-detection": "test" 1086 }; 1087 const dataTransferIsPlainText = function (dataTransfer) { 1088 const text = dataTransfer.getData("text/plain"); 1089 const html = dataTransfer.getData("text/html"); 1090 if (text && html) { 1091 const { 1092 body 1093 } = new DOMParser().parseFromString(html, "text/html"); 1094 if (body.textContent === text) { 1095 return !body.querySelector("*"); 1096 } 1097 } else { 1098 return text === null || text === void 0 ? void 0 : text.length; 1099 } 1100 }; 1101 const dataTransferIsMsOfficePaste = _ref => { 1102 let { 1103 dataTransfer 1104 } = _ref; 1105 return dataTransfer.types.includes("Files") && dataTransfer.types.includes("text/html") && dataTransfer.getData("text/html").includes("urn:schemas-microsoft-com:office:office"); 1106 }; 1107 const dataTransferIsWritable = function (dataTransfer) { 1108 if (!(dataTransfer !== null && dataTransfer !== void 0 && dataTransfer.setData)) return false; 1109 for (const key in testTransferData) { 1110 const value = testTransferData[key]; 1111 try { 1112 dataTransfer.setData(key, value); 1113 if (!dataTransfer.getData(key) === value) return false; 1114 } catch (error) { 1115 return false; 1116 } 1117 } 1118 return true; 1119 }; 1120 const keyEventIsKeyboardCommand = function () { 1121 if (/Mac|^iP/.test(navigator.platform)) { 1122 return event => event.metaKey; 1123 } else { 1124 return event => event.ctrlKey; 1125 } 1126 }(); 1127 function shouldRenderInmmediatelyToDealWithIOSDictation(inputEvent) { 1128 if (/iPhone|iPad/.test(navigator.userAgent)) { 1129 // Handle garbled content and duplicated newlines when using dictation on iOS 18+. Upon dictation completion, iOS sends 1130 // the list of insertText / insertParagraph events in a quick sequence. If we don't render 1131 // the editor synchronously, the internal range fails to update and results in garbled content or duplicated newlines. 1132 // 1133 // This workaround is necessary because iOS doesn't send composing events as expected while dictating: 1134 // https://bugs.webkit.org/show_bug.cgi?id=261764 1135 return !inputEvent.inputType || inputEvent.inputType === "insertParagraph"; 1136 } else { 1137 return false; 1138 } 1139 } 1140 1141 const defer = fn => setTimeout(fn, 1); 1142 1143 /* eslint-disable 1144 id-length, 1145 */ 1146 const copyObject = function () { 1147 let object = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; 1148 const result = {}; 1149 for (const key in object) { 1150 const value = object[key]; 1151 result[key] = value; 1152 } 1153 return result; 1154 }; 1155 const objectsAreEqual = function () { 1156 let a = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; 1157 let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 1158 if (Object.keys(a).length !== Object.keys(b).length) { 1159 return false; 1160 } 1161 for (const key in a) { 1162 const value = a[key]; 1163 if (value !== b[key]) { 1164 return false; 1165 } 1166 } 1167 return true; 1168 }; 1169 1170 const normalizeRange = function (range) { 1171 if (range == null) return; 1172 if (!Array.isArray(range)) { 1173 range = [range, range]; 1174 } 1175 return [copyValue(range[0]), copyValue(range[1] != null ? range[1] : range[0])]; 1176 }; 1177 const rangeIsCollapsed = function (range) { 1178 if (range == null) return; 1179 const [start, end] = normalizeRange(range); 1180 return rangeValuesAreEqual(start, end); 1181 }; 1182 const rangesAreEqual = function (leftRange, rightRange) { 1183 if (leftRange == null || rightRange == null) return; 1184 const [leftStart, leftEnd] = normalizeRange(leftRange); 1185 const [rightStart, rightEnd] = normalizeRange(rightRange); 1186 return rangeValuesAreEqual(leftStart, rightStart) && rangeValuesAreEqual(leftEnd, rightEnd); 1187 }; 1188 const copyValue = function (value) { 1189 if (typeof value === "number") { 1190 return value; 1191 } else { 1192 return copyObject(value); 1193 } 1194 }; 1195 const rangeValuesAreEqual = function (left, right) { 1196 if (typeof left === "number") { 1197 return left === right; 1198 } else { 1199 return objectsAreEqual(left, right); 1200 } 1201 }; 1202 1203 class SelectionChangeObserver extends BasicObject { 1204 constructor() { 1205 super(...arguments); 1206 this.update = this.update.bind(this); 1207 this.selectionManagers = []; 1208 } 1209 start() { 1210 if (!this.started) { 1211 this.started = true; 1212 document.addEventListener("selectionchange", this.update, true); 1213 } 1214 } 1215 stop() { 1216 if (this.started) { 1217 this.started = false; 1218 return document.removeEventListener("selectionchange", this.update, true); 1219 } 1220 } 1221 registerSelectionManager(selectionManager) { 1222 if (!this.selectionManagers.includes(selectionManager)) { 1223 this.selectionManagers.push(selectionManager); 1224 return this.start(); 1225 } 1226 } 1227 unregisterSelectionManager(selectionManager) { 1228 this.selectionManagers = this.selectionManagers.filter(sm => sm !== selectionManager); 1229 if (this.selectionManagers.length === 0) { 1230 return this.stop(); 1231 } 1232 } 1233 notifySelectionManagersOfSelectionChange() { 1234 return this.selectionManagers.map(selectionManager => selectionManager.selectionDidChange()); 1235 } 1236 update() { 1237 this.notifySelectionManagersOfSelectionChange(); 1238 } 1239 reset() { 1240 this.update(); 1241 } 1242 } 1243 const selectionChangeObserver = new SelectionChangeObserver(); 1244 const getDOMSelection = function () { 1245 const selection = window.getSelection(); 1246 if (selection.rangeCount > 0) { 1247 return selection; 1248 } 1249 }; 1250 const getDOMRange = function () { 1251 var _getDOMSelection; 1252 const domRange = (_getDOMSelection = getDOMSelection()) === null || _getDOMSelection === void 0 ? void 0 : _getDOMSelection.getRangeAt(0); 1253 if (domRange) { 1254 if (!domRangeIsPrivate(domRange)) { 1255 return domRange; 1256 } 1257 } 1258 }; 1259 const setDOMRange = function (domRange) { 1260 const selection = window.getSelection(); 1261 selection.removeAllRanges(); 1262 selection.addRange(domRange); 1263 return selectionChangeObserver.update(); 1264 }; 1265 1266 // In Firefox, clicking certain <input> elements changes the selection to a 1267 // private element used to draw its UI. Attempting to access properties of those 1268 // elements throws an error. 1269 // https://bugzilla.mozilla.org/show_bug.cgi?id=208427 1270 const domRangeIsPrivate = domRange => nodeIsPrivate(domRange.startContainer) || nodeIsPrivate(domRange.endContainer); 1271 const nodeIsPrivate = node => !Object.getPrototypeOf(node); 1272 1273 /* eslint-disable 1274 id-length, 1275 no-useless-escape, 1276 */ 1277 const normalizeSpaces = string => string.replace(new RegExp("".concat(ZERO_WIDTH_SPACE), "g"), "").replace(new RegExp("".concat(NON_BREAKING_SPACE), "g"), " "); 1278 const normalizeNewlines = string => string.replace(/\r\n?/g, "\n"); 1279 const breakableWhitespacePattern = new RegExp("[^\\S".concat(NON_BREAKING_SPACE, "]")); 1280 const squishBreakableWhitespace = string => string 1281 // Replace all breakable whitespace characters with a space 1282 .replace(new RegExp("".concat(breakableWhitespacePattern.source), "g"), " ") 1283 // Replace two or more spaces with a single space 1284 .replace(/\ {2,}/g, " "); 1285 const summarizeStringChange = function (oldString, newString) { 1286 let added, removed; 1287 oldString = UTF16String.box(oldString); 1288 newString = UTF16String.box(newString); 1289 if (newString.length < oldString.length) { 1290 [removed, added] = utf16StringDifferences(oldString, newString); 1291 } else { 1292 [added, removed] = utf16StringDifferences(newString, oldString); 1293 } 1294 return { 1295 added, 1296 removed 1297 }; 1298 }; 1299 const utf16StringDifferences = function (a, b) { 1300 if (a.isEqualTo(b)) { 1301 return ["", ""]; 1302 } 1303 const diffA = utf16StringDifference(a, b); 1304 const { 1305 length 1306 } = diffA.utf16String; 1307 let diffB; 1308 if (length) { 1309 const { 1310 offset 1311 } = diffA; 1312 const codepoints = a.codepoints.slice(0, offset).concat(a.codepoints.slice(offset + length)); 1313 diffB = utf16StringDifference(b, UTF16String.fromCodepoints(codepoints)); 1314 } else { 1315 diffB = utf16StringDifference(b, a); 1316 } 1317 return [diffA.utf16String.toString(), diffB.utf16String.toString()]; 1318 }; 1319 const utf16StringDifference = function (a, b) { 1320 let leftIndex = 0; 1321 let rightIndexA = a.length; 1322 let rightIndexB = b.length; 1323 while (leftIndex < rightIndexA && a.charAt(leftIndex).isEqualTo(b.charAt(leftIndex))) { 1324 leftIndex++; 1325 } 1326 while (rightIndexA > leftIndex + 1 && a.charAt(rightIndexA - 1).isEqualTo(b.charAt(rightIndexB - 1))) { 1327 rightIndexA--; 1328 rightIndexB--; 1329 } 1330 return { 1331 utf16String: a.slice(leftIndex, rightIndexA), 1332 offset: leftIndex 1333 }; 1334 }; 1335 1336 class Hash extends TrixObject { 1337 static fromCommonAttributesOfObjects() { 1338 let objects = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; 1339 if (!objects.length) { 1340 return new this(); 1341 } 1342 let hash = box(objects[0]); 1343 let keys = hash.getKeys(); 1344 objects.slice(1).forEach(object => { 1345 keys = hash.getKeysCommonToHash(box(object)); 1346 hash = hash.slice(keys); 1347 }); 1348 return hash; 1349 } 1350 static box(values) { 1351 return box(values); 1352 } 1353 constructor() { 1354 let values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; 1355 super(...arguments); 1356 this.values = copy(values); 1357 } 1358 add(key, value) { 1359 return this.merge(object(key, value)); 1360 } 1361 remove(key) { 1362 return new Hash(copy(this.values, key)); 1363 } 1364 get(key) { 1365 return this.values[key]; 1366 } 1367 has(key) { 1368 return key in this.values; 1369 } 1370 merge(values) { 1371 return new Hash(merge(this.values, unbox(values))); 1372 } 1373 slice(keys) { 1374 const values = {}; 1375 Array.from(keys).forEach(key => { 1376 if (this.has(key)) { 1377 values[key] = this.values[key]; 1378 } 1379 }); 1380 return new Hash(values); 1381 } 1382 getKeys() { 1383 return Object.keys(this.values); 1384 } 1385 getKeysCommonToHash(hash) { 1386 hash = box(hash); 1387 return this.getKeys().filter(key => this.values[key] === hash.values[key]); 1388 } 1389 isEqualTo(values) { 1390 return arraysAreEqual(this.toArray(), box(values).toArray()); 1391 } 1392 isEmpty() { 1393 return this.getKeys().length === 0; 1394 } 1395 toArray() { 1396 if (!this.array) { 1397 const result = []; 1398 for (const key in this.values) { 1399 const value = this.values[key]; 1400 result.push(result.push(key, value)); 1401 } 1402 this.array = result.slice(0); 1403 } 1404 return this.array; 1405 } 1406 toObject() { 1407 return copy(this.values); 1408 } 1409 toJSON() { 1410 return this.toObject(); 1411 } 1412 contentsForInspection() { 1413 return { 1414 values: JSON.stringify(this.values) 1415 }; 1416 } 1417 } 1418 const object = function (key, value) { 1419 const result = {}; 1420 result[key] = value; 1421 return result; 1422 }; 1423 const merge = function (object, values) { 1424 const result = copy(object); 1425 for (const key in values) { 1426 const value = values[key]; 1427 result[key] = value; 1428 } 1429 return result; 1430 }; 1431 const copy = function (object, keyToRemove) { 1432 const result = {}; 1433 const sortedKeys = Object.keys(object).sort(); 1434 sortedKeys.forEach(key => { 1435 if (key !== keyToRemove) { 1436 result[key] = object[key]; 1437 } 1438 }); 1439 return result; 1440 }; 1441 const box = function (object) { 1442 if (object instanceof Hash) { 1443 return object; 1444 } else { 1445 return new Hash(object); 1446 } 1447 }; 1448 const unbox = function (object) { 1449 if (object instanceof Hash) { 1450 return object.values; 1451 } else { 1452 return object; 1453 } 1454 }; 1455 1456 class ObjectGroup { 1457 static groupObjects() { 1458 let ungroupedObjects = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; 1459 let { 1460 depth, 1461 asTree 1462 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 1463 let group; 1464 if (asTree) { 1465 if (depth == null) { 1466 depth = 0; 1467 } 1468 } 1469 const objects = []; 1470 Array.from(ungroupedObjects).forEach(object => { 1471 var _object$canBeGrouped2; 1472 if (group) { 1473 var _object$canBeGrouped, _group$canBeGroupedWi, _group; 1474 if ((_object$canBeGrouped = object.canBeGrouped) !== null && _object$canBeGrouped !== void 0 && _object$canBeGrouped.call(object, depth) && (_group$canBeGroupedWi = (_group = group[group.length - 1]).canBeGroupedWith) !== null && _group$canBeGroupedWi !== void 0 && _group$canBeGroupedWi.call(_group, object, depth)) { 1475 group.push(object); 1476 return; 1477 } else { 1478 objects.push(new this(group, { 1479 depth, 1480 asTree 1481 })); 1482 group = null; 1483 } 1484 } 1485 if ((_object$canBeGrouped2 = object.canBeGrouped) !== null && _object$canBeGrouped2 !== void 0 && _object$canBeGrouped2.call(object, depth)) { 1486 group = [object]; 1487 } else { 1488 objects.push(object); 1489 } 1490 }); 1491 if (group) { 1492 objects.push(new this(group, { 1493 depth, 1494 asTree 1495 })); 1496 } 1497 return objects; 1498 } 1499 constructor() { 1500 let objects = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; 1501 let { 1502 depth, 1503 asTree 1504 } = arguments.length > 1 ? arguments[1] : undefined; 1505 this.objects = objects; 1506 if (asTree) { 1507 this.depth = depth; 1508 this.objects = this.constructor.groupObjects(this.objects, { 1509 asTree, 1510 depth: this.depth + 1 1511 }); 1512 } 1513 } 1514 getObjects() { 1515 return this.objects; 1516 } 1517 getDepth() { 1518 return this.depth; 1519 } 1520 getCacheKey() { 1521 const keys = ["objectGroup"]; 1522 Array.from(this.getObjects()).forEach(object => { 1523 keys.push(object.getCacheKey()); 1524 }); 1525 return keys.join("/"); 1526 } 1527 } 1528 1529 class ObjectMap extends BasicObject { 1530 constructor() { 1531 let objects = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; 1532 super(...arguments); 1533 this.objects = {}; 1534 Array.from(objects).forEach(object => { 1535 const hash = JSON.stringify(object); 1536 if (this.objects[hash] == null) { 1537 this.objects[hash] = object; 1538 } 1539 }); 1540 } 1541 find(object) { 1542 const hash = JSON.stringify(object); 1543 return this.objects[hash]; 1544 } 1545 } 1546 1547 class ElementStore { 1548 constructor(elements) { 1549 this.reset(elements); 1550 } 1551 add(element) { 1552 const key = getKey(element); 1553 this.elements[key] = element; 1554 } 1555 remove(element) { 1556 const key = getKey(element); 1557 const value = this.elements[key]; 1558 if (value) { 1559 delete this.elements[key]; 1560 return value; 1561 } 1562 } 1563 reset() { 1564 let elements = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; 1565 this.elements = {}; 1566 Array.from(elements).forEach(element => { 1567 this.add(element); 1568 }); 1569 return elements; 1570 } 1571 } 1572 const getKey = element => element.dataset.trixStoreKey; 1573 1574 class Operation extends BasicObject { 1575 isPerforming() { 1576 return this.performing === true; 1577 } 1578 hasPerformed() { 1579 return this.performed === true; 1580 } 1581 hasSucceeded() { 1582 return this.performed && this.succeeded; 1583 } 1584 hasFailed() { 1585 return this.performed && !this.succeeded; 1586 } 1587 getPromise() { 1588 if (!this.promise) { 1589 this.promise = new Promise((resolve, reject) => { 1590 this.performing = true; 1591 return this.perform((succeeded, result) => { 1592 this.succeeded = succeeded; 1593 this.performing = false; 1594 this.performed = true; 1595 if (this.succeeded) { 1596 resolve(result); 1597 } else { 1598 reject(result); 1599 } 1600 }); 1601 }); 1602 } 1603 return this.promise; 1604 } 1605 perform(callback) { 1606 return callback(false); 1607 } 1608 release() { 1609 var _this$promise, _this$promise$cancel; 1610 (_this$promise = this.promise) === null || _this$promise === void 0 || (_this$promise$cancel = _this$promise.cancel) === null || _this$promise$cancel === void 0 || _this$promise$cancel.call(_this$promise); 1611 this.promise = null; 1612 this.performing = null; 1613 this.performed = null; 1614 this.succeeded = null; 1615 } 1616 } 1617 Operation.proxyMethod("getPromise().then"); 1618 Operation.proxyMethod("getPromise().catch"); 1619 1620 class ObjectView extends BasicObject { 1621 constructor(object) { 1622 let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 1623 super(...arguments); 1624 this.object = object; 1625 this.options = options; 1626 this.childViews = []; 1627 this.rootView = this; 1628 } 1629 getNodes() { 1630 if (!this.nodes) { 1631 this.nodes = this.createNodes(); 1632 } 1633 return this.nodes.map(node => node.cloneNode(true)); 1634 } 1635 invalidate() { 1636 var _this$parentView; 1637 this.nodes = null; 1638 this.childViews = []; 1639 return (_this$parentView = this.parentView) === null || _this$parentView === void 0 ? void 0 : _this$parentView.invalidate(); 1640 } 1641 invalidateViewForObject(object) { 1642 var _this$findViewForObje; 1643 return (_this$findViewForObje = this.findViewForObject(object)) === null || _this$findViewForObje === void 0 ? void 0 : _this$findViewForObje.invalidate(); 1644 } 1645 findOrCreateCachedChildView(viewClass, object, options) { 1646 let view = this.getCachedViewForObject(object); 1647 if (view) { 1648 this.recordChildView(view); 1649 } else { 1650 view = this.createChildView(...arguments); 1651 this.cacheViewForObject(view, object); 1652 } 1653 return view; 1654 } 1655 createChildView(viewClass, object) { 1656 let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; 1657 if (object instanceof ObjectGroup) { 1658 options.viewClass = viewClass; 1659 viewClass = ObjectGroupView; 1660 } 1661 const view = new viewClass(object, options); 1662 return this.recordChildView(view); 1663 } 1664 recordChildView(view) { 1665 view.parentView = this; 1666 view.rootView = this.rootView; 1667 this.childViews.push(view); 1668 return view; 1669 } 1670 getAllChildViews() { 1671 let views = []; 1672 this.childViews.forEach(childView => { 1673 views.push(childView); 1674 views = views.concat(childView.getAllChildViews()); 1675 }); 1676 return views; 1677 } 1678 findElement() { 1679 return this.findElementForObject(this.object); 1680 } 1681 findElementForObject(object) { 1682 const id = object === null || object === void 0 ? void 0 : object.id; 1683 if (id) { 1684 return this.rootView.element.querySelector("[data-trix-id='".concat(id, "']")); 1685 } 1686 } 1687 findViewForObject(object) { 1688 for (const view of this.getAllChildViews()) { 1689 if (view.object === object) { 1690 return view; 1691 } 1692 } 1693 } 1694 getViewCache() { 1695 if (this.rootView === this) { 1696 if (this.isViewCachingEnabled()) { 1697 if (!this.viewCache) { 1698 this.viewCache = {}; 1699 } 1700 return this.viewCache; 1701 } 1702 } else { 1703 return this.rootView.getViewCache(); 1704 } 1705 } 1706 isViewCachingEnabled() { 1707 return this.shouldCacheViews !== false; 1708 } 1709 enableViewCaching() { 1710 this.shouldCacheViews = true; 1711 } 1712 disableViewCaching() { 1713 this.shouldCacheViews = false; 1714 } 1715 getCachedViewForObject(object) { 1716 var _this$getViewCache; 1717 return (_this$getViewCache = this.getViewCache()) === null || _this$getViewCache === void 0 ? void 0 : _this$getViewCache[object.getCacheKey()]; 1718 } 1719 cacheViewForObject(view, object) { 1720 const cache = this.getViewCache(); 1721 if (cache) { 1722 cache[object.getCacheKey()] = view; 1723 } 1724 } 1725 garbageCollectCachedViews() { 1726 const cache = this.getViewCache(); 1727 if (cache) { 1728 const views = this.getAllChildViews().concat(this); 1729 const objectKeys = views.map(view => view.object.getCacheKey()); 1730 for (const key in cache) { 1731 if (!objectKeys.includes(key)) { 1732 delete cache[key]; 1733 } 1734 } 1735 } 1736 } 1737 } 1738 class ObjectGroupView extends ObjectView { 1739 constructor() { 1740 super(...arguments); 1741 this.objectGroup = this.object; 1742 this.viewClass = this.options.viewClass; 1743 delete this.options.viewClass; 1744 } 1745 getChildViews() { 1746 if (!this.childViews.length) { 1747 Array.from(this.objectGroup.getObjects()).forEach(object => { 1748 this.findOrCreateCachedChildView(this.viewClass, object, this.options); 1749 }); 1750 } 1751 return this.childViews; 1752 } 1753 createNodes() { 1754 const element = this.createContainerElement(); 1755 this.getChildViews().forEach(view => { 1756 Array.from(view.getNodes()).forEach(node => { 1757 element.appendChild(node); 1758 }); 1759 }); 1760 return [element]; 1761 } 1762 createContainerElement() { 1763 let depth = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : this.objectGroup.getDepth(); 1764 return this.getChildViews()[0].createContainerElement(depth); 1765 } 1766 } 1767 1768 /*! @license DOMPurify 3.4.2 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.4.2/LICENSE */ 1769 1770 const { 1771 entries, 1772 setPrototypeOf, 1773 isFrozen, 1774 getPrototypeOf, 1775 getOwnPropertyDescriptor 1776 } = Object; 1777 let { 1778 freeze, 1779 seal, 1780 create 1781 } = Object; // eslint-disable-line import/no-mutable-exports 1782 let { 1783 apply, 1784 construct 1785 } = typeof Reflect !== 'undefined' && Reflect; 1786 if (!freeze) { 1787 freeze = function freeze(x) { 1788 return x; 1789 }; 1790 } 1791 if (!seal) { 1792 seal = function seal(x) { 1793 return x; 1794 }; 1795 } 1796 if (!apply) { 1797 apply = function apply(func, thisArg) { 1798 for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) { 1799 args[_key - 2] = arguments[_key]; 1800 } 1801 return func.apply(thisArg, args); 1802 }; 1803 } 1804 if (!construct) { 1805 construct = function construct(Func) { 1806 for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) { 1807 args[_key2 - 1] = arguments[_key2]; 1808 } 1809 return new Func(...args); 1810 }; 1811 } 1812 const arrayForEach = unapply(Array.prototype.forEach); 1813 const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf); 1814 const arrayPop = unapply(Array.prototype.pop); 1815 const arrayPush = unapply(Array.prototype.push); 1816 const arraySplice = unapply(Array.prototype.splice); 1817 const arrayIsArray = Array.isArray; 1818 const stringToLowerCase = unapply(String.prototype.toLowerCase); 1819 const stringToString = unapply(String.prototype.toString); 1820 const stringMatch = unapply(String.prototype.match); 1821 const stringReplace = unapply(String.prototype.replace); 1822 const stringIndexOf = unapply(String.prototype.indexOf); 1823 const stringTrim = unapply(String.prototype.trim); 1824 const numberToString = unapply(Number.prototype.toString); 1825 const booleanToString = unapply(Boolean.prototype.toString); 1826 const bigintToString = typeof BigInt === 'undefined' ? null : unapply(BigInt.prototype.toString); 1827 const symbolToString = typeof Symbol === 'undefined' ? null : unapply(Symbol.prototype.toString); 1828 const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty); 1829 const objectToString = unapply(Object.prototype.toString); 1830 const regExpTest = unapply(RegExp.prototype.test); 1831 const typeErrorCreate = unconstruct(TypeError); 1832 /** 1833 * Creates a new function that calls the given function with a specified thisArg and arguments. 1834 * 1835 * @param func - The function to be wrapped and called. 1836 * @returns A new function that calls the given function with a specified thisArg and arguments. 1837 */ 1838 function unapply(func) { 1839 return function (thisArg) { 1840 if (thisArg instanceof RegExp) { 1841 thisArg.lastIndex = 0; 1842 } 1843 for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) { 1844 args[_key3 - 1] = arguments[_key3]; 1845 } 1846 return apply(func, thisArg, args); 1847 }; 1848 } 1849 /** 1850 * Creates a new function that constructs an instance of the given constructor function with the provided arguments. 1851 * 1852 * @param func - The constructor function to be wrapped and called. 1853 * @returns A new function that constructs an instance of the given constructor function with the provided arguments. 1854 */ 1855 function unconstruct(Func) { 1856 return function () { 1857 for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) { 1858 args[_key4] = arguments[_key4]; 1859 } 1860 return construct(Func, args); 1861 }; 1862 } 1863 /** 1864 * Add properties to a lookup table 1865 * 1866 * @param set - The set to which elements will be added. 1867 * @param array - The array containing elements to be added to the set. 1868 * @param transformCaseFunc - An optional function to transform the case of each element before adding to the set. 1869 * @returns The modified set with added elements. 1870 */ 1871 function addToSet(set, array) { 1872 let transformCaseFunc = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : stringToLowerCase; 1873 if (setPrototypeOf) { 1874 // Make 'in' and truthy checks like Boolean(set.constructor) 1875 // independent of any properties defined on Object.prototype. 1876 // Prevent prototype setters from intercepting set as a this value. 1877 setPrototypeOf(set, null); 1878 } 1879 if (!arrayIsArray(array)) { 1880 return set; 1881 } 1882 let l = array.length; 1883 while (l--) { 1884 let element = array[l]; 1885 if (typeof element === 'string') { 1886 const lcElement = transformCaseFunc(element); 1887 if (lcElement !== element) { 1888 // Config presets (e.g. tags.js, attrs.js) are immutable. 1889 if (!isFrozen(array)) { 1890 array[l] = lcElement; 1891 } 1892 element = lcElement; 1893 } 1894 } 1895 set[element] = true; 1896 } 1897 return set; 1898 } 1899 /** 1900 * Clean up an array to harden against CSPP 1901 * 1902 * @param array - The array to be cleaned. 1903 * @returns The cleaned version of the array 1904 */ 1905 function cleanArray(array) { 1906 for (let index = 0; index < array.length; index++) { 1907 const isPropertyExist = objectHasOwnProperty(array, index); 1908 if (!isPropertyExist) { 1909 array[index] = null; 1910 } 1911 } 1912 return array; 1913 } 1914 /** 1915 * Shallow clone an object 1916 * 1917 * @param object - The object to be cloned. 1918 * @returns A new object that copies the original. 1919 */ 1920 function clone(object) { 1921 const newObject = create(null); 1922 for (const [property, value] of entries(object)) { 1923 const isPropertyExist = objectHasOwnProperty(object, property); 1924 if (isPropertyExist) { 1925 if (arrayIsArray(value)) { 1926 newObject[property] = cleanArray(value); 1927 } else if (value && typeof value === 'object' && value.constructor === Object) { 1928 newObject[property] = clone(value); 1929 } else { 1930 newObject[property] = value; 1931 } 1932 } 1933 } 1934 return newObject; 1935 } 1936 /** 1937 * Convert non-node values into strings without depending on direct property access. 1938 * 1939 * @param value - The value to stringify. 1940 * @returns A string representation of the provided value. 1941 */ 1942 function stringifyValue(value) { 1943 switch (typeof value) { 1944 case 'string': 1945 { 1946 return value; 1947 } 1948 case 'number': 1949 { 1950 return numberToString(value); 1951 } 1952 case 'boolean': 1953 { 1954 return booleanToString(value); 1955 } 1956 case 'bigint': 1957 { 1958 return bigintToString ? bigintToString(value) : '0'; 1959 } 1960 case 'symbol': 1961 { 1962 return symbolToString ? symbolToString(value) : 'Symbol()'; 1963 } 1964 case 'undefined': 1965 { 1966 return objectToString(value); 1967 } 1968 case 'function': 1969 case 'object': 1970 { 1971 if (value === null) { 1972 return objectToString(value); 1973 } 1974 const valueAsRecord = value; 1975 const valueToString = lookupGetter(valueAsRecord, 'toString'); 1976 if (typeof valueToString === 'function') { 1977 const stringified = valueToString(valueAsRecord); 1978 return typeof stringified === 'string' ? stringified : objectToString(stringified); 1979 } 1980 return objectToString(value); 1981 } 1982 default: 1983 { 1984 return objectToString(value); 1985 } 1986 } 1987 } 1988 /** 1989 * This method automatically checks if the prop is function or getter and behaves accordingly. 1990 * 1991 * @param object - The object to look up the getter function in its prototype chain. 1992 * @param prop - The property name for which to find the getter function. 1993 * @returns The getter function found in the prototype chain or a fallback function. 1994 */ 1995 function lookupGetter(object, prop) { 1996 while (object !== null) { 1997 const desc = getOwnPropertyDescriptor(object, prop); 1998 if (desc) { 1999 if (desc.get) { 2000 return unapply(desc.get); 2001 } 2002 if (typeof desc.value === 'function') { 2003 return unapply(desc.value); 2004 } 2005 } 2006 object = getPrototypeOf(object); 2007 } 2008 function fallbackValue() { 2009 return null; 2010 } 2011 return fallbackValue; 2012 } 2013 function isRegex(value) { 2014 try { 2015 regExpTest(value, ''); 2016 return true; 2017 } catch (_unused) { 2018 return false; 2019 } 2020 } 2021 const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'search', 'section', 'select', 'shadow', 'slot', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']); 2022 const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'enterkeyhint', 'exportparts', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'inputmode', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'part', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']); 2023 const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feDropShadow', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']); 2024 // List of SVG elements that are disallowed by default. 2025 // We still need to know them so that we can do namespace 2026 // checks properly in case one wants to add them to 2027 // allow-list. 2028 const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']); 2029 const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']); 2030 // Similarly to SVG, we want to know all MathML elements, 2031 // even those that we disallow by default. 2032 const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']); 2033 const text = freeze(['#text']); 2034 const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'exportparts', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inert', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'part', 'pattern', 'placeholder', 'playsinline', 'popover', 'popovertarget', 'popovertargetaction', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'slot', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'wrap', 'xmlns']); 2035 const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'amplitude', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'exponent', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'intercept', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'mask-type', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'slope', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'tablevalues', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']); 2036 const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnalign', 'columnlines', 'columnspacing', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lquote', 'lspace', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']); 2037 const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']); 2038 2039 // eslint-disable-next-line unicorn/better-regex 2040 const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode 2041 const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm); 2042 const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm); // eslint-disable-line unicorn/better-regex 2043 const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/); // eslint-disable-line no-useless-escape 2044 const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape 2045 const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape 2046 ); 2047 const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i); 2048 const ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex 2049 ); 2050 const DOCTYPE_NAME = seal(/^html$/i); 2051 const CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i); 2052 var EXPRESSIONS = /*#__PURE__*/Object.freeze({ 2053 __proto__: null, 2054 ARIA_ATTR: ARIA_ATTR, 2055 ATTR_WHITESPACE: ATTR_WHITESPACE, 2056 CUSTOM_ELEMENT: CUSTOM_ELEMENT, 2057 DATA_ATTR: DATA_ATTR, 2058 DOCTYPE_NAME: DOCTYPE_NAME, 2059 ERB_EXPR: ERB_EXPR, 2060 IS_ALLOWED_URI: IS_ALLOWED_URI, 2061 IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA, 2062 MUSTACHE_EXPR: MUSTACHE_EXPR, 2063 TMPLIT_EXPR: TMPLIT_EXPR 2064 }); 2065 2066 /* eslint-disable @typescript-eslint/indent */ 2067 // https://developer.mozilla.org/en-US/docs/Web/API/Node/nodeType 2068 const NODE_TYPE = { 2069 element: 1, 2070 text: 3, 2071 // Deprecated 2072 progressingInstruction: 7, 2073 comment: 8, 2074 document: 9 2075 }; 2076 const getGlobal = function getGlobal() { 2077 return typeof window === 'undefined' ? null : window; 2078 }; 2079 /** 2080 * Creates a no-op policy for internal use only. 2081 * Don't export this function outside this module! 2082 * @param trustedTypes The policy factory. 2083 * @param purifyHostElement The Script element used to load DOMPurify (to determine policy name suffix). 2084 * @return The policy created (or null, if Trusted Types 2085 * are not supported or creating the policy failed). 2086 */ 2087 const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, purifyHostElement) { 2088 if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') { 2089 return null; 2090 } 2091 // Allow the callers to control the unique policy name 2092 // by adding a data-tt-policy-suffix to the script element with the DOMPurify. 2093 // Policy creation with duplicate names throws in Trusted Types. 2094 let suffix = null; 2095 const ATTR_NAME = 'data-tt-policy-suffix'; 2096 if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) { 2097 suffix = purifyHostElement.getAttribute(ATTR_NAME); 2098 } 2099 const policyName = 'dompurify' + (suffix ? '#' + suffix : ''); 2100 try { 2101 return trustedTypes.createPolicy(policyName, { 2102 createHTML(html) { 2103 return html; 2104 }, 2105 createScriptURL(scriptUrl) { 2106 return scriptUrl; 2107 } 2108 }); 2109 } catch (_) { 2110 // Policy creation failed (most likely another DOMPurify script has 2111 // already run). Skip creating the policy, as this will only cause errors 2112 // if TT are enforced. 2113 console.warn('TrustedTypes policy ' + policyName + ' could not be created.'); 2114 return null; 2115 } 2116 }; 2117 const _createHooksMap = function _createHooksMap() { 2118 return { 2119 afterSanitizeAttributes: [], 2120 afterSanitizeElements: [], 2121 afterSanitizeShadowDOM: [], 2122 beforeSanitizeAttributes: [], 2123 beforeSanitizeElements: [], 2124 beforeSanitizeShadowDOM: [], 2125 uponSanitizeAttribute: [], 2126 uponSanitizeElement: [], 2127 uponSanitizeShadowNode: [] 2128 }; 2129 }; 2130 function createDOMPurify() { 2131 let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal(); 2132 const DOMPurify = root => createDOMPurify(root); 2133 DOMPurify.version = '3.4.2'; 2134 DOMPurify.removed = []; 2135 if (!window || !window.document || window.document.nodeType !== NODE_TYPE.document || !window.Element) { 2136 // Not running in a browser, provide a factory function 2137 // so that you can pass your own Window 2138 DOMPurify.isSupported = false; 2139 return DOMPurify; 2140 } 2141 let { 2142 document 2143 } = window; 2144 const originalDocument = document; 2145 const currentScript = originalDocument.currentScript; 2146 const { 2147 DocumentFragment, 2148 HTMLTemplateElement, 2149 Node, 2150 Element, 2151 NodeFilter, 2152 NamedNodeMap = window.NamedNodeMap || window.MozNamedAttrMap, 2153 HTMLFormElement, 2154 DOMParser, 2155 trustedTypes 2156 } = window; 2157 const ElementPrototype = Element.prototype; 2158 const cloneNode = lookupGetter(ElementPrototype, 'cloneNode'); 2159 const remove = lookupGetter(ElementPrototype, 'remove'); 2160 const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling'); 2161 const getChildNodes = lookupGetter(ElementPrototype, 'childNodes'); 2162 const getParentNode = lookupGetter(ElementPrototype, 'parentNode'); 2163 // As per issue #47, the web-components registry is inherited by a 2164 // new document created via createHTMLDocument. As per the spec 2165 // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries) 2166 // a new empty registry is used when creating a template contents owner 2167 // document, so we use that as our parent document to ensure nothing 2168 // is inherited. 2169 if (typeof HTMLTemplateElement === 'function') { 2170 const template = document.createElement('template'); 2171 if (template.content && template.content.ownerDocument) { 2172 document = template.content.ownerDocument; 2173 } 2174 } 2175 let trustedTypesPolicy; 2176 let emptyHTML = ''; 2177 const { 2178 implementation, 2179 createNodeIterator, 2180 createDocumentFragment, 2181 getElementsByTagName 2182 } = document; 2183 const { 2184 importNode 2185 } = originalDocument; 2186 let hooks = _createHooksMap(); 2187 /** 2188 * Expose whether this browser supports running the full DOMPurify. 2189 */ 2190 DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && implementation.createHTMLDocument !== undefined; 2191 const { 2192 MUSTACHE_EXPR, 2193 ERB_EXPR, 2194 TMPLIT_EXPR, 2195 DATA_ATTR, 2196 ARIA_ATTR, 2197 IS_SCRIPT_OR_DATA, 2198 ATTR_WHITESPACE, 2199 CUSTOM_ELEMENT 2200 } = EXPRESSIONS; 2201 let { 2202 IS_ALLOWED_URI: IS_ALLOWED_URI$1 2203 } = EXPRESSIONS; 2204 /** 2205 * We consider the elements and attributes below to be safe. Ideally 2206 * don't add any new ones but feel free to remove unwanted ones. 2207 */ 2208 /* allowed element names */ 2209 let ALLOWED_TAGS = null; 2210 const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]); 2211 /* Allowed attribute names */ 2212 let ALLOWED_ATTR = null; 2213 const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]); 2214 /* 2215 * Configure how DOMPurify should handle custom elements and their attributes as well as customized built-in elements. 2216 * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements) 2217 * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list) 2218 * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`. 2219 */ 2220 let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, { 2221 tagNameCheck: { 2222 writable: true, 2223 configurable: false, 2224 enumerable: true, 2225 value: null 2226 }, 2227 attributeNameCheck: { 2228 writable: true, 2229 configurable: false, 2230 enumerable: true, 2231 value: null 2232 }, 2233 allowCustomizedBuiltInElements: { 2234 writable: true, 2235 configurable: false, 2236 enumerable: true, 2237 value: false 2238 } 2239 })); 2240 /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */ 2241 let FORBID_TAGS = null; 2242 /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */ 2243 let FORBID_ATTR = null; 2244 /* Config object to store ADD_TAGS/ADD_ATTR functions (when used as functions) */ 2245 const EXTRA_ELEMENT_HANDLING = Object.seal(create(null, { 2246 tagCheck: { 2247 writable: true, 2248 configurable: false, 2249 enumerable: true, 2250 value: null 2251 }, 2252 attributeCheck: { 2253 writable: true, 2254 configurable: false, 2255 enumerable: true, 2256 value: null 2257 } 2258 })); 2259 /* Decide if ARIA attributes are okay */ 2260 let ALLOW_ARIA_ATTR = true; 2261 /* Decide if custom data attributes are okay */ 2262 let ALLOW_DATA_ATTR = true; 2263 /* Decide if unknown protocols are okay */ 2264 let ALLOW_UNKNOWN_PROTOCOLS = false; 2265 /* Decide if self-closing tags in attributes are allowed. 2266 * Usually removed due to a mXSS issue in jQuery 3.0 */ 2267 let ALLOW_SELF_CLOSE_IN_ATTR = true; 2268 /* Output should be safe for common template engines. 2269 * This means, DOMPurify removes data attributes, mustaches and ERB 2270 */ 2271 let SAFE_FOR_TEMPLATES = false; 2272 /* Output should be safe even for XML used within HTML and alike. 2273 * This means, DOMPurify removes comments when containing risky content. 2274 */ 2275 let SAFE_FOR_XML = true; 2276 /* Decide if document with <html>... should be returned */ 2277 let WHOLE_DOCUMENT = false; 2278 /* Track whether config is already set on this instance of DOMPurify. */ 2279 let SET_CONFIG = false; 2280 /* Decide if all elements (e.g. style, script) must be children of 2281 * document.body. By default, browsers might move them to document.head */ 2282 let FORCE_BODY = false; 2283 /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html 2284 * string (or a TrustedHTML object if Trusted Types are supported). 2285 * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead 2286 */ 2287 let RETURN_DOM = false; 2288 /* Decide if a DOM `DocumentFragment` should be returned, instead of a html 2289 * string (or a TrustedHTML object if Trusted Types are supported) */ 2290 let RETURN_DOM_FRAGMENT = false; 2291 /* Try to return a Trusted Type object instead of a string, return a string in 2292 * case Trusted Types are not supported */ 2293 let RETURN_TRUSTED_TYPE = false; 2294 /* Output should be free from DOM clobbering attacks? 2295 * This sanitizes markups named with colliding, clobberable built-in DOM APIs. 2296 */ 2297 let SANITIZE_DOM = true; 2298 /* Achieve full DOM Clobbering protection by isolating the namespace of named 2299 * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules. 2300 * 2301 * HTML/DOM spec rules that enable DOM Clobbering: 2302 * - Named Access on Window (§7.3.3) 2303 * - DOM Tree Accessors (§3.1.5) 2304 * - Form Element Parent-Child Relations (§4.10.3) 2305 * - Iframe srcdoc / Nested WindowProxies (§4.8.5) 2306 * - HTMLCollection (§4.2.10.2) 2307 * 2308 * Namespace isolation is implemented by prefixing `id` and `name` attributes 2309 * with a constant string, i.e., `user-content-` 2310 */ 2311 let SANITIZE_NAMED_PROPS = false; 2312 const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-'; 2313 /* Keep element content when removing element? */ 2314 let KEEP_CONTENT = true; 2315 /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead 2316 * of importing it into a new Document and returning a sanitized copy */ 2317 let IN_PLACE = false; 2318 /* Allow usage of profiles like html, svg and mathMl */ 2319 let USE_PROFILES = {}; 2320 /* Tags to ignore content of when KEEP_CONTENT is true */ 2321 let FORBID_CONTENTS = null; 2322 const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']); 2323 /* Tags that are safe for data: URIs */ 2324 let DATA_URI_TAGS = null; 2325 const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']); 2326 /* Attributes safe for values like "javascript:" */ 2327 let URI_SAFE_ATTRIBUTES = null; 2328 const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']); 2329 const MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML'; 2330 const SVG_NAMESPACE = 'http://www.w3.org/2000/svg'; 2331 const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml'; 2332 /* Document namespace */ 2333 let NAMESPACE = HTML_NAMESPACE; 2334 let IS_EMPTY_INPUT = false; 2335 /* Allowed XHTML+XML namespaces */ 2336 let ALLOWED_NAMESPACES = null; 2337 const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString); 2338 let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']); 2339 let HTML_INTEGRATION_POINTS = addToSet({}, ['annotation-xml']); 2340 // Certain elements are allowed in both SVG and HTML 2341 // namespace. We need to specify them explicitly 2342 // so that they don't get erroneously deleted from 2343 // HTML namespace. 2344 const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']); 2345 /* Parsing of strict XHTML documents */ 2346 let PARSER_MEDIA_TYPE = null; 2347 const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html']; 2348 const DEFAULT_PARSER_MEDIA_TYPE = 'text/html'; 2349 let transformCaseFunc = null; 2350 /* Keep a reference to config to pass to hooks */ 2351 let CONFIG = null; 2352 /* Ideally, do not touch anything below this line */ 2353 /* ______________________________________________ */ 2354 const formElement = document.createElement('form'); 2355 const isRegexOrFunction = function isRegexOrFunction(testValue) { 2356 return testValue instanceof RegExp || testValue instanceof Function; 2357 }; 2358 /** 2359 * _parseConfig 2360 * 2361 * @param cfg optional config literal 2362 */ 2363 // eslint-disable-next-line complexity 2364 const _parseConfig = function _parseConfig() { 2365 let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; 2366 if (CONFIG && CONFIG === cfg) { 2367 return; 2368 } 2369 /* Shield configuration object from tampering */ 2370 if (!cfg || typeof cfg !== 'object') { 2371 cfg = {}; 2372 } 2373 /* Shield configuration object from prototype pollution */ 2374 cfg = clone(cfg); 2375 PARSER_MEDIA_TYPE = 2376 // eslint-disable-next-line unicorn/prefer-includes 2377 SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE; 2378 // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is. 2379 transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase; 2380 /* Set configuration parameters */ 2381 ALLOWED_TAGS = objectHasOwnProperty(cfg, 'ALLOWED_TAGS') && arrayIsArray(cfg.ALLOWED_TAGS) ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS; 2382 ALLOWED_ATTR = objectHasOwnProperty(cfg, 'ALLOWED_ATTR') && arrayIsArray(cfg.ALLOWED_ATTR) ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR; 2383 ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, 'ALLOWED_NAMESPACES') && arrayIsArray(cfg.ALLOWED_NAMESPACES) ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES; 2384 URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') && arrayIsArray(cfg.ADD_URI_SAFE_ATTR) ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES; 2385 DATA_URI_TAGS = objectHasOwnProperty(cfg, 'ADD_DATA_URI_TAGS') && arrayIsArray(cfg.ADD_DATA_URI_TAGS) ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS; 2386 FORBID_CONTENTS = objectHasOwnProperty(cfg, 'FORBID_CONTENTS') && arrayIsArray(cfg.FORBID_CONTENTS) ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS; 2387 FORBID_TAGS = objectHasOwnProperty(cfg, 'FORBID_TAGS') && arrayIsArray(cfg.FORBID_TAGS) ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : clone({}); 2388 FORBID_ATTR = objectHasOwnProperty(cfg, 'FORBID_ATTR') && arrayIsArray(cfg.FORBID_ATTR) ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : clone({}); 2389 USE_PROFILES = objectHasOwnProperty(cfg, 'USE_PROFILES') ? cfg.USE_PROFILES && typeof cfg.USE_PROFILES === 'object' ? clone(cfg.USE_PROFILES) : cfg.USE_PROFILES : false; 2390 ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true 2391 ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true 2392 ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false 2393 ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true 2394 SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false 2395 SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false; // Default true 2396 WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false 2397 RETURN_DOM = cfg.RETURN_DOM || false; // Default false 2398 RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false 2399 RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false 2400 FORCE_BODY = cfg.FORCE_BODY || false; // Default false 2401 SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true 2402 SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false 2403 KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true 2404 IN_PLACE = cfg.IN_PLACE || false; // Default false 2405 IS_ALLOWED_URI$1 = isRegex(cfg.ALLOWED_URI_REGEXP) ? cfg.ALLOWED_URI_REGEXP : IS_ALLOWED_URI; // Default regexp 2406 NAMESPACE = typeof cfg.NAMESPACE === 'string' ? cfg.NAMESPACE : HTML_NAMESPACE; // Default HTML namespace 2407 MATHML_TEXT_INTEGRATION_POINTS = objectHasOwnProperty(cfg, 'MATHML_TEXT_INTEGRATION_POINTS') && cfg.MATHML_TEXT_INTEGRATION_POINTS && typeof cfg.MATHML_TEXT_INTEGRATION_POINTS === 'object' ? clone(cfg.MATHML_TEXT_INTEGRATION_POINTS) : addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']); // Default built-in map 2408 HTML_INTEGRATION_POINTS = objectHasOwnProperty(cfg, 'HTML_INTEGRATION_POINTS') && cfg.HTML_INTEGRATION_POINTS && typeof cfg.HTML_INTEGRATION_POINTS === 'object' ? clone(cfg.HTML_INTEGRATION_POINTS) : addToSet({}, ['annotation-xml']); // Default built-in map 2409 const customElementHandling = objectHasOwnProperty(cfg, 'CUSTOM_ELEMENT_HANDLING') && cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING === 'object' ? clone(cfg.CUSTOM_ELEMENT_HANDLING) : create(null); 2410 CUSTOM_ELEMENT_HANDLING = create(null); 2411 if (objectHasOwnProperty(customElementHandling, 'tagNameCheck') && isRegexOrFunction(customElementHandling.tagNameCheck)) { 2412 CUSTOM_ELEMENT_HANDLING.tagNameCheck = customElementHandling.tagNameCheck; // Default undefined 2413 } 2414 if (objectHasOwnProperty(customElementHandling, 'attributeNameCheck') && isRegexOrFunction(customElementHandling.attributeNameCheck)) { 2415 CUSTOM_ELEMENT_HANDLING.attributeNameCheck = customElementHandling.attributeNameCheck; // Default undefined 2416 } 2417 if (objectHasOwnProperty(customElementHandling, 'allowCustomizedBuiltInElements') && typeof customElementHandling.allowCustomizedBuiltInElements === 'boolean') { 2418 CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = customElementHandling.allowCustomizedBuiltInElements; // Default undefined 2419 } 2420 if (SAFE_FOR_TEMPLATES) { 2421 ALLOW_DATA_ATTR = false; 2422 } 2423 if (RETURN_DOM_FRAGMENT) { 2424 RETURN_DOM = true; 2425 } 2426 /* Parse profile info */ 2427 if (USE_PROFILES) { 2428 ALLOWED_TAGS = addToSet({}, text); 2429 ALLOWED_ATTR = create(null); 2430 if (USE_PROFILES.html === true) { 2431 addToSet(ALLOWED_TAGS, html$1); 2432 addToSet(ALLOWED_ATTR, html); 2433 } 2434 if (USE_PROFILES.svg === true) { 2435 addToSet(ALLOWED_TAGS, svg$1); 2436 addToSet(ALLOWED_ATTR, svg); 2437 addToSet(ALLOWED_ATTR, xml); 2438 } 2439 if (USE_PROFILES.svgFilters === true) { 2440 addToSet(ALLOWED_TAGS, svgFilters); 2441 addToSet(ALLOWED_ATTR, svg); 2442 addToSet(ALLOWED_ATTR, xml); 2443 } 2444 if (USE_PROFILES.mathMl === true) { 2445 addToSet(ALLOWED_TAGS, mathMl$1); 2446 addToSet(ALLOWED_ATTR, mathMl); 2447 addToSet(ALLOWED_ATTR, xml); 2448 } 2449 } 2450 /* Always reset function-based ADD_TAGS / ADD_ATTR checks to prevent 2451 * leaking across calls when switching from function to array config */ 2452 EXTRA_ELEMENT_HANDLING.tagCheck = null; 2453 EXTRA_ELEMENT_HANDLING.attributeCheck = null; 2454 /* Merge configuration parameters */ 2455 if (objectHasOwnProperty(cfg, 'ADD_TAGS')) { 2456 if (typeof cfg.ADD_TAGS === 'function') { 2457 EXTRA_ELEMENT_HANDLING.tagCheck = cfg.ADD_TAGS; 2458 } else if (arrayIsArray(cfg.ADD_TAGS)) { 2459 if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) { 2460 ALLOWED_TAGS = clone(ALLOWED_TAGS); 2461 } 2462 addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc); 2463 } 2464 } 2465 if (objectHasOwnProperty(cfg, 'ADD_ATTR')) { 2466 if (typeof cfg.ADD_ATTR === 'function') { 2467 EXTRA_ELEMENT_HANDLING.attributeCheck = cfg.ADD_ATTR; 2468 } else if (arrayIsArray(cfg.ADD_ATTR)) { 2469 if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) { 2470 ALLOWED_ATTR = clone(ALLOWED_ATTR); 2471 } 2472 addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc); 2473 } 2474 } 2475 if (objectHasOwnProperty(cfg, 'ADD_URI_SAFE_ATTR') && arrayIsArray(cfg.ADD_URI_SAFE_ATTR)) { 2476 addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc); 2477 } 2478 if (objectHasOwnProperty(cfg, 'FORBID_CONTENTS') && arrayIsArray(cfg.FORBID_CONTENTS)) { 2479 if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) { 2480 FORBID_CONTENTS = clone(FORBID_CONTENTS); 2481 } 2482 addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc); 2483 } 2484 if (objectHasOwnProperty(cfg, 'ADD_FORBID_CONTENTS') && arrayIsArray(cfg.ADD_FORBID_CONTENTS)) { 2485 if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) { 2486 FORBID_CONTENTS = clone(FORBID_CONTENTS); 2487 } 2488 addToSet(FORBID_CONTENTS, cfg.ADD_FORBID_CONTENTS, transformCaseFunc); 2489 } 2490 /* Add #text in case KEEP_CONTENT is set to true */ 2491 if (KEEP_CONTENT) { 2492 ALLOWED_TAGS['#text'] = true; 2493 } 2494 /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */ 2495 if (WHOLE_DOCUMENT) { 2496 addToSet(ALLOWED_TAGS, ['html', 'head', 'body']); 2497 } 2498 /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */ 2499 if (ALLOWED_TAGS.table) { 2500 addToSet(ALLOWED_TAGS, ['tbody']); 2501 delete FORBID_TAGS.tbody; 2502 } 2503 if (cfg.TRUSTED_TYPES_POLICY) { 2504 if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== 'function') { 2505 throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.'); 2506 } 2507 if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== 'function') { 2508 throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.'); 2509 } 2510 // Overwrite existing TrustedTypes policy. 2511 trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY; 2512 // Sign local variables required by `sanitize`. 2513 emptyHTML = trustedTypesPolicy.createHTML(''); 2514 } else { 2515 // Uninitialized policy, attempt to initialize the internal dompurify policy. 2516 if (trustedTypesPolicy === undefined) { 2517 trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript); 2518 } 2519 // If creating the internal policy succeeded sign internal variables. 2520 if (trustedTypesPolicy !== null && typeof emptyHTML === 'string') { 2521 emptyHTML = trustedTypesPolicy.createHTML(''); 2522 } 2523 } 2524 // Prevent further manipulation of configuration. 2525 // Not available in IE8, Safari 5, etc. 2526 if (freeze) { 2527 freeze(cfg); 2528 } 2529 CONFIG = cfg; 2530 }; 2531 /* Keep track of all possible SVG and MathML tags 2532 * so that we can perform the namespace checks 2533 * correctly. */ 2534 const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]); 2535 const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]); 2536 /** 2537 * @param element a DOM element whose namespace is being checked 2538 * @returns Return false if the element has a 2539 * namespace that a spec-compliant parser would never 2540 * return. Return true otherwise. 2541 */ 2542 const _checkValidNamespace = function _checkValidNamespace(element) { 2543 let parent = getParentNode(element); 2544 // In JSDOM, if we're inside shadow DOM, then parentNode 2545 // can be null. We just simulate parent in this case. 2546 if (!parent || !parent.tagName) { 2547 parent = { 2548 namespaceURI: NAMESPACE, 2549 tagName: 'template' 2550 }; 2551 } 2552 const tagName = stringToLowerCase(element.tagName); 2553 const parentTagName = stringToLowerCase(parent.tagName); 2554 if (!ALLOWED_NAMESPACES[element.namespaceURI]) { 2555 return false; 2556 } 2557 if (element.namespaceURI === SVG_NAMESPACE) { 2558 // The only way to switch from HTML namespace to SVG 2559 // is via <svg>. If it happens via any other tag, then 2560 // it should be killed. 2561 if (parent.namespaceURI === HTML_NAMESPACE) { 2562 return tagName === 'svg'; 2563 } 2564 // The only way to switch from MathML to SVG is via` 2565 // svg if parent is either <annotation-xml> or MathML 2566 // text integration points. 2567 if (parent.namespaceURI === MATHML_NAMESPACE) { 2568 return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]); 2569 } 2570 // We only allow elements that are defined in SVG 2571 // spec. All others are disallowed in SVG namespace. 2572 return Boolean(ALL_SVG_TAGS[tagName]); 2573 } 2574 if (element.namespaceURI === MATHML_NAMESPACE) { 2575 // The only way to switch from HTML namespace to MathML 2576 // is via <math>. If it happens via any other tag, then 2577 // it should be killed. 2578 if (parent.namespaceURI === HTML_NAMESPACE) { 2579 return tagName === 'math'; 2580 } 2581 // The only way to switch from SVG to MathML is via 2582 // <math> and HTML integration points 2583 if (parent.namespaceURI === SVG_NAMESPACE) { 2584 return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName]; 2585 } 2586 // We only allow elements that are defined in MathML 2587 // spec. All others are disallowed in MathML namespace. 2588 return Boolean(ALL_MATHML_TAGS[tagName]); 2589 } 2590 if (element.namespaceURI === HTML_NAMESPACE) { 2591 // The only way to switch from SVG to HTML is via 2592 // HTML integration points, and from MathML to HTML 2593 // is via MathML text integration points 2594 if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) { 2595 return false; 2596 } 2597 if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) { 2598 return false; 2599 } 2600 // We disallow tags that are specific for MathML 2601 // or SVG and should never appear in HTML namespace 2602 return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]); 2603 } 2604 // For XHTML and XML documents that support custom namespaces 2605 if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) { 2606 return true; 2607 } 2608 // The code should never reach this place (this means 2609 // that the element somehow got namespace that is not 2610 // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES). 2611 // Return false just in case. 2612 return false; 2613 }; 2614 /** 2615 * _forceRemove 2616 * 2617 * @param node a DOM node 2618 */ 2619 const _forceRemove = function _forceRemove(node) { 2620 arrayPush(DOMPurify.removed, { 2621 element: node 2622 }); 2623 try { 2624 // eslint-disable-next-line unicorn/prefer-dom-node-remove 2625 getParentNode(node).removeChild(node); 2626 } catch (_) { 2627 remove(node); 2628 } 2629 }; 2630 /** 2631 * _removeAttribute 2632 * 2633 * @param name an Attribute name 2634 * @param element a DOM node 2635 */ 2636 const _removeAttribute = function _removeAttribute(name, element) { 2637 try { 2638 arrayPush(DOMPurify.removed, { 2639 attribute: element.getAttributeNode(name), 2640 from: element 2641 }); 2642 } catch (_) { 2643 arrayPush(DOMPurify.removed, { 2644 attribute: null, 2645 from: element 2646 }); 2647 } 2648 element.removeAttribute(name); 2649 // We void attribute values for unremovable "is" attributes 2650 if (name === 'is') { 2651 if (RETURN_DOM || RETURN_DOM_FRAGMENT) { 2652 try { 2653 _forceRemove(element); 2654 } catch (_) {} 2655 } else { 2656 try { 2657 element.setAttribute(name, ''); 2658 } catch (_) {} 2659 } 2660 } 2661 }; 2662 /** 2663 * _initDocument 2664 * 2665 * @param dirty - a string of dirty markup 2666 * @return a DOM, filled with the dirty markup 2667 */ 2668 const _initDocument = function _initDocument(dirty) { 2669 /* Create a HTML document */ 2670 let doc = null; 2671 let leadingWhitespace = null; 2672 if (FORCE_BODY) { 2673 dirty = '<remove></remove>' + dirty; 2674 } else { 2675 /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */ 2676 const matches = stringMatch(dirty, /^[\r\n\t ]+/); 2677 leadingWhitespace = matches && matches[0]; 2678 } 2679 if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) { 2680 // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict) 2681 dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>'; 2682 } 2683 const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty; 2684 /* 2685 * Use the DOMParser API by default, fallback later if needs be 2686 * DOMParser not work for svg when has multiple root element. 2687 */ 2688 if (NAMESPACE === HTML_NAMESPACE) { 2689 try { 2690 doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE); 2691 } catch (_) {} 2692 } 2693 /* Use createHTMLDocument in case DOMParser is not available */ 2694 if (!doc || !doc.documentElement) { 2695 doc = implementation.createDocument(NAMESPACE, 'template', null); 2696 try { 2697 doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload; 2698 } catch (_) { 2699 // Syntax error if dirtyPayload is invalid xml 2700 } 2701 } 2702 const body = doc.body || doc.documentElement; 2703 if (dirty && leadingWhitespace) { 2704 body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null); 2705 } 2706 /* Work on whole document or just its body */ 2707 if (NAMESPACE === HTML_NAMESPACE) { 2708 return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0]; 2709 } 2710 return WHOLE_DOCUMENT ? doc.documentElement : body; 2711 }; 2712 /** 2713 * Creates a NodeIterator object that you can use to traverse filtered lists of nodes or elements in a document. 2714 * 2715 * @param root The root element or node to start traversing on. 2716 * @return The created NodeIterator 2717 */ 2718 const _createNodeIterator = function _createNodeIterator(root) { 2719 return createNodeIterator.call(root.ownerDocument || root, root, 2720 // eslint-disable-next-line no-bitwise 2721 NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION, null); 2722 }; 2723 /** 2724 * _isClobbered 2725 * 2726 * @param element element to check for clobbering attacks 2727 * @return true if clobbered, false if safe 2728 */ 2729 const _isClobbered = function _isClobbered(element) { 2730 return element instanceof HTMLFormElement && (typeof element.nodeName !== 'string' || typeof element.textContent !== 'string' || typeof element.removeChild !== 'function' || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== 'function' || typeof element.setAttribute !== 'function' || typeof element.namespaceURI !== 'string' || typeof element.insertBefore !== 'function' || typeof element.hasChildNodes !== 'function'); 2731 }; 2732 /** 2733 * Checks whether the given object is a DOM node. 2734 * 2735 * @param value object to check whether it's a DOM node 2736 * @return true is object is a DOM node 2737 */ 2738 const _isNode = function _isNode(value) { 2739 return typeof Node === 'function' && value instanceof Node; 2740 }; 2741 function _executeHooks(hooks, currentNode, data) { 2742 arrayForEach(hooks, hook => { 2743 hook.call(DOMPurify, currentNode, data, CONFIG); 2744 }); 2745 } 2746 /** 2747 * _sanitizeElements 2748 * 2749 * @protect nodeName 2750 * @protect textContent 2751 * @protect removeChild 2752 * @param currentNode to check for permission to exist 2753 * @return true if node was killed, false if left alive 2754 */ 2755 const _sanitizeElements = function _sanitizeElements(currentNode) { 2756 let content = null; 2757 /* Execute a hook if present */ 2758 _executeHooks(hooks.beforeSanitizeElements, currentNode, null); 2759 /* Check if element is clobbered or can clobber */ 2760 if (_isClobbered(currentNode)) { 2761 _forceRemove(currentNode); 2762 return true; 2763 } 2764 /* Now let's check the element's type and name */ 2765 const tagName = transformCaseFunc(currentNode.nodeName); 2766 /* Execute a hook if present */ 2767 _executeHooks(hooks.uponSanitizeElement, currentNode, { 2768 tagName, 2769 allowedTags: ALLOWED_TAGS 2770 }); 2771 /* Detect mXSS attempts abusing namespace confusion */ 2772 if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\w!]/g, currentNode.textContent)) { 2773 _forceRemove(currentNode); 2774 return true; 2775 } 2776 /* Remove risky CSS construction leading to mXSS */ 2777 if (SAFE_FOR_XML && currentNode.namespaceURI === HTML_NAMESPACE && tagName === 'style' && _isNode(currentNode.firstElementChild)) { 2778 _forceRemove(currentNode); 2779 return true; 2780 } 2781 /* Remove any occurrence of processing instructions */ 2782 if (currentNode.nodeType === NODE_TYPE.progressingInstruction) { 2783 _forceRemove(currentNode); 2784 return true; 2785 } 2786 /* Remove any kind of possibly harmful comments */ 2787 if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, currentNode.data)) { 2788 _forceRemove(currentNode); 2789 return true; 2790 } 2791 /* Remove element if anything forbids its presence */ 2792 if (FORBID_TAGS[tagName] || !(EXTRA_ELEMENT_HANDLING.tagCheck instanceof Function && EXTRA_ELEMENT_HANDLING.tagCheck(tagName)) && !ALLOWED_TAGS[tagName]) { 2793 /* Check if we have a custom element to handle */ 2794 if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) { 2795 if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) { 2796 return false; 2797 } 2798 if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) { 2799 return false; 2800 } 2801 } 2802 /* Keep content except for bad-listed elements */ 2803 if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) { 2804 const parentNode = getParentNode(currentNode) || currentNode.parentNode; 2805 const childNodes = getChildNodes(currentNode) || currentNode.childNodes; 2806 if (childNodes && parentNode) { 2807 const childCount = childNodes.length; 2808 for (let i = childCount - 1; i >= 0; --i) { 2809 const childClone = cloneNode(childNodes[i], true); 2810 parentNode.insertBefore(childClone, getNextSibling(currentNode)); 2811 } 2812 } 2813 } 2814 _forceRemove(currentNode); 2815 return true; 2816 } 2817 /* Check whether element has a valid namespace */ 2818 if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) { 2819 _forceRemove(currentNode); 2820 return true; 2821 } 2822 /* Make sure that older browsers don't get fallback-tag mXSS */ 2823 if ((tagName === 'noscript' || tagName === 'noembed' || tagName === 'noframes') && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) { 2824 _forceRemove(currentNode); 2825 return true; 2826 } 2827 /* Sanitize element content to be template-safe */ 2828 if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) { 2829 /* Get the element's text content */ 2830 content = currentNode.textContent; 2831 arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => { 2832 content = stringReplace(content, expr, ' '); 2833 }); 2834 if (currentNode.textContent !== content) { 2835 arrayPush(DOMPurify.removed, { 2836 element: currentNode.cloneNode() 2837 }); 2838 currentNode.textContent = content; 2839 } 2840 } 2841 /* Execute a hook if present */ 2842 _executeHooks(hooks.afterSanitizeElements, currentNode, null); 2843 return false; 2844 }; 2845 /** 2846 * _isValidAttribute 2847 * 2848 * @param lcTag Lowercase tag name of containing element. 2849 * @param lcName Lowercase attribute name. 2850 * @param value Attribute value. 2851 * @return Returns true if `value` is valid, otherwise false. 2852 */ 2853 // eslint-disable-next-line complexity 2854 const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) { 2855 /* FORBID_ATTR must always win, even if ADD_ATTR predicate would allow it */ 2856 if (FORBID_ATTR[lcName]) { 2857 return false; 2858 } 2859 /* Make sure attribute cannot clobber */ 2860 if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) { 2861 return false; 2862 } 2863 const nameIsPermitted = ALLOWED_ATTR[lcName] || EXTRA_ELEMENT_HANDLING.attributeCheck instanceof Function && EXTRA_ELEMENT_HANDLING.attributeCheck(lcName, lcTag); 2864 /* Allow valid data-* attributes: At least one character after "-" 2865 (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes) 2866 XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804) 2867 We don't need to check the value; it's always URI safe. */ 2868 if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ;else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ;else if (!nameIsPermitted || FORBID_ATTR[lcName]) { 2869 if ( 2870 // First condition does a very basic check if a) it's basically a valid custom element tagname AND 2871 // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck 2872 // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck 2873 _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName, lcTag)) || 2874 // Alternative, second condition checks if it's an `is`-attribute, AND 2875 // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck 2876 lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ;else { 2877 return false; 2878 } 2879 /* Check value is safe. First, is attr inert? If so, is safe */ 2880 } else if (URI_SAFE_ATTRIBUTES[lcName]) ;else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ;else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ;else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ;else if (value) { 2881 return false; 2882 } else ; 2883 return true; 2884 }; 2885 /* Names the HTML spec reserves from valid-custom-element-name; these must 2886 * never be treated as basic custom elements even when a permissive 2887 * CUSTOM_ELEMENT_HANDLING.tagNameCheck is configured. */ 2888 const RESERVED_CUSTOM_ELEMENT_NAMES = addToSet({}, ['annotation-xml', 'color-profile', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'missing-glyph']); 2889 /** 2890 * _isBasicCustomElement 2891 * checks if at least one dash is included in tagName, and it's not the first char 2892 * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name 2893 * 2894 * @param tagName name of the tag of the node to sanitize 2895 * @returns Returns true if the tag name meets the basic criteria for a custom element, otherwise false. 2896 */ 2897 const _isBasicCustomElement = function _isBasicCustomElement(tagName) { 2898 return !RESERVED_CUSTOM_ELEMENT_NAMES[stringToLowerCase(tagName)] && regExpTest(CUSTOM_ELEMENT, tagName); 2899 }; 2900 /** 2901 * _sanitizeAttributes 2902 * 2903 * @protect attributes 2904 * @protect nodeName 2905 * @protect removeAttribute 2906 * @protect setAttribute 2907 * 2908 * @param currentNode to sanitize 2909 */ 2910 const _sanitizeAttributes = function _sanitizeAttributes(currentNode) { 2911 /* Execute a hook if present */ 2912 _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null); 2913 const { 2914 attributes 2915 } = currentNode; 2916 /* Check if we have attributes; if not we might have a text node */ 2917 if (!attributes || _isClobbered(currentNode)) { 2918 return; 2919 } 2920 const hookEvent = { 2921 attrName: '', 2922 attrValue: '', 2923 keepAttr: true, 2924 allowedAttributes: ALLOWED_ATTR, 2925 forceKeepAttr: undefined 2926 }; 2927 let l = attributes.length; 2928 /* Go backwards over all attributes; safely remove bad ones */ 2929 while (l--) { 2930 const attr = attributes[l]; 2931 const { 2932 name, 2933 namespaceURI, 2934 value: attrValue 2935 } = attr; 2936 const lcName = transformCaseFunc(name); 2937 const initValue = attrValue; 2938 let value = name === 'value' ? initValue : stringTrim(initValue); 2939 /* Execute a hook if present */ 2940 hookEvent.attrName = lcName; 2941 hookEvent.attrValue = value; 2942 hookEvent.keepAttr = true; 2943 hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set 2944 _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent); 2945 value = hookEvent.attrValue; 2946 /* Full DOM Clobbering protection via namespace isolation, 2947 * Prefix id and name attributes with `user-content-` 2948 */ 2949 if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name') && stringIndexOf(value, SANITIZE_NAMED_PROPS_PREFIX) !== 0) { 2950 // Remove the attribute with this value 2951 _removeAttribute(name, currentNode); 2952 // Prefix the value and later re-create the attribute with the sanitized value 2953 value = SANITIZE_NAMED_PROPS_PREFIX + value; 2954 } 2955 // Else: already prefixed, leave the attribute alone â the prefix is 2956 // itself the clobbering protection, and re-applying it is incorrect. 2957 /* Work around a security issue with comments inside attributes */ 2958 if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|script|title|xmp|textarea|noscript|iframe|noembed|noframes)/i, value)) { 2959 _removeAttribute(name, currentNode); 2960 continue; 2961 } 2962 /* Make sure we cannot easily use animated hrefs, even if animations are allowed */ 2963 if (lcName === 'attributename' && stringMatch(value, 'href')) { 2964 _removeAttribute(name, currentNode); 2965 continue; 2966 } 2967 /* Did the hooks approve of the attribute? */ 2968 if (hookEvent.forceKeepAttr) { 2969 continue; 2970 } 2971 /* Did the hooks approve of the attribute? */ 2972 if (!hookEvent.keepAttr) { 2973 _removeAttribute(name, currentNode); 2974 continue; 2975 } 2976 /* Work around a security issue in jQuery 3.0 */ 2977 if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) { 2978 _removeAttribute(name, currentNode); 2979 continue; 2980 } 2981 /* Sanitize attribute content to be template-safe */ 2982 if (SAFE_FOR_TEMPLATES) { 2983 arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => { 2984 value = stringReplace(value, expr, ' '); 2985 }); 2986 } 2987 /* Is `value` valid for this attribute? */ 2988 const lcTag = transformCaseFunc(currentNode.nodeName); 2989 if (!_isValidAttribute(lcTag, lcName, value)) { 2990 _removeAttribute(name, currentNode); 2991 continue; 2992 } 2993 /* Handle attributes that require Trusted Types */ 2994 if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') { 2995 if (namespaceURI) ;else { 2996 switch (trustedTypes.getAttributeType(lcTag, lcName)) { 2997 case 'TrustedHTML': 2998 { 2999 value = trustedTypesPolicy.createHTML(value); 3000 break; 3001 } 3002 case 'TrustedScriptURL': 3003 { 3004 value = trustedTypesPolicy.createScriptURL(value); 3005 break; 3006 } 3007 } 3008 } 3009 } 3010 /* Handle invalid data-* attribute set by try-catching it */ 3011 if (value !== initValue) { 3012 try { 3013 if (namespaceURI) { 3014 currentNode.setAttributeNS(namespaceURI, name, value); 3015 } else { 3016 /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */ 3017 currentNode.setAttribute(name, value); 3018 } 3019 if (_isClobbered(currentNode)) { 3020 _forceRemove(currentNode); 3021 } else { 3022 arrayPop(DOMPurify.removed); 3023 } 3024 } catch (_) { 3025 _removeAttribute(name, currentNode); 3026 } 3027 } 3028 } 3029 /* Execute a hook if present */ 3030 _executeHooks(hooks.afterSanitizeAttributes, currentNode, null); 3031 }; 3032 /** 3033 * _sanitizeShadowDOM 3034 * 3035 * @param fragment to iterate over recursively 3036 */ 3037 const _sanitizeShadowDOM2 = function _sanitizeShadowDOM(fragment) { 3038 let shadowNode = null; 3039 const shadowIterator = _createNodeIterator(fragment); 3040 /* Execute a hook if present */ 3041 _executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null); 3042 while (shadowNode = shadowIterator.nextNode()) { 3043 /* Execute a hook if present */ 3044 _executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null); 3045 /* Sanitize tags and elements */ 3046 _sanitizeElements(shadowNode); 3047 /* Check attributes next */ 3048 _sanitizeAttributes(shadowNode); 3049 /* Deep shadow DOM detected */ 3050 if (shadowNode.content instanceof DocumentFragment) { 3051 _sanitizeShadowDOM2(shadowNode.content); 3052 } 3053 } 3054 /* Execute a hook if present */ 3055 _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null); 3056 }; 3057 // eslint-disable-next-line complexity 3058 DOMPurify.sanitize = function (dirty) { 3059 let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 3060 let body = null; 3061 let importedNode = null; 3062 let currentNode = null; 3063 let returnNode = null; 3064 /* Make sure we have a string to sanitize. 3065 DO NOT return early, as this will return the wrong type if 3066 the user has requested a DOM object rather than a string */ 3067 IS_EMPTY_INPUT = !dirty; 3068 if (IS_EMPTY_INPUT) { 3069 dirty = '<!-->'; 3070 } 3071 /* Stringify, in case dirty is an object */ 3072 if (typeof dirty !== 'string' && !_isNode(dirty)) { 3073 dirty = stringifyValue(dirty); 3074 if (typeof dirty !== 'string') { 3075 throw typeErrorCreate('dirty is not a string, aborting'); 3076 } 3077 } 3078 /* Return dirty HTML if DOMPurify cannot run */ 3079 if (!DOMPurify.isSupported) { 3080 return dirty; 3081 } 3082 /* Assign config vars */ 3083 if (!SET_CONFIG) { 3084 _parseConfig(cfg); 3085 } 3086 /* Clean up removed elements */ 3087 DOMPurify.removed = []; 3088 /* Check if dirty is correctly typed for IN_PLACE */ 3089 if (typeof dirty === 'string') { 3090 IN_PLACE = false; 3091 } 3092 if (IN_PLACE) { 3093 /* Do some early pre-sanitization to avoid unsafe root nodes */ 3094 const nn = dirty.nodeName; 3095 if (typeof nn === 'string') { 3096 const tagName = transformCaseFunc(nn); 3097 if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) { 3098 throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place'); 3099 } 3100 } 3101 } else if (dirty instanceof Node) { 3102 /* If dirty is a DOM element, append to an empty document to avoid 3103 elements being stripped by the parser */ 3104 body = _initDocument('<!---->'); 3105 importedNode = body.ownerDocument.importNode(dirty, true); 3106 if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === 'BODY') { 3107 /* Node is already a body, use as is */ 3108 body = importedNode; 3109 } else if (importedNode.nodeName === 'HTML') { 3110 body = importedNode; 3111 } else { 3112 // eslint-disable-next-line unicorn/prefer-dom-node-append 3113 body.appendChild(importedNode); 3114 } 3115 } else { 3116 /* Exit directly if we have nothing to do */ 3117 if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT && 3118 // eslint-disable-next-line unicorn/prefer-includes 3119 dirty.indexOf('<') === -1) { 3120 return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty; 3121 } 3122 /* Initialize the document to work on */ 3123 body = _initDocument(dirty); 3124 /* Check we have a DOM node from the data */ 3125 if (!body) { 3126 return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : ''; 3127 } 3128 } 3129 /* Remove first element node (ours) if FORCE_BODY is set */ 3130 if (body && FORCE_BODY) { 3131 _forceRemove(body.firstChild); 3132 } 3133 /* Get node iterator */ 3134 const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body); 3135 /* Now start iterating over the created document */ 3136 while (currentNode = nodeIterator.nextNode()) { 3137 /* Sanitize tags and elements */ 3138 _sanitizeElements(currentNode); 3139 /* Check attributes next */ 3140 _sanitizeAttributes(currentNode); 3141 /* Shadow DOM detected, sanitize it */ 3142 if (currentNode.content instanceof DocumentFragment) { 3143 _sanitizeShadowDOM2(currentNode.content); 3144 } 3145 } 3146 /* If we sanitized `dirty` in-place, return it. */ 3147 if (IN_PLACE) { 3148 return dirty; 3149 } 3150 /* Return sanitized string or DOM */ 3151 if (RETURN_DOM) { 3152 if (SAFE_FOR_TEMPLATES) { 3153 body.normalize(); 3154 let html = body.innerHTML; 3155 arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => { 3156 html = stringReplace(html, expr, ' '); 3157 }); 3158 body.innerHTML = html; 3159 } 3160 if (RETURN_DOM_FRAGMENT) { 3161 returnNode = createDocumentFragment.call(body.ownerDocument); 3162 while (body.firstChild) { 3163 // eslint-disable-next-line unicorn/prefer-dom-node-append 3164 returnNode.appendChild(body.firstChild); 3165 } 3166 } else { 3167 returnNode = body; 3168 } 3169 if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) { 3170 /* 3171 AdoptNode() is not used because internal state is not reset 3172 (e.g. the past names map of a HTMLFormElement), this is safe 3173 in theory but we would rather not risk another attack vector. 3174 The state that is cloned by importNode() is explicitly defined 3175 by the specs. 3176 */ 3177 returnNode = importNode.call(originalDocument, returnNode, true); 3178 } 3179 return returnNode; 3180 } 3181 let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML; 3182 /* Serialize doctype if allowed */ 3183 if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) { 3184 serializedHTML = '<!DOCTYPE ' + body.ownerDocument.doctype.name + '>\n' + serializedHTML; 3185 } 3186 /* Sanitize final string template-safe */ 3187 if (SAFE_FOR_TEMPLATES) { 3188 arrayForEach([MUSTACHE_EXPR, ERB_EXPR, TMPLIT_EXPR], expr => { 3189 serializedHTML = stringReplace(serializedHTML, expr, ' '); 3190 }); 3191 } 3192 return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML; 3193 }; 3194 DOMPurify.setConfig = function () { 3195 let cfg = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; 3196 _parseConfig(cfg); 3197 SET_CONFIG = true; 3198 }; 3199 DOMPurify.clearConfig = function () { 3200 CONFIG = null; 3201 SET_CONFIG = false; 3202 }; 3203 DOMPurify.isValidAttribute = function (tag, attr, value) { 3204 /* Initialize shared config vars if necessary. */ 3205 if (!CONFIG) { 3206 _parseConfig({}); 3207 } 3208 const lcTag = transformCaseFunc(tag); 3209 const lcName = transformCaseFunc(attr); 3210 return _isValidAttribute(lcTag, lcName, value); 3211 }; 3212 DOMPurify.addHook = function (entryPoint, hookFunction) { 3213 if (typeof hookFunction !== 'function') { 3214 return; 3215 } 3216 arrayPush(hooks[entryPoint], hookFunction); 3217 }; 3218 DOMPurify.removeHook = function (entryPoint, hookFunction) { 3219 if (hookFunction !== undefined) { 3220 const index = arrayLastIndexOf(hooks[entryPoint], hookFunction); 3221 return index === -1 ? undefined : arraySplice(hooks[entryPoint], index, 1)[0]; 3222 } 3223 return arrayPop(hooks[entryPoint]); 3224 }; 3225 DOMPurify.removeHooks = function (entryPoint) { 3226 hooks[entryPoint] = []; 3227 }; 3228 DOMPurify.removeAllHooks = function () { 3229 hooks = _createHooksMap(); 3230 }; 3231 return DOMPurify; 3232 } 3233 var purify = createDOMPurify(); 3234 3235 purify.addHook("uponSanitizeAttribute", function (node, data) { 3236 if (data.attrName === "data-trix-serialized-attributes") { 3237 data.keepAttr = false; 3238 return; 3239 } 3240 const allowedAttributePattern = /^data-trix-/; 3241 if (allowedAttributePattern.test(data.attrName)) { 3242 data.forceKeepAttr = true; 3243 } 3244 }); 3245 const DEFAULT_ALLOWED_ATTRIBUTES = "style href src width height language class".split(" "); 3246 const DEFAULT_FORBIDDEN_PROTOCOLS = "javascript:".split(" "); 3247 const DEFAULT_FORBIDDEN_ELEMENTS = "script iframe form noscript".split(" "); 3248 class HTMLSanitizer extends BasicObject { 3249 static setHTML(element, html, options) { 3250 const sanitizedElement = new this(html, options).sanitize(); 3251 const sanitizedHtml = sanitizedElement.getHTML ? sanitizedElement.getHTML() : sanitizedElement.outerHTML; 3252 element.innerHTML = sanitizedHtml; 3253 } 3254 static sanitize(html, options) { 3255 const sanitizer = new this(html, options); 3256 sanitizer.sanitize(); 3257 return sanitizer; 3258 } 3259 constructor(html) { 3260 let { 3261 allowedAttributes, 3262 forbiddenProtocols, 3263 forbiddenElements, 3264 purifyOptions 3265 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 3266 super(...arguments); 3267 this.allowedAttributes = allowedAttributes || DEFAULT_ALLOWED_ATTRIBUTES; 3268 this.forbiddenProtocols = forbiddenProtocols || DEFAULT_FORBIDDEN_PROTOCOLS; 3269 this.forbiddenElements = forbiddenElements || DEFAULT_FORBIDDEN_ELEMENTS; 3270 this.purifyOptions = purifyOptions || {}; 3271 this.body = createBodyElementForHTML(html); 3272 } 3273 sanitize() { 3274 this.sanitizeElements(); 3275 this.normalizeListElementNesting(); 3276 const purifyConfig = Object.assign({}, dompurify, this.purifyOptions); 3277 purify.setConfig(purifyConfig); 3278 this.body = purify.sanitize(this.body); 3279 return this.body; 3280 } 3281 getHTML() { 3282 return this.body.innerHTML; 3283 } 3284 getBody() { 3285 return this.body; 3286 } 3287 3288 // Private 3289 3290 sanitizeElements() { 3291 const walker = walkTree(this.body); 3292 const nodesToRemove = []; 3293 while (walker.nextNode()) { 3294 const node = walker.currentNode; 3295 switch (node.nodeType) { 3296 case Node.ELEMENT_NODE: 3297 if (this.elementIsRemovable(node)) { 3298 nodesToRemove.push(node); 3299 } else { 3300 this.sanitizeElement(node); 3301 } 3302 break; 3303 case Node.COMMENT_NODE: 3304 nodesToRemove.push(node); 3305 break; 3306 } 3307 } 3308 nodesToRemove.forEach(node => removeNode(node)); 3309 return this.body; 3310 } 3311 sanitizeElement(element) { 3312 if (element.hasAttribute("href")) { 3313 if (this.forbiddenProtocols.includes(element.protocol)) { 3314 element.removeAttribute("href"); 3315 } 3316 } 3317 Array.from(element.attributes).forEach(_ref => { 3318 let { 3319 name 3320 } = _ref; 3321 if (!this.allowedAttributes.includes(name) && name.indexOf("data-trix") !== 0) { 3322 element.removeAttribute(name); 3323 } 3324 }); 3325 return element; 3326 } 3327 normalizeListElementNesting() { 3328 Array.from(this.body.querySelectorAll("ul,ol")).forEach(listElement => { 3329 const previousElement = listElement.previousElementSibling; 3330 if (previousElement) { 3331 if (tagName(previousElement) === "li") { 3332 previousElement.appendChild(listElement); 3333 } 3334 } 3335 }); 3336 return this.body; 3337 } 3338 elementIsRemovable(element) { 3339 if ((element === null || element === void 0 ? void 0 : element.nodeType) !== Node.ELEMENT_NODE) return; 3340 return this.elementIsForbidden(element) || this.elementIsntSerializable(element); 3341 } 3342 elementIsForbidden(element) { 3343 return this.forbiddenElements.includes(tagName(element)); 3344 } 3345 elementIsntSerializable(element) { 3346 return element.getAttribute("data-trix-serialize") === "false" && !nodeIsAttachmentElement(element); 3347 } 3348 } 3349 const createBodyElementForHTML = function () { 3350 let html = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ""; 3351 // Remove everything after </html> 3352 html = html.replace(/<\/html[^>]*>[^]*$/i, "</html>"); 3353 const doc = document.implementation.createHTMLDocument(""); 3354 doc.documentElement.innerHTML = html; 3355 Array.from(doc.head.querySelectorAll("style")).forEach(element => { 3356 doc.body.appendChild(element); 3357 }); 3358 return doc.body; 3359 }; 3360 3361 const { 3362 css: css$2 3363 } = config; 3364 class AttachmentView extends ObjectView { 3365 constructor() { 3366 super(...arguments); 3367 this.attachment = this.object; 3368 this.attachment.uploadProgressDelegate = this; 3369 this.attachmentPiece = this.options.piece; 3370 } 3371 createContentNodes() { 3372 return []; 3373 } 3374 createNodes() { 3375 let innerElement; 3376 const figure = innerElement = makeElement({ 3377 tagName: "figure", 3378 className: this.getClassName(), 3379 data: this.getData(), 3380 editable: false 3381 }); 3382 const href = this.getHref(); 3383 if (href) { 3384 innerElement = makeElement({ 3385 tagName: "a", 3386 editable: false, 3387 attributes: { 3388 href, 3389 tabindex: -1 3390 } 3391 }); 3392 figure.appendChild(innerElement); 3393 } 3394 if (this.attachment.hasContent()) { 3395 HTMLSanitizer.setHTML(innerElement, this.attachment.getContent()); 3396 } else { 3397 this.createContentNodes().forEach(node => { 3398 innerElement.appendChild(node); 3399 }); 3400 } 3401 innerElement.appendChild(this.createCaptionElement()); 3402 if (this.attachment.isPending()) { 3403 this.progressElement = makeElement({ 3404 tagName: "progress", 3405 attributes: { 3406 class: css$2.attachmentProgress, 3407 value: this.attachment.getUploadProgress(), 3408 max: 100 3409 }, 3410 data: { 3411 trixMutable: true, 3412 trixStoreKey: ["progressElement", this.attachment.id].join("/") 3413 } 3414 }); 3415 figure.appendChild(this.progressElement); 3416 } 3417 return [createCursorTarget("left"), figure, createCursorTarget("right")]; 3418 } 3419 createCaptionElement() { 3420 const figcaption = makeElement({ 3421 tagName: "figcaption", 3422 className: css$2.attachmentCaption 3423 }); 3424 const caption = this.attachmentPiece.getCaption(); 3425 if (caption) { 3426 figcaption.classList.add("".concat(css$2.attachmentCaption, "--edited")); 3427 figcaption.textContent = caption; 3428 } else { 3429 let name, size; 3430 const captionConfig = this.getCaptionConfig(); 3431 if (captionConfig.name) { 3432 name = this.attachment.getFilename(); 3433 } 3434 if (captionConfig.size) { 3435 size = this.attachment.getFormattedFilesize(); 3436 } 3437 if (name) { 3438 const nameElement = makeElement({ 3439 tagName: "span", 3440 className: css$2.attachmentName, 3441 textContent: name 3442 }); 3443 figcaption.appendChild(nameElement); 3444 } 3445 if (size) { 3446 if (name) { 3447 figcaption.appendChild(document.createTextNode(" ")); 3448 } 3449 const sizeElement = makeElement({ 3450 tagName: "span", 3451 className: css$2.attachmentSize, 3452 textContent: size 3453 }); 3454 figcaption.appendChild(sizeElement); 3455 } 3456 } 3457 return figcaption; 3458 } 3459 getClassName() { 3460 const names = [css$2.attachment, "".concat(css$2.attachment, "--").concat(this.attachment.getType())]; 3461 const extension = this.attachment.getExtension(); 3462 if (extension) { 3463 names.push("".concat(css$2.attachment, "--").concat(extension)); 3464 } 3465 return names.join(" "); 3466 } 3467 getData() { 3468 const data = { 3469 trixAttachment: JSON.stringify(this.attachment), 3470 trixContentType: this.attachment.getContentType(), 3471 trixId: this.attachment.id 3472 }; 3473 const { 3474 attributes 3475 } = this.attachmentPiece; 3476 if (!attributes.isEmpty()) { 3477 data.trixAttributes = JSON.stringify(attributes); 3478 } 3479 if (this.attachment.isPending()) { 3480 data.trixSerialize = false; 3481 } 3482 return data; 3483 } 3484 getHref() { 3485 if (!htmlContainsTagName(this.attachment.getContent(), "a")) { 3486 const href = this.attachment.getHref(); 3487 if (href && purify.isValidAttribute("a", "href", href)) { 3488 return href; 3489 } 3490 } 3491 } 3492 getCaptionConfig() { 3493 var _config$attachments$t; 3494 const type = this.attachment.getType(); 3495 const captionConfig = copyObject((_config$attachments$t = attachments[type]) === null || _config$attachments$t === void 0 ? void 0 : _config$attachments$t.caption); 3496 if (type === "file") { 3497 captionConfig.name = true; 3498 } 3499 return captionConfig; 3500 } 3501 findProgressElement() { 3502 var _this$findElement; 3503 return (_this$findElement = this.findElement()) === null || _this$findElement === void 0 ? void 0 : _this$findElement.querySelector("progress"); 3504 } 3505 3506 // Attachment delegate 3507 3508 attachmentDidChangeUploadProgress() { 3509 const value = this.attachment.getUploadProgress(); 3510 const progressElement = this.findProgressElement(); 3511 if (progressElement) { 3512 progressElement.value = value; 3513 } 3514 } 3515 } 3516 const createCursorTarget = name => makeElement({ 3517 tagName: "span", 3518 textContent: ZERO_WIDTH_SPACE, 3519 data: { 3520 trixCursorTarget: name, 3521 trixSerialize: false 3522 } 3523 }); 3524 const htmlContainsTagName = function (html, tagName) { 3525 const div = makeElement("div"); 3526 HTMLSanitizer.setHTML(div, html || ""); 3527 return div.querySelector(tagName); 3528 }; 3529 3530 class PreviewableAttachmentView extends AttachmentView { 3531 constructor() { 3532 super(...arguments); 3533 this.attachment.previewDelegate = this; 3534 } 3535 createContentNodes() { 3536 this.image = makeElement({ 3537 tagName: "img", 3538 attributes: { 3539 src: "" 3540 }, 3541 data: { 3542 trixMutable: true 3543 } 3544 }); 3545 this.refresh(this.image); 3546 return [this.image]; 3547 } 3548 createCaptionElement() { 3549 const figcaption = super.createCaptionElement(...arguments); 3550 if (!figcaption.textContent) { 3551 figcaption.setAttribute("data-trix-placeholder", lang$1.captionPlaceholder); 3552 } 3553 return figcaption; 3554 } 3555 refresh(image) { 3556 if (!image) { 3557 var _this$findElement; 3558 image = (_this$findElement = this.findElement()) === null || _this$findElement === void 0 ? void 0 : _this$findElement.querySelector("img"); 3559 } 3560 if (image) { 3561 return this.updateAttributesForImage(image); 3562 } 3563 } 3564 updateAttributesForImage(image) { 3565 const url = this.attachment.getURL(); 3566 const previewURL = this.attachment.getPreviewURL(); 3567 image.src = previewURL || url; 3568 if (previewURL === url) { 3569 image.removeAttribute("data-trix-serialized-attributes"); 3570 } else { 3571 const serializedAttributes = JSON.stringify({ 3572 src: url 3573 }); 3574 image.setAttribute("data-trix-serialized-attributes", serializedAttributes); 3575 } 3576 const width = this.attachment.getWidth(); 3577 const height = this.attachment.getHeight(); 3578 const alt = this.attachment.getAttribute("alt"); 3579 if (width != null) { 3580 image.width = width; 3581 } 3582 if (height != null) { 3583 image.height = height; 3584 } 3585 if (alt != null) { 3586 image.alt = alt; 3587 } 3588 const storeKey = ["imageElement", this.attachment.id, image.src, image.width, image.height].join("/"); 3589 image.dataset.trixStoreKey = storeKey; 3590 } 3591 3592 // Attachment delegate 3593 3594 attachmentDidChangeAttributes() { 3595 this.refresh(this.image); 3596 return this.refresh(); 3597 } 3598 } 3599 3600 /* eslint-disable 3601 no-useless-escape, 3602 no-var, 3603 */ 3604 class PieceView extends ObjectView { 3605 constructor() { 3606 super(...arguments); 3607 this.piece = this.object; 3608 this.attributes = this.piece.getAttributes(); 3609 this.textConfig = this.options.textConfig; 3610 this.context = this.options.context; 3611 if (this.piece.attachment) { 3612 this.attachment = this.piece.attachment; 3613 } else { 3614 this.string = this.piece.toString(); 3615 } 3616 } 3617 createNodes() { 3618 let nodes = this.attachment ? this.createAttachmentNodes() : this.createStringNodes(); 3619 const element = this.createElement(); 3620 if (element) { 3621 const innerElement = findInnerElement(element); 3622 Array.from(nodes).forEach(node => { 3623 innerElement.appendChild(node); 3624 }); 3625 nodes = [element]; 3626 } 3627 return nodes; 3628 } 3629 createAttachmentNodes() { 3630 const constructor = this.attachment.isPreviewable() ? PreviewableAttachmentView : AttachmentView; 3631 const view = this.createChildView(constructor, this.piece.attachment, { 3632 piece: this.piece 3633 }); 3634 return view.getNodes(); 3635 } 3636 createStringNodes() { 3637 var _this$textConfig; 3638 if ((_this$textConfig = this.textConfig) !== null && _this$textConfig !== void 0 && _this$textConfig.plaintext) { 3639 return [document.createTextNode(this.string)]; 3640 } else { 3641 const nodes = []; 3642 const iterable = this.string.split("\n"); 3643 for (let index = 0; index < iterable.length; index++) { 3644 const substring = iterable[index]; 3645 if (index > 0) { 3646 const element = makeElement("br"); 3647 nodes.push(element); 3648 } 3649 if (substring.length) { 3650 const node = document.createTextNode(this.preserveSpaces(substring)); 3651 nodes.push(node); 3652 } 3653 } 3654 return nodes; 3655 } 3656 } 3657 createElement() { 3658 let element, key, value; 3659 const styles = {}; 3660 for (key in this.attributes) { 3661 value = this.attributes[key]; 3662 const config = getTextConfig(key); 3663 if (config) { 3664 if (config.tagName) { 3665 var innerElement; 3666 const pendingElement = makeElement(config.tagName); 3667 if (innerElement) { 3668 innerElement.appendChild(pendingElement); 3669 innerElement = pendingElement; 3670 } else { 3671 element = innerElement = pendingElement; 3672 } 3673 } 3674 if (config.styleProperty) { 3675 styles[config.styleProperty] = value; 3676 } 3677 if (config.style) { 3678 for (key in config.style) { 3679 value = config.style[key]; 3680 styles[key] = value; 3681 } 3682 } 3683 } 3684 } 3685 if (Object.keys(styles).length) { 3686 if (!element) { 3687 element = makeElement("span"); 3688 } 3689 for (key in styles) { 3690 value = styles[key]; 3691 element.style[key] = value; 3692 } 3693 } 3694 return element; 3695 } 3696 createContainerElement() { 3697 for (const key in this.attributes) { 3698 const value = this.attributes[key]; 3699 const config = getTextConfig(key); 3700 if (config) { 3701 if (config.groupTagName) { 3702 const attributes = {}; 3703 attributes[key] = value; 3704 return makeElement(config.groupTagName, attributes); 3705 } 3706 } 3707 } 3708 } 3709 preserveSpaces(string) { 3710 if (this.context.isLast) { 3711 string = string.replace(/\ $/, NON_BREAKING_SPACE); 3712 } 3713 string = string.replace(/(\S)\ {3}(\S)/g, "$1 ".concat(NON_BREAKING_SPACE, " $2")).replace(/\ {2}/g, "".concat(NON_BREAKING_SPACE, " ")).replace(/\ {2}/g, " ".concat(NON_BREAKING_SPACE)); 3714 if (this.context.isFirst || this.context.followsWhitespace) { 3715 string = string.replace(/^\ /, NON_BREAKING_SPACE); 3716 } 3717 return string; 3718 } 3719 } 3720 3721 /* eslint-disable 3722 no-var, 3723 */ 3724 class TextView extends ObjectView { 3725 constructor() { 3726 super(...arguments); 3727 this.text = this.object; 3728 this.textConfig = this.options.textConfig; 3729 } 3730 createNodes() { 3731 const nodes = []; 3732 const pieces = ObjectGroup.groupObjects(this.getPieces()); 3733 const lastIndex = pieces.length - 1; 3734 for (let index = 0; index < pieces.length; index++) { 3735 const piece = pieces[index]; 3736 const context = {}; 3737 if (index === 0) { 3738 context.isFirst = true; 3739 } 3740 if (index === lastIndex) { 3741 context.isLast = true; 3742 } 3743 if (endsWithWhitespace(previousPiece)) { 3744 context.followsWhitespace = true; 3745 } 3746 const view = this.findOrCreateCachedChildView(PieceView, piece, { 3747 textConfig: this.textConfig, 3748 context 3749 }); 3750 nodes.push(...Array.from(view.getNodes() || [])); 3751 var previousPiece = piece; 3752 } 3753 return nodes; 3754 } 3755 getPieces() { 3756 return Array.from(this.text.getPieces()).filter(piece => !piece.hasAttribute("blockBreak")); 3757 } 3758 } 3759 const endsWithWhitespace = piece => /\s$/.test(piece === null || piece === void 0 ? void 0 : piece.toString()); 3760 3761 const { 3762 css: css$1 3763 } = config; 3764 class BlockView extends ObjectView { 3765 constructor() { 3766 super(...arguments); 3767 this.block = this.object; 3768 this.attributes = this.block.getAttributes(); 3769 } 3770 createNodes() { 3771 const comment = document.createComment("block"); 3772 const nodes = [comment]; 3773 if (this.block.isEmpty()) { 3774 nodes.push(makeElement("br")); 3775 } else { 3776 var _getBlockConfig; 3777 const textConfig = (_getBlockConfig = getBlockConfig(this.block.getLastAttribute())) === null || _getBlockConfig === void 0 ? void 0 : _getBlockConfig.text; 3778 const textView = this.findOrCreateCachedChildView(TextView, this.block.text, { 3779 textConfig 3780 }); 3781 nodes.push(...Array.from(textView.getNodes() || [])); 3782 if (this.shouldAddExtraNewlineElement()) { 3783 nodes.push(makeElement("br")); 3784 } 3785 } 3786 if (this.attributes.length) { 3787 return nodes; 3788 } else { 3789 let attributes$1; 3790 const { 3791 tagName 3792 } = attributes.default; 3793 if (this.block.isRTL()) { 3794 attributes$1 = { 3795 dir: "rtl" 3796 }; 3797 } 3798 const element = makeElement({ 3799 tagName, 3800 attributes: attributes$1 3801 }); 3802 nodes.forEach(node => element.appendChild(node)); 3803 return [element]; 3804 } 3805 } 3806 createContainerElement(depth) { 3807 const attributes = {}; 3808 let className; 3809 const attributeName = this.attributes[depth]; 3810 const { 3811 tagName, 3812 htmlAttributes = [] 3813 } = getBlockConfig(attributeName); 3814 if (depth === 0 && this.block.isRTL()) { 3815 Object.assign(attributes, { 3816 dir: "rtl" 3817 }); 3818 } 3819 if (attributeName === "attachmentGallery") { 3820 const size = this.block.getBlockBreakPosition(); 3821 className = "".concat(css$1.attachmentGallery, " ").concat(css$1.attachmentGallery, "--").concat(size); 3822 } 3823 Object.entries(this.block.htmlAttributes).forEach(_ref => { 3824 let [name, value] = _ref; 3825 if (htmlAttributes.includes(name)) { 3826 attributes[name] = value; 3827 } 3828 }); 3829 return makeElement({ 3830 tagName, 3831 className, 3832 attributes 3833 }); 3834 } 3835 3836 // A single <br> at the end of a block element has no visual representation 3837 // so add an extra one. 3838 shouldAddExtraNewlineElement() { 3839 return /\n\n$/.test(this.block.toString()); 3840 } 3841 } 3842 3843 class DocumentView extends ObjectView { 3844 static render(document) { 3845 const element = makeElement("div"); 3846 const view = new this(document, { 3847 element 3848 }); 3849 view.render(); 3850 view.sync(); 3851 return element; 3852 } 3853 constructor() { 3854 super(...arguments); 3855 this.element = this.options.element; 3856 this.elementStore = new ElementStore(); 3857 this.setDocument(this.object); 3858 } 3859 setDocument(document) { 3860 if (!document.isEqualTo(this.document)) { 3861 this.document = this.object = document; 3862 } 3863 } 3864 render() { 3865 this.childViews = []; 3866 this.shadowElement = makeElement("div"); 3867 if (!this.document.isEmpty()) { 3868 const objects = ObjectGroup.groupObjects(this.document.getBlocks(), { 3869 asTree: true 3870 }); 3871 Array.from(objects).forEach(object => { 3872 const view = this.findOrCreateCachedChildView(BlockView, object); 3873 Array.from(view.getNodes()).map(node => this.shadowElement.appendChild(node)); 3874 }); 3875 } 3876 } 3877 isSynced() { 3878 return elementsHaveEqualHTML(this.shadowElement, this.element); 3879 } 3880 sync() { 3881 const render = (element, documentFragment) => { 3882 while (element.lastChild) { 3883 element.removeChild(element.lastChild); 3884 } 3885 element.appendChild(documentFragment); 3886 }; 3887 const event = createEvent("trix-before-render", { 3888 cancelable: false, 3889 attributes: { 3890 render 3891 } 3892 }); 3893 this.element.dispatchEvent(event); 3894 const fragment = this.createDocumentFragmentForSync(); 3895 event.render(this.element, fragment); 3896 return this.didSync(); 3897 } 3898 3899 // Private 3900 3901 didSync() { 3902 this.elementStore.reset(findStoredElements(this.element)); 3903 return defer(() => this.garbageCollectCachedViews()); 3904 } 3905 createDocumentFragmentForSync() { 3906 const fragment = document.createDocumentFragment(); 3907 Array.from(this.shadowElement.childNodes).forEach(node => { 3908 fragment.appendChild(node.cloneNode(true)); 3909 }); 3910 Array.from(findStoredElements(fragment)).forEach(element => { 3911 const storedElement = this.elementStore.remove(element); 3912 if (storedElement) { 3913 element.parentNode.replaceChild(storedElement, element); 3914 } 3915 }); 3916 return fragment; 3917 } 3918 } 3919 const findStoredElements = element => element.querySelectorAll("[data-trix-store-key]"); 3920 const elementsHaveEqualHTML = (element, otherElement) => ignoreSpaces(element.innerHTML) === ignoreSpaces(otherElement.innerHTML); 3921 const ignoreSpaces = html => html.replace(/ /g, " "); 3922 3923 function _AsyncGenerator(e) { 3924 var r, t; 3925 function resume(r, t) { 3926 try { 3927 var n = e[r](t), 3928 o = n.value, 3929 u = o instanceof _OverloadYield; 3930 Promise.resolve(u ? o.v : o).then(function (t) { 3931 if (u) { 3932 var i = "return" === r ? "return" : "next"; 3933 if (!o.k || t.done) return resume(i, t); 3934 t = e[i](t).value; 3935 } 3936 settle(n.done ? "return" : "normal", t); 3937 }, function (e) { 3938 resume("throw", e); 3939 }); 3940 } catch (e) { 3941 settle("throw", e); 3942 } 3943 } 3944 function settle(e, n) { 3945 switch (e) { 3946 case "return": 3947 r.resolve({ 3948 value: n, 3949 done: !0 3950 }); 3951 break; 3952 case "throw": 3953 r.reject(n); 3954 break; 3955 default: 3956 r.resolve({ 3957 value: n, 3958 done: !1 3959 }); 3960 } 3961 (r = r.next) ? resume(r.key, r.arg) : t = null; 3962 } 3963 this._invoke = function (e, n) { 3964 return new Promise(function (o, u) { 3965 var i = { 3966 key: e, 3967 arg: n, 3968 resolve: o, 3969 reject: u, 3970 next: null 3971 }; 3972 t ? t = t.next = i : (r = t = i, resume(e, n)); 3973 }); 3974 }, "function" != typeof e.return && (this.return = void 0); 3975 } 3976 _AsyncGenerator.prototype["function" == typeof Symbol && Symbol.asyncIterator || "@@asyncIterator"] = function () { 3977 return this; 3978 }, _AsyncGenerator.prototype.next = function (e) { 3979 return this._invoke("next", e); 3980 }, _AsyncGenerator.prototype.throw = function (e) { 3981 return this._invoke("throw", e); 3982 }, _AsyncGenerator.prototype.return = function (e) { 3983 return this._invoke("return", e); 3984 }; 3985 function _OverloadYield(t, e) { 3986 this.v = t, this.k = e; 3987 } 3988 function old_createMetadataMethodsForProperty(e, t, a, r) { 3989 return { 3990 getMetadata: function (o) { 3991 old_assertNotFinished(r, "getMetadata"), old_assertMetadataKey(o); 3992 var i = e[o]; 3993 if (void 0 !== i) if (1 === t) { 3994 var n = i.public; 3995 if (void 0 !== n) return n[a]; 3996 } else if (2 === t) { 3997 var l = i.private; 3998 if (void 0 !== l) return l.get(a); 3999 } else if (Object.hasOwnProperty.call(i, "constructor")) return i.constructor; 4000 }, 4001 setMetadata: function (o, i) { 4002 old_assertNotFinished(r, "setMetadata"), old_assertMetadataKey(o); 4003 var n = e[o]; 4004 if (void 0 === n && (n = e[o] = {}), 1 === t) { 4005 var l = n.public; 4006 void 0 === l && (l = n.public = {}), l[a] = i; 4007 } else if (2 === t) { 4008 var s = n.priv; 4009 void 0 === s && (s = n.private = new Map()), s.set(a, i); 4010 } else n.constructor = i; 4011 } 4012 }; 4013 } 4014 function old_convertMetadataMapToFinal(e, t) { 4015 var a = e[Symbol.metadata || Symbol.for("Symbol.metadata")], 4016 r = Object.getOwnPropertySymbols(t); 4017 if (0 !== r.length) { 4018 for (var o = 0; o < r.length; o++) { 4019 var i = r[o], 4020 n = t[i], 4021 l = a ? a[i] : null, 4022 s = n.public, 4023 c = l ? l.public : null; 4024 s && c && Object.setPrototypeOf(s, c); 4025 var d = n.private; 4026 if (d) { 4027 var u = Array.from(d.values()), 4028 f = l ? l.private : null; 4029 f && (u = u.concat(f)), n.private = u; 4030 } 4031 l && Object.setPrototypeOf(n, l); 4032 } 4033 a && Object.setPrototypeOf(t, a), e[Symbol.metadata || Symbol.for("Symbol.metadata")] = t; 4034 } 4035 } 4036 function old_createAddInitializerMethod(e, t) { 4037 return function (a) { 4038 old_assertNotFinished(t, "addInitializer"), old_assertCallable(a, "An initializer"), e.push(a); 4039 }; 4040 } 4041 function old_memberDec(e, t, a, r, o, i, n, l, s) { 4042 var c; 4043 switch (i) { 4044 case 1: 4045 c = "accessor"; 4046 break; 4047 case 2: 4048 c = "method"; 4049 break; 4050 case 3: 4051 c = "getter"; 4052 break; 4053 case 4: 4054 c = "setter"; 4055 break; 4056 default: 4057 c = "field"; 4058 } 4059 var d, 4060 u, 4061 f = { 4062 kind: c, 4063 name: l ? "#" + t : _toPropertyKey(t), 4064 isStatic: n, 4065 isPrivate: l 4066 }, 4067 p = { 4068 v: !1 4069 }; 4070 if (0 !== i && (f.addInitializer = old_createAddInitializerMethod(o, p)), l) { 4071 d = 2, u = Symbol(t); 4072 var v = {}; 4073 0 === i ? (v.get = a.get, v.set = a.set) : 2 === i ? v.get = function () { 4074 return a.value; 4075 } : (1 !== i && 3 !== i || (v.get = function () { 4076 return a.get.call(this); 4077 }), 1 !== i && 4 !== i || (v.set = function (e) { 4078 a.set.call(this, e); 4079 })), f.access = v; 4080 } else d = 1, u = t; 4081 try { 4082 return e(s, Object.assign(f, old_createMetadataMethodsForProperty(r, d, u, p))); 4083 } finally { 4084 p.v = !0; 4085 } 4086 } 4087 function old_assertNotFinished(e, t) { 4088 if (e.v) throw new Error("attempted to call " + t + " after decoration was finished"); 4089 } 4090 function old_assertMetadataKey(e) { 4091 if ("symbol" != typeof e) throw new TypeError("Metadata keys must be symbols, received: " + e); 4092 } 4093 function old_assertCallable(e, t) { 4094 if ("function" != typeof e) throw new TypeError(t + " must be a function"); 4095 } 4096 function old_assertValidReturnValue(e, t) { 4097 var a = typeof t; 4098 if (1 === e) { 4099 if ("object" !== a || null === t) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0"); 4100 void 0 !== t.get && old_assertCallable(t.get, "accessor.get"), void 0 !== t.set && old_assertCallable(t.set, "accessor.set"), void 0 !== t.init && old_assertCallable(t.init, "accessor.init"), void 0 !== t.initializer && old_assertCallable(t.initializer, "accessor.initializer"); 4101 } else if ("function" !== a) throw new TypeError((0 === e ? "field" : 10 === e ? "class" : "method") + " decorators must return a function or void 0"); 4102 } 4103 function old_getInit(e) { 4104 var t; 4105 return null == (t = e.init) && (t = e.initializer) && "undefined" != typeof console && console.warn(".initializer has been renamed to .init as of March 2022"), t; 4106 } 4107 function old_applyMemberDec(e, t, a, r, o, i, n, l, s) { 4108 var c, 4109 d, 4110 u, 4111 f, 4112 p, 4113 v, 4114 y, 4115 h = a[0]; 4116 if (n ? (0 === o || 1 === o ? (c = { 4117 get: a[3], 4118 set: a[4] 4119 }, u = "get") : 3 === o ? (c = { 4120 get: a[3] 4121 }, u = "get") : 4 === o ? (c = { 4122 set: a[3] 4123 }, u = "set") : c = { 4124 value: a[3] 4125 }, 0 !== o && (1 === o && _setFunctionName(a[4], "#" + r, "set"), _setFunctionName(a[3], "#" + r, u))) : 0 !== o && (c = Object.getOwnPropertyDescriptor(t, r)), 1 === o ? f = { 4126 get: c.get, 4127 set: c.set 4128 } : 2 === o ? f = c.value : 3 === o ? f = c.get : 4 === o && (f = c.set), "function" == typeof h) void 0 !== (p = old_memberDec(h, r, c, l, s, o, i, n, f)) && (old_assertValidReturnValue(o, p), 0 === o ? d = p : 1 === o ? (d = old_getInit(p), v = p.get || f.get, y = p.set || f.set, f = { 4129 get: v, 4130 set: y 4131 }) : f = p);else for (var m = h.length - 1; m >= 0; m--) { 4132 var b; 4133 void 0 !== (p = old_memberDec(h[m], r, c, l, s, o, i, n, f)) && (old_assertValidReturnValue(o, p), 0 === o ? b = p : 1 === o ? (b = old_getInit(p), v = p.get || f.get, y = p.set || f.set, f = { 4134 get: v, 4135 set: y 4136 }) : f = p, void 0 !== b && (void 0 === d ? d = b : "function" == typeof d ? d = [d, b] : d.push(b))); 4137 } 4138 if (0 === o || 1 === o) { 4139 if (void 0 === d) d = function (e, t) { 4140 return t; 4141 };else if ("function" != typeof d) { 4142 var g = d; 4143 d = function (e, t) { 4144 for (var a = t, r = 0; r < g.length; r++) a = g[r].call(e, a); 4145 return a; 4146 }; 4147 } else { 4148 var _ = d; 4149 d = function (e, t) { 4150 return _.call(e, t); 4151 }; 4152 } 4153 e.push(d); 4154 } 4155 0 !== o && (1 === o ? (c.get = f.get, c.set = f.set) : 2 === o ? c.value = f : 3 === o ? c.get = f : 4 === o && (c.set = f), n ? 1 === o ? (e.push(function (e, t) { 4156 return f.get.call(e, t); 4157 }), e.push(function (e, t) { 4158 return f.set.call(e, t); 4159 })) : 2 === o ? e.push(f) : e.push(function (e, t) { 4160 return f.call(e, t); 4161 }) : Object.defineProperty(t, r, c)); 4162 } 4163 function old_applyMemberDecs(e, t, a, r, o) { 4164 for (var i, n, l = new Map(), s = new Map(), c = 0; c < o.length; c++) { 4165 var d = o[c]; 4166 if (Array.isArray(d)) { 4167 var u, 4168 f, 4169 p, 4170 v = d[1], 4171 y = d[2], 4172 h = d.length > 3, 4173 m = v >= 5; 4174 if (m ? (u = t, f = r, 0 != (v -= 5) && (p = n = n || [])) : (u = t.prototype, f = a, 0 !== v && (p = i = i || [])), 0 !== v && !h) { 4175 var b = m ? s : l, 4176 g = b.get(y) || 0; 4177 if (!0 === g || 3 === g && 4 !== v || 4 === g && 3 !== v) throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + y); 4178 !g && v > 2 ? b.set(y, v) : b.set(y, !0); 4179 } 4180 old_applyMemberDec(e, u, d, y, v, m, h, f, p); 4181 } 4182 } 4183 old_pushInitializers(e, i), old_pushInitializers(e, n); 4184 } 4185 function old_pushInitializers(e, t) { 4186 t && e.push(function (e) { 4187 for (var a = 0; a < t.length; a++) t[a].call(e); 4188 return e; 4189 }); 4190 } 4191 function old_applyClassDecs(e, t, a, r) { 4192 if (r.length > 0) { 4193 for (var o = [], i = t, n = t.name, l = r.length - 1; l >= 0; l--) { 4194 var s = { 4195 v: !1 4196 }; 4197 try { 4198 var c = Object.assign({ 4199 kind: "class", 4200 name: n, 4201 addInitializer: old_createAddInitializerMethod(o, s) 4202 }, old_createMetadataMethodsForProperty(a, 0, n, s)), 4203 d = r[l](i, c); 4204 } finally { 4205 s.v = !0; 4206 } 4207 void 0 !== d && (old_assertValidReturnValue(10, d), i = d); 4208 } 4209 e.push(i, function () { 4210 for (var e = 0; e < o.length; e++) o[e].call(i); 4211 }); 4212 } 4213 } 4214 function _applyDecs(e, t, a) { 4215 var r = [], 4216 o = {}, 4217 i = {}; 4218 return old_applyMemberDecs(r, e, i, o, t), old_convertMetadataMapToFinal(e.prototype, i), old_applyClassDecs(r, e, o, a), old_convertMetadataMapToFinal(e, o), r; 4219 } 4220 function applyDecs2203Factory() { 4221 function createAddInitializerMethod(e, t) { 4222 return function (r) { 4223 !function (e, t) { 4224 if (e.v) throw new Error("attempted to call addInitializer after decoration was finished"); 4225 }(t), assertCallable(r, "An initializer"), e.push(r); 4226 }; 4227 } 4228 function memberDec(e, t, r, a, n, i, s, o) { 4229 var c; 4230 switch (n) { 4231 case 1: 4232 c = "accessor"; 4233 break; 4234 case 2: 4235 c = "method"; 4236 break; 4237 case 3: 4238 c = "getter"; 4239 break; 4240 case 4: 4241 c = "setter"; 4242 break; 4243 default: 4244 c = "field"; 4245 } 4246 var l, 4247 u, 4248 f = { 4249 kind: c, 4250 name: s ? "#" + t : t, 4251 static: i, 4252 private: s 4253 }, 4254 p = { 4255 v: !1 4256 }; 4257 0 !== n && (f.addInitializer = createAddInitializerMethod(a, p)), 0 === n ? s ? (l = r.get, u = r.set) : (l = function () { 4258 return this[t]; 4259 }, u = function (e) { 4260 this[t] = e; 4261 }) : 2 === n ? l = function () { 4262 return r.value; 4263 } : (1 !== n && 3 !== n || (l = function () { 4264 return r.get.call(this); 4265 }), 1 !== n && 4 !== n || (u = function (e) { 4266 r.set.call(this, e); 4267 })), f.access = l && u ? { 4268 get: l, 4269 set: u 4270 } : l ? { 4271 get: l 4272 } : { 4273 set: u 4274 }; 4275 try { 4276 return e(o, f); 4277 } finally { 4278 p.v = !0; 4279 } 4280 } 4281 function assertCallable(e, t) { 4282 if ("function" != typeof e) throw new TypeError(t + " must be a function"); 4283 } 4284 function assertValidReturnValue(e, t) { 4285 var r = typeof t; 4286 if (1 === e) { 4287 if ("object" !== r || null === t) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0"); 4288 void 0 !== t.get && assertCallable(t.get, "accessor.get"), void 0 !== t.set && assertCallable(t.set, "accessor.set"), void 0 !== t.init && assertCallable(t.init, "accessor.init"); 4289 } else if ("function" !== r) throw new TypeError((0 === e ? "field" : 10 === e ? "class" : "method") + " decorators must return a function or void 0"); 4290 } 4291 function applyMemberDec(e, t, r, a, n, i, s, o) { 4292 var c, 4293 l, 4294 u, 4295 f, 4296 p, 4297 d, 4298 h = r[0]; 4299 if (s ? c = 0 === n || 1 === n ? { 4300 get: r[3], 4301 set: r[4] 4302 } : 3 === n ? { 4303 get: r[3] 4304 } : 4 === n ? { 4305 set: r[3] 4306 } : { 4307 value: r[3] 4308 } : 0 !== n && (c = Object.getOwnPropertyDescriptor(t, a)), 1 === n ? u = { 4309 get: c.get, 4310 set: c.set 4311 } : 2 === n ? u = c.value : 3 === n ? u = c.get : 4 === n && (u = c.set), "function" == typeof h) void 0 !== (f = memberDec(h, a, c, o, n, i, s, u)) && (assertValidReturnValue(n, f), 0 === n ? l = f : 1 === n ? (l = f.init, p = f.get || u.get, d = f.set || u.set, u = { 4312 get: p, 4313 set: d 4314 }) : u = f);else for (var v = h.length - 1; v >= 0; v--) { 4315 var g; 4316 void 0 !== (f = memberDec(h[v], a, c, o, n, i, s, u)) && (assertValidReturnValue(n, f), 0 === n ? g = f : 1 === n ? (g = f.init, p = f.get || u.get, d = f.set || u.set, u = { 4317 get: p, 4318 set: d 4319 }) : u = f, void 0 !== g && (void 0 === l ? l = g : "function" == typeof l ? l = [l, g] : l.push(g))); 4320 } 4321 if (0 === n || 1 === n) { 4322 if (void 0 === l) l = function (e, t) { 4323 return t; 4324 };else if ("function" != typeof l) { 4325 var y = l; 4326 l = function (e, t) { 4327 for (var r = t, a = 0; a < y.length; a++) r = y[a].call(e, r); 4328 return r; 4329 }; 4330 } else { 4331 var m = l; 4332 l = function (e, t) { 4333 return m.call(e, t); 4334 }; 4335 } 4336 e.push(l); 4337 } 4338 0 !== n && (1 === n ? (c.get = u.get, c.set = u.set) : 2 === n ? c.value = u : 3 === n ? c.get = u : 4 === n && (c.set = u), s ? 1 === n ? (e.push(function (e, t) { 4339 return u.get.call(e, t); 4340 }), e.push(function (e, t) { 4341 return u.set.call(e, t); 4342 })) : 2 === n ? e.push(u) : e.push(function (e, t) { 4343 return u.call(e, t); 4344 }) : Object.defineProperty(t, a, c)); 4345 } 4346 function pushInitializers(e, t) { 4347 t && e.push(function (e) { 4348 for (var r = 0; r < t.length; r++) t[r].call(e); 4349 return e; 4350 }); 4351 } 4352 return function (e, t, r) { 4353 var a = []; 4354 return function (e, t, r) { 4355 for (var a, n, i = new Map(), s = new Map(), o = 0; o < r.length; o++) { 4356 var c = r[o]; 4357 if (Array.isArray(c)) { 4358 var l, 4359 u, 4360 f = c[1], 4361 p = c[2], 4362 d = c.length > 3, 4363 h = f >= 5; 4364 if (h ? (l = t, 0 != (f -= 5) && (u = n = n || [])) : (l = t.prototype, 0 !== f && (u = a = a || [])), 0 !== f && !d) { 4365 var v = h ? s : i, 4366 g = v.get(p) || 0; 4367 if (!0 === g || 3 === g && 4 !== f || 4 === g && 3 !== f) throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + p); 4368 !g && f > 2 ? v.set(p, f) : v.set(p, !0); 4369 } 4370 applyMemberDec(e, l, c, p, f, h, d, u); 4371 } 4372 } 4373 pushInitializers(e, a), pushInitializers(e, n); 4374 }(a, e, t), function (e, t, r) { 4375 if (r.length > 0) { 4376 for (var a = [], n = t, i = t.name, s = r.length - 1; s >= 0; s--) { 4377 var o = { 4378 v: !1 4379 }; 4380 try { 4381 var c = r[s](n, { 4382 kind: "class", 4383 name: i, 4384 addInitializer: createAddInitializerMethod(a, o) 4385 }); 4386 } finally { 4387 o.v = !0; 4388 } 4389 void 0 !== c && (assertValidReturnValue(10, c), n = c); 4390 } 4391 e.push(n, function () { 4392 for (var e = 0; e < a.length; e++) a[e].call(n); 4393 }); 4394 } 4395 }(a, e, r), a; 4396 }; 4397 } 4398 var applyDecs2203Impl; 4399 function _applyDecs2203(e, t, r) { 4400 return (applyDecs2203Impl = applyDecs2203Impl || applyDecs2203Factory())(e, t, r); 4401 } 4402 function applyDecs2203RFactory() { 4403 function createAddInitializerMethod(e, t) { 4404 return function (r) { 4405 !function (e, t) { 4406 if (e.v) throw new Error("attempted to call addInitializer after decoration was finished"); 4407 }(t), assertCallable(r, "An initializer"), e.push(r); 4408 }; 4409 } 4410 function memberDec(e, t, r, n, a, i, o, s) { 4411 var c; 4412 switch (a) { 4413 case 1: 4414 c = "accessor"; 4415 break; 4416 case 2: 4417 c = "method"; 4418 break; 4419 case 3: 4420 c = "getter"; 4421 break; 4422 case 4: 4423 c = "setter"; 4424 break; 4425 default: 4426 c = "field"; 4427 } 4428 var l, 4429 u, 4430 f = { 4431 kind: c, 4432 name: o ? "#" + t : _toPropertyKey(t), 4433 static: i, 4434 private: o 4435 }, 4436 p = { 4437 v: !1 4438 }; 4439 0 !== a && (f.addInitializer = createAddInitializerMethod(n, p)), 0 === a ? o ? (l = r.get, u = r.set) : (l = function () { 4440 return this[t]; 4441 }, u = function (e) { 4442 this[t] = e; 4443 }) : 2 === a ? l = function () { 4444 return r.value; 4445 } : (1 !== a && 3 !== a || (l = function () { 4446 return r.get.call(this); 4447 }), 1 !== a && 4 !== a || (u = function (e) { 4448 r.set.call(this, e); 4449 })), f.access = l && u ? { 4450 get: l, 4451 set: u 4452 } : l ? { 4453 get: l 4454 } : { 4455 set: u 4456 }; 4457 try { 4458 return e(s, f); 4459 } finally { 4460 p.v = !0; 4461 } 4462 } 4463 function assertCallable(e, t) { 4464 if ("function" != typeof e) throw new TypeError(t + " must be a function"); 4465 } 4466 function assertValidReturnValue(e, t) { 4467 var r = typeof t; 4468 if (1 === e) { 4469 if ("object" !== r || null === t) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0"); 4470 void 0 !== t.get && assertCallable(t.get, "accessor.get"), void 0 !== t.set && assertCallable(t.set, "accessor.set"), void 0 !== t.init && assertCallable(t.init, "accessor.init"); 4471 } else if ("function" !== r) throw new TypeError((0 === e ? "field" : 10 === e ? "class" : "method") + " decorators must return a function or void 0"); 4472 } 4473 function applyMemberDec(e, t, r, n, a, i, o, s) { 4474 var c, 4475 l, 4476 u, 4477 f, 4478 p, 4479 d, 4480 h, 4481 v = r[0]; 4482 if (o ? (0 === a || 1 === a ? (c = { 4483 get: r[3], 4484 set: r[4] 4485 }, u = "get") : 3 === a ? (c = { 4486 get: r[3] 4487 }, u = "get") : 4 === a ? (c = { 4488 set: r[3] 4489 }, u = "set") : c = { 4490 value: r[3] 4491 }, 0 !== a && (1 === a && _setFunctionName(r[4], "#" + n, "set"), _setFunctionName(r[3], "#" + n, u))) : 0 !== a && (c = Object.getOwnPropertyDescriptor(t, n)), 1 === a ? f = { 4492 get: c.get, 4493 set: c.set 4494 } : 2 === a ? f = c.value : 3 === a ? f = c.get : 4 === a && (f = c.set), "function" == typeof v) void 0 !== (p = memberDec(v, n, c, s, a, i, o, f)) && (assertValidReturnValue(a, p), 0 === a ? l = p : 1 === a ? (l = p.init, d = p.get || f.get, h = p.set || f.set, f = { 4495 get: d, 4496 set: h 4497 }) : f = p);else for (var g = v.length - 1; g >= 0; g--) { 4498 var y; 4499 void 0 !== (p = memberDec(v[g], n, c, s, a, i, o, f)) && (assertValidReturnValue(a, p), 0 === a ? y = p : 1 === a ? (y = p.init, d = p.get || f.get, h = p.set || f.set, f = { 4500 get: d, 4501 set: h 4502 }) : f = p, void 0 !== y && (void 0 === l ? l = y : "function" == typeof l ? l = [l, y] : l.push(y))); 4503 } 4504 if (0 === a || 1 === a) { 4505 if (void 0 === l) l = function (e, t) { 4506 return t; 4507 };else if ("function" != typeof l) { 4508 var m = l; 4509 l = function (e, t) { 4510 for (var r = t, n = 0; n < m.length; n++) r = m[n].call(e, r); 4511 return r; 4512 }; 4513 } else { 4514 var b = l; 4515 l = function (e, t) { 4516 return b.call(e, t); 4517 }; 4518 } 4519 e.push(l); 4520 } 4521 0 !== a && (1 === a ? (c.get = f.get, c.set = f.set) : 2 === a ? c.value = f : 3 === a ? c.get = f : 4 === a && (c.set = f), o ? 1 === a ? (e.push(function (e, t) { 4522 return f.get.call(e, t); 4523 }), e.push(function (e, t) { 4524 return f.set.call(e, t); 4525 })) : 2 === a ? e.push(f) : e.push(function (e, t) { 4526 return f.call(e, t); 4527 }) : Object.defineProperty(t, n, c)); 4528 } 4529 function applyMemberDecs(e, t) { 4530 for (var r, n, a = [], i = new Map(), o = new Map(), s = 0; s < t.length; s++) { 4531 var c = t[s]; 4532 if (Array.isArray(c)) { 4533 var l, 4534 u, 4535 f = c[1], 4536 p = c[2], 4537 d = c.length > 3, 4538 h = f >= 5; 4539 if (h ? (l = e, 0 != (f -= 5) && (u = n = n || [])) : (l = e.prototype, 0 !== f && (u = r = r || [])), 0 !== f && !d) { 4540 var v = h ? o : i, 4541 g = v.get(p) || 0; 4542 if (!0 === g || 3 === g && 4 !== f || 4 === g && 3 !== f) throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + p); 4543 !g && f > 2 ? v.set(p, f) : v.set(p, !0); 4544 } 4545 applyMemberDec(a, l, c, p, f, h, d, u); 4546 } 4547 } 4548 return pushInitializers(a, r), pushInitializers(a, n), a; 4549 } 4550 function pushInitializers(e, t) { 4551 t && e.push(function (e) { 4552 for (var r = 0; r < t.length; r++) t[r].call(e); 4553 return e; 4554 }); 4555 } 4556 return function (e, t, r) { 4557 return { 4558 e: applyMemberDecs(e, t), 4559 get c() { 4560 return function (e, t) { 4561 if (t.length > 0) { 4562 for (var r = [], n = e, a = e.name, i = t.length - 1; i >= 0; i--) { 4563 var o = { 4564 v: !1 4565 }; 4566 try { 4567 var s = t[i](n, { 4568 kind: "class", 4569 name: a, 4570 addInitializer: createAddInitializerMethod(r, o) 4571 }); 4572 } finally { 4573 o.v = !0; 4574 } 4575 void 0 !== s && (assertValidReturnValue(10, s), n = s); 4576 } 4577 return [n, function () { 4578 for (var e = 0; e < r.length; e++) r[e].call(n); 4579 }]; 4580 } 4581 }(e, r); 4582 } 4583 }; 4584 }; 4585 } 4586 function _applyDecs2203R(e, t, r) { 4587 return (_applyDecs2203R = applyDecs2203RFactory())(e, t, r); 4588 } 4589 function applyDecs2301Factory() { 4590 function createAddInitializerMethod(e, t) { 4591 return function (r) { 4592 !function (e, t) { 4593 if (e.v) throw new Error("attempted to call addInitializer after decoration was finished"); 4594 }(t), assertCallable(r, "An initializer"), e.push(r); 4595 }; 4596 } 4597 function assertInstanceIfPrivate(e, t) { 4598 if (!e(t)) throw new TypeError("Attempted to access private element on non-instance"); 4599 } 4600 function memberDec(e, t, r, n, a, i, s, o, c) { 4601 var u; 4602 switch (a) { 4603 case 1: 4604 u = "accessor"; 4605 break; 4606 case 2: 4607 u = "method"; 4608 break; 4609 case 3: 4610 u = "getter"; 4611 break; 4612 case 4: 4613 u = "setter"; 4614 break; 4615 default: 4616 u = "field"; 4617 } 4618 var l, 4619 f, 4620 p = { 4621 kind: u, 4622 name: s ? "#" + t : _toPropertyKey(t), 4623 static: i, 4624 private: s 4625 }, 4626 d = { 4627 v: !1 4628 }; 4629 if (0 !== a && (p.addInitializer = createAddInitializerMethod(n, d)), s || 0 !== a && 2 !== a) { 4630 if (2 === a) l = function (e) { 4631 return assertInstanceIfPrivate(c, e), r.value; 4632 };else { 4633 var h = 0 === a || 1 === a; 4634 (h || 3 === a) && (l = s ? function (e) { 4635 return assertInstanceIfPrivate(c, e), r.get.call(e); 4636 } : function (e) { 4637 return r.get.call(e); 4638 }), (h || 4 === a) && (f = s ? function (e, t) { 4639 assertInstanceIfPrivate(c, e), r.set.call(e, t); 4640 } : function (e, t) { 4641 r.set.call(e, t); 4642 }); 4643 } 4644 } else l = function (e) { 4645 return e[t]; 4646 }, 0 === a && (f = function (e, r) { 4647 e[t] = r; 4648 }); 4649 var v = s ? c.bind() : function (e) { 4650 return t in e; 4651 }; 4652 p.access = l && f ? { 4653 get: l, 4654 set: f, 4655 has: v 4656 } : l ? { 4657 get: l, 4658 has: v 4659 } : { 4660 set: f, 4661 has: v 4662 }; 4663 try { 4664 return e(o, p); 4665 } finally { 4666 d.v = !0; 4667 } 4668 } 4669 function assertCallable(e, t) { 4670 if ("function" != typeof e) throw new TypeError(t + " must be a function"); 4671 } 4672 function assertValidReturnValue(e, t) { 4673 var r = typeof t; 4674 if (1 === e) { 4675 if ("object" !== r || null === t) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0"); 4676 void 0 !== t.get && assertCallable(t.get, "accessor.get"), void 0 !== t.set && assertCallable(t.set, "accessor.set"), void 0 !== t.init && assertCallable(t.init, "accessor.init"); 4677 } else if ("function" !== r) throw new TypeError((0 === e ? "field" : 10 === e ? "class" : "method") + " decorators must return a function or void 0"); 4678 } 4679 function curryThis2(e) { 4680 return function (t) { 4681 e(this, t); 4682 }; 4683 } 4684 function applyMemberDec(e, t, r, n, a, i, s, o, c) { 4685 var u, 4686 l, 4687 f, 4688 p, 4689 d, 4690 h, 4691 v, 4692 y, 4693 g = r[0]; 4694 if (s ? (0 === a || 1 === a ? (u = { 4695 get: (d = r[3], function () { 4696 return d(this); 4697 }), 4698 set: curryThis2(r[4]) 4699 }, f = "get") : 3 === a ? (u = { 4700 get: r[3] 4701 }, f = "get") : 4 === a ? (u = { 4702 set: r[3] 4703 }, f = "set") : u = { 4704 value: r[3] 4705 }, 0 !== a && (1 === a && _setFunctionName(u.set, "#" + n, "set"), _setFunctionName(u[f || "value"], "#" + n, f))) : 0 !== a && (u = Object.getOwnPropertyDescriptor(t, n)), 1 === a ? p = { 4706 get: u.get, 4707 set: u.set 4708 } : 2 === a ? p = u.value : 3 === a ? p = u.get : 4 === a && (p = u.set), "function" == typeof g) void 0 !== (h = memberDec(g, n, u, o, a, i, s, p, c)) && (assertValidReturnValue(a, h), 0 === a ? l = h : 1 === a ? (l = h.init, v = h.get || p.get, y = h.set || p.set, p = { 4709 get: v, 4710 set: y 4711 }) : p = h);else for (var m = g.length - 1; m >= 0; m--) { 4712 var b; 4713 void 0 !== (h = memberDec(g[m], n, u, o, a, i, s, p, c)) && (assertValidReturnValue(a, h), 0 === a ? b = h : 1 === a ? (b = h.init, v = h.get || p.get, y = h.set || p.set, p = { 4714 get: v, 4715 set: y 4716 }) : p = h, void 0 !== b && (void 0 === l ? l = b : "function" == typeof l ? l = [l, b] : l.push(b))); 4717 } 4718 if (0 === a || 1 === a) { 4719 if (void 0 === l) l = function (e, t) { 4720 return t; 4721 };else if ("function" != typeof l) { 4722 var I = l; 4723 l = function (e, t) { 4724 for (var r = t, n = 0; n < I.length; n++) r = I[n].call(e, r); 4725 return r; 4726 }; 4727 } else { 4728 var w = l; 4729 l = function (e, t) { 4730 return w.call(e, t); 4731 }; 4732 } 4733 e.push(l); 4734 } 4735 0 !== a && (1 === a ? (u.get = p.get, u.set = p.set) : 2 === a ? u.value = p : 3 === a ? u.get = p : 4 === a && (u.set = p), s ? 1 === a ? (e.push(function (e, t) { 4736 return p.get.call(e, t); 4737 }), e.push(function (e, t) { 4738 return p.set.call(e, t); 4739 })) : 2 === a ? e.push(p) : e.push(function (e, t) { 4740 return p.call(e, t); 4741 }) : Object.defineProperty(t, n, u)); 4742 } 4743 function applyMemberDecs(e, t, r) { 4744 for (var n, a, i, s = [], o = new Map(), c = new Map(), u = 0; u < t.length; u++) { 4745 var l = t[u]; 4746 if (Array.isArray(l)) { 4747 var f, 4748 p, 4749 d = l[1], 4750 h = l[2], 4751 v = l.length > 3, 4752 y = d >= 5, 4753 g = r; 4754 if (y ? (f = e, 0 != (d -= 5) && (p = a = a || []), v && !i && (i = function (t) { 4755 return _checkInRHS(t) === e; 4756 }), g = i) : (f = e.prototype, 0 !== d && (p = n = n || [])), 0 !== d && !v) { 4757 var m = y ? c : o, 4758 b = m.get(h) || 0; 4759 if (!0 === b || 3 === b && 4 !== d || 4 === b && 3 !== d) throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h); 4760 !b && d > 2 ? m.set(h, d) : m.set(h, !0); 4761 } 4762 applyMemberDec(s, f, l, h, d, y, v, p, g); 4763 } 4764 } 4765 return pushInitializers(s, n), pushInitializers(s, a), s; 4766 } 4767 function pushInitializers(e, t) { 4768 t && e.push(function (e) { 4769 for (var r = 0; r < t.length; r++) t[r].call(e); 4770 return e; 4771 }); 4772 } 4773 return function (e, t, r, n) { 4774 return { 4775 e: applyMemberDecs(e, t, n), 4776 get c() { 4777 return function (e, t) { 4778 if (t.length > 0) { 4779 for (var r = [], n = e, a = e.name, i = t.length - 1; i >= 0; i--) { 4780 var s = { 4781 v: !1 4782 }; 4783 try { 4784 var o = t[i](n, { 4785 kind: "class", 4786 name: a, 4787 addInitializer: createAddInitializerMethod(r, s) 4788 }); 4789 } finally { 4790 s.v = !0; 4791 } 4792 void 0 !== o && (assertValidReturnValue(10, o), n = o); 4793 } 4794 return [n, function () { 4795 for (var e = 0; e < r.length; e++) r[e].call(n); 4796 }]; 4797 } 4798 }(e, r); 4799 } 4800 }; 4801 }; 4802 } 4803 function _applyDecs2301(e, t, r, n) { 4804 return (_applyDecs2301 = applyDecs2301Factory())(e, t, r, n); 4805 } 4806 function _applyDecs2305(e, t, r, n, o, a) { 4807 function i(e, t, r) { 4808 return function (n, o) { 4809 return r && r(n), e[t].call(n, o); 4810 }; 4811 } 4812 function c(e, t) { 4813 for (var r = 0; r < e.length; r++) e[r].call(t); 4814 return t; 4815 } 4816 function s(e, t, r, n) { 4817 if ("function" != typeof e && (n || void 0 !== e)) throw new TypeError(t + " must " + (r || "be") + " a function" + (n ? "" : " or undefined")); 4818 return e; 4819 } 4820 function applyDec(e, t, r, n, o, a, c, u, l, f, p, d, h) { 4821 function m(e) { 4822 if (!h(e)) throw new TypeError("Attempted to access private element on non-instance"); 4823 } 4824 var y, 4825 v = t[0], 4826 g = t[3], 4827 b = !u; 4828 if (!b) { 4829 r || Array.isArray(v) || (v = [v]); 4830 var w = {}, 4831 S = [], 4832 A = 3 === o ? "get" : 4 === o || d ? "set" : "value"; 4833 f ? (p || d ? w = { 4834 get: _setFunctionName(function () { 4835 return g(this); 4836 }, n, "get"), 4837 set: function (e) { 4838 t[4](this, e); 4839 } 4840 } : w[A] = g, p || _setFunctionName(w[A], n, 2 === o ? "" : A)) : p || (w = Object.getOwnPropertyDescriptor(e, n)); 4841 } 4842 for (var P = e, j = v.length - 1; j >= 0; j -= r ? 2 : 1) { 4843 var D = v[j], 4844 E = r ? v[j - 1] : void 0, 4845 I = {}, 4846 O = { 4847 kind: ["field", "accessor", "method", "getter", "setter", "class"][o], 4848 name: n, 4849 metadata: a, 4850 addInitializer: function (e, t) { 4851 if (e.v) throw new Error("attempted to call addInitializer after decoration was finished"); 4852 s(t, "An initializer", "be", !0), c.push(t); 4853 }.bind(null, I) 4854 }; 4855 try { 4856 if (b) (y = s(D.call(E, P, O), "class decorators", "return")) && (P = y);else { 4857 var k, F; 4858 O.static = l, O.private = f, f ? 2 === o ? k = function (e) { 4859 return m(e), w.value; 4860 } : (o < 4 && (k = i(w, "get", m)), 3 !== o && (F = i(w, "set", m))) : (k = function (e) { 4861 return e[n]; 4862 }, (o < 2 || 4 === o) && (F = function (e, t) { 4863 e[n] = t; 4864 })); 4865 var N = O.access = { 4866 has: f ? h.bind() : function (e) { 4867 return n in e; 4868 } 4869 }; 4870 if (k && (N.get = k), F && (N.set = F), P = D.call(E, d ? { 4871 get: w.get, 4872 set: w.set 4873 } : w[A], O), d) { 4874 if ("object" == typeof P && P) (y = s(P.get, "accessor.get")) && (w.get = y), (y = s(P.set, "accessor.set")) && (w.set = y), (y = s(P.init, "accessor.init")) && S.push(y);else if (void 0 !== P) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0"); 4875 } else s(P, (p ? "field" : "method") + " decorators", "return") && (p ? S.push(P) : w[A] = P); 4876 } 4877 } finally { 4878 I.v = !0; 4879 } 4880 } 4881 return (p || d) && u.push(function (e, t) { 4882 for (var r = S.length - 1; r >= 0; r--) t = S[r].call(e, t); 4883 return t; 4884 }), p || b || (f ? d ? u.push(i(w, "get"), i(w, "set")) : u.push(2 === o ? w[A] : i.call.bind(w[A])) : Object.defineProperty(e, n, w)), P; 4885 } 4886 function u(e, t) { 4887 return Object.defineProperty(e, Symbol.metadata || Symbol.for("Symbol.metadata"), { 4888 configurable: !0, 4889 enumerable: !0, 4890 value: t 4891 }); 4892 } 4893 if (arguments.length >= 6) var l = a[Symbol.metadata || Symbol.for("Symbol.metadata")]; 4894 var f = Object.create(null == l ? null : l), 4895 p = function (e, t, r, n) { 4896 var o, 4897 a, 4898 i = [], 4899 s = function (t) { 4900 return _checkInRHS(t) === e; 4901 }, 4902 u = new Map(); 4903 function l(e) { 4904 e && i.push(c.bind(null, e)); 4905 } 4906 for (var f = 0; f < t.length; f++) { 4907 var p = t[f]; 4908 if (Array.isArray(p)) { 4909 var d = p[1], 4910 h = p[2], 4911 m = p.length > 3, 4912 y = 16 & d, 4913 v = !!(8 & d), 4914 g = 0 == (d &= 7), 4915 b = h + "/" + v; 4916 if (!g && !m) { 4917 var w = u.get(b); 4918 if (!0 === w || 3 === w && 4 !== d || 4 === w && 3 !== d) throw new Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h); 4919 u.set(b, !(d > 2) || d); 4920 } 4921 applyDec(v ? e : e.prototype, p, y, m ? "#" + h : _toPropertyKey(h), d, n, v ? a = a || [] : o = o || [], i, v, m, g, 1 === d, v && m ? s : r); 4922 } 4923 } 4924 return l(o), l(a), i; 4925 }(e, t, o, f); 4926 return r.length || u(e, f), { 4927 e: p, 4928 get c() { 4929 var t = []; 4930 return r.length && [u(applyDec(e, [r], n, e.name, 5, f, t), f), c.bind(null, t, e)]; 4931 } 4932 }; 4933 } 4934 function _asyncGeneratorDelegate(t) { 4935 var e = {}, 4936 n = !1; 4937 function pump(e, r) { 4938 return n = !0, r = new Promise(function (n) { 4939 n(t[e](r)); 4940 }), { 4941 done: !1, 4942 value: new _OverloadYield(r, 1) 4943 }; 4944 } 4945 return e["undefined" != typeof Symbol && Symbol.iterator || "@@iterator"] = function () { 4946 return this; 4947 }, e.next = function (t) { 4948 return n ? (n = !1, t) : pump("next", t); 4949 }, "function" == typeof t.throw && (e.throw = function (t) { 4950 if (n) throw n = !1, t; 4951 return pump("throw", t); 4952 }), "function" == typeof t.return && (e.return = function (t) { 4953 return n ? (n = !1, t) : pump("return", t); 4954 }), e; 4955 } 4956 function _asyncIterator(r) { 4957 var n, 4958 t, 4959 o, 4960 e = 2; 4961 for ("undefined" != typeof Symbol && (t = Symbol.asyncIterator, o = Symbol.iterator); e--;) { 4962 if (t && null != (n = r[t])) return n.call(r); 4963 if (o && null != (n = r[o])) return new AsyncFromSyncIterator(n.call(r)); 4964 t = "@@asyncIterator", o = "@@iterator"; 4965 } 4966 throw new TypeError("Object is not async iterable"); 4967 } 4968 function AsyncFromSyncIterator(r) { 4969 function AsyncFromSyncIteratorContinuation(r) { 4970 if (Object(r) !== r) return Promise.reject(new TypeError(r + " is not an object.")); 4971 var n = r.done; 4972 return Promise.resolve(r.value).then(function (r) { 4973 return { 4974 value: r, 4975 done: n 4976 }; 4977 }); 4978 } 4979 return AsyncFromSyncIterator = function (r) { 4980 this.s = r, this.n = r.next; 4981 }, AsyncFromSyncIterator.prototype = { 4982 s: null, 4983 n: null, 4984 next: function () { 4985 return AsyncFromSyncIteratorContinuation(this.n.apply(this.s, arguments)); 4986 }, 4987 return: function (r) { 4988 var n = this.s.return; 4989 return void 0 === n ? Promise.resolve({ 4990 value: r, 4991 done: !0 4992 }) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); 4993 }, 4994 throw: function (r) { 4995 var n = this.s.return; 4996 return void 0 === n ? Promise.reject(r) : AsyncFromSyncIteratorContinuation(n.apply(this.s, arguments)); 4997 } 4998 }, new AsyncFromSyncIterator(r); 4999 } 5000 function _awaitAsyncGenerator(e) { 5001 return new _OverloadYield(e, 0); 5002 } 5003 function _callSuper(t, o, e) { 5004 return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); 5005 } 5006 function _checkInRHS(e) { 5007 if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? typeof e : "null")); 5008 return e; 5009 } 5010 function _construct(t, e, r) { 5011 if (_isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments); 5012 var o = [null]; 5013 o.push.apply(o, e); 5014 var p = new (t.bind.apply(t, o))(); 5015 return r && _setPrototypeOf(p, r.prototype), p; 5016 } 5017 function _defineAccessor(e, r, n, t) { 5018 var c = { 5019 configurable: !0, 5020 enumerable: !0 5021 }; 5022 return c[e] = t, Object.defineProperty(r, n, c); 5023 } 5024 function dispose_SuppressedError(r, e) { 5025 return "undefined" != typeof SuppressedError ? dispose_SuppressedError = SuppressedError : (dispose_SuppressedError = function (r, e) { 5026 this.suppressed = e, this.error = r, this.stack = new Error().stack; 5027 }, dispose_SuppressedError.prototype = Object.create(Error.prototype, { 5028 constructor: { 5029 value: dispose_SuppressedError, 5030 writable: !0, 5031 configurable: !0 5032 } 5033 })), new dispose_SuppressedError(r, e); 5034 } 5035 function _dispose(r, e, s) { 5036 function next() { 5037 for (; r.length > 0;) try { 5038 var o = r.pop(), 5039 p = o.d.call(o.v); 5040 if (o.a) return Promise.resolve(p).then(next, err); 5041 } catch (r) { 5042 return err(r); 5043 } 5044 if (s) throw e; 5045 } 5046 function err(r) { 5047 return e = s ? new dispose_SuppressedError(e, r) : r, s = !0, next(); 5048 } 5049 return next(); 5050 } 5051 function _importDeferProxy(e) { 5052 var t = null, 5053 constValue = function (e) { 5054 return function () { 5055 return e; 5056 }; 5057 }, 5058 proxy = function (r) { 5059 return function (n, o, f) { 5060 return null === t && (t = e()), r(t, o, f); 5061 }; 5062 }; 5063 return new Proxy({}, { 5064 defineProperty: constValue(!1), 5065 deleteProperty: constValue(!1), 5066 get: proxy(Reflect.get), 5067 getOwnPropertyDescriptor: proxy(Reflect.getOwnPropertyDescriptor), 5068 getPrototypeOf: constValue(null), 5069 isExtensible: constValue(!1), 5070 has: proxy(Reflect.has), 5071 ownKeys: proxy(Reflect.ownKeys), 5072 preventExtensions: constValue(!0), 5073 set: constValue(!1), 5074 setPrototypeOf: constValue(!1) 5075 }); 5076 } 5077 function _getRequireWildcardCache(e) { 5078 if ("function" != typeof WeakMap) return null; 5079 var r = new WeakMap(), 5080 t = new WeakMap(); 5081 return (_getRequireWildcardCache = function (e) { 5082 return e ? t : r; 5083 })(e); 5084 } 5085 function _interopRequireWildcard(e, r) { 5086 if (!r && e && e.__esModule) return e; 5087 if (null === e || "object" != typeof e && "function" != typeof e) return { 5088 default: e 5089 }; 5090 var t = _getRequireWildcardCache(r); 5091 if (t && t.has(e)) return t.get(e); 5092 var n = { 5093 __proto__: null 5094 }, 5095 a = Object.defineProperty && Object.getOwnPropertyDescriptor; 5096 for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { 5097 var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; 5098 i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; 5099 } 5100 return n.default = e, t && t.set(e, n), n; 5101 } 5102 function _isNativeReflectConstruct() { 5103 try { 5104 var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); 5105 } catch (t) {} 5106 return (_isNativeReflectConstruct = function () { 5107 return !!t; 5108 })(); 5109 } 5110 function _iterableToArrayLimit(r, l) { 5111 var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; 5112 if (null != t) { 5113 var e, 5114 n, 5115 i, 5116 u, 5117 a = [], 5118 f = !0, 5119 o = !1; 5120 try { 5121 if (i = (t = t.call(r)).next, 0 === l) { 5122 if (Object(t) !== t) return; 5123 f = !1; 5124 } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); 5125 } catch (r) { 5126 o = !0, n = r; 5127 } finally { 5128 try { 5129 if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; 5130 } finally { 5131 if (o) throw n; 5132 } 5133 } 5134 return a; 5135 } 5136 } 5137 function _iterableToArrayLimitLoose(e, r) { 5138 var t = e && ("undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"]); 5139 if (null != t) { 5140 var o, 5141 l = []; 5142 for (t = t.call(e); e.length < r && !(o = t.next()).done;) l.push(o.value); 5143 return l; 5144 } 5145 } 5146 var REACT_ELEMENT_TYPE; 5147 function _jsx(e, r, E, l) { 5148 REACT_ELEMENT_TYPE || (REACT_ELEMENT_TYPE = "function" == typeof Symbol && Symbol.for && Symbol.for("react.element") || 60103); 5149 var o = e && e.defaultProps, 5150 n = arguments.length - 3; 5151 if (r || 0 === n || (r = { 5152 children: void 0 5153 }), 1 === n) r.children = l;else if (n > 1) { 5154 for (var t = new Array(n), f = 0; f < n; f++) t[f] = arguments[f + 3]; 5155 r.children = t; 5156 } 5157 if (r && o) for (var i in o) void 0 === r[i] && (r[i] = o[i]);else r || (r = o || {}); 5158 return { 5159 $$typeof: REACT_ELEMENT_TYPE, 5160 type: e, 5161 key: void 0 === E ? null : "" + E, 5162 ref: null, 5163 props: r, 5164 _owner: null 5165 }; 5166 } 5167 function ownKeys(e, r) { 5168 var t = Object.keys(e); 5169 if (Object.getOwnPropertySymbols) { 5170 var o = Object.getOwnPropertySymbols(e); 5171 r && (o = o.filter(function (r) { 5172 return Object.getOwnPropertyDescriptor(e, r).enumerable; 5173 })), t.push.apply(t, o); 5174 } 5175 return t; 5176 } 5177 function _objectSpread2(e) { 5178 for (var r = 1; r < arguments.length; r++) { 5179 var t = null != arguments[r] ? arguments[r] : {}; 5180 r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { 5181 _defineProperty(e, r, t[r]); 5182 }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { 5183 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); 5184 }); 5185 } 5186 return e; 5187 } 5188 function _regeneratorRuntime() { 5189 "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ 5190 _regeneratorRuntime = function () { 5191 return e; 5192 }; 5193 var t, 5194 e = {}, 5195 r = Object.prototype, 5196 n = r.hasOwnProperty, 5197 o = Object.defineProperty || function (t, e, r) { 5198 t[e] = r.value; 5199 }, 5200 i = "function" == typeof Symbol ? Symbol : {}, 5201 a = i.iterator || "@@iterator", 5202 c = i.asyncIterator || "@@asyncIterator", 5203 u = i.toStringTag || "@@toStringTag"; 5204 function define(t, e, r) { 5205 return Object.defineProperty(t, e, { 5206 value: r, 5207 enumerable: !0, 5208 configurable: !0, 5209 writable: !0 5210 }), t[e]; 5211 } 5212 try { 5213 define({}, ""); 5214 } catch (t) { 5215 define = function (t, e, r) { 5216 return t[e] = r; 5217 }; 5218 } 5219 function wrap(t, e, r, n) { 5220 var i = e && e.prototype instanceof Generator ? e : Generator, 5221 a = Object.create(i.prototype), 5222 c = new Context(n || []); 5223 return o(a, "_invoke", { 5224 value: makeInvokeMethod(t, r, c) 5225 }), a; 5226 } 5227 function tryCatch(t, e, r) { 5228 try { 5229 return { 5230 type: "normal", 5231 arg: t.call(e, r) 5232 }; 5233 } catch (t) { 5234 return { 5235 type: "throw", 5236 arg: t 5237 }; 5238 } 5239 } 5240 e.wrap = wrap; 5241 var h = "suspendedStart", 5242 l = "suspendedYield", 5243 f = "executing", 5244 s = "completed", 5245 y = {}; 5246 function Generator() {} 5247 function GeneratorFunction() {} 5248 function GeneratorFunctionPrototype() {} 5249 var p = {}; 5250 define(p, a, function () { 5251 return this; 5252 }); 5253 var d = Object.getPrototypeOf, 5254 v = d && d(d(values([]))); 5255 v && v !== r && n.call(v, a) && (p = v); 5256 var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); 5257 function defineIteratorMethods(t) { 5258 ["next", "throw", "return"].forEach(function (e) { 5259 define(t, e, function (t) { 5260 return this._invoke(e, t); 5261 }); 5262 }); 5263 } 5264 function AsyncIterator(t, e) { 5265 function invoke(r, o, i, a) { 5266 var c = tryCatch(t[r], t, o); 5267 if ("throw" !== c.type) { 5268 var u = c.arg, 5269 h = u.value; 5270 return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { 5271 invoke("next", t, i, a); 5272 }, function (t) { 5273 invoke("throw", t, i, a); 5274 }) : e.resolve(h).then(function (t) { 5275 u.value = t, i(u); 5276 }, function (t) { 5277 return invoke("throw", t, i, a); 5278 }); 5279 } 5280 a(c.arg); 5281 } 5282 var r; 5283 o(this, "_invoke", { 5284 value: function (t, n) { 5285 function callInvokeWithMethodAndArg() { 5286 return new e(function (e, r) { 5287 invoke(t, n, e, r); 5288 }); 5289 } 5290 return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); 5291 } 5292 }); 5293 } 5294 function makeInvokeMethod(e, r, n) { 5295 var o = h; 5296 return function (i, a) { 5297 if (o === f) throw new Error("Generator is already running"); 5298 if (o === s) { 5299 if ("throw" === i) throw a; 5300 return { 5301 value: t, 5302 done: !0 5303 }; 5304 } 5305 for (n.method = i, n.arg = a;;) { 5306 var c = n.delegate; 5307 if (c) { 5308 var u = maybeInvokeDelegate(c, n); 5309 if (u) { 5310 if (u === y) continue; 5311 return u; 5312 } 5313 } 5314 if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { 5315 if (o === h) throw o = s, n.arg; 5316 n.dispatchException(n.arg); 5317 } else "return" === n.method && n.abrupt("return", n.arg); 5318 o = f; 5319 var p = tryCatch(e, r, n); 5320 if ("normal" === p.type) { 5321 if (o = n.done ? s : l, p.arg === y) continue; 5322 return { 5323 value: p.arg, 5324 done: n.done 5325 }; 5326 } 5327 "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); 5328 } 5329 }; 5330 } 5331 function maybeInvokeDelegate(e, r) { 5332 var n = r.method, 5333 o = e.iterator[n]; 5334 if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; 5335 var i = tryCatch(o, e.iterator, r.arg); 5336 if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; 5337 var a = i.arg; 5338 return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); 5339 } 5340 function pushTryEntry(t) { 5341 var e = { 5342 tryLoc: t[0] 5343 }; 5344 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); 5345 } 5346 function resetTryEntry(t) { 5347 var e = t.completion || {}; 5348 e.type = "normal", delete e.arg, t.completion = e; 5349 } 5350 function Context(t) { 5351 this.tryEntries = [{ 5352 tryLoc: "root" 5353 }], t.forEach(pushTryEntry, this), this.reset(!0); 5354 } 5355 function values(e) { 5356 if (e || "" === e) { 5357 var r = e[a]; 5358 if (r) return r.call(e); 5359 if ("function" == typeof e.next) return e; 5360 if (!isNaN(e.length)) { 5361 var o = -1, 5362 i = function next() { 5363 for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; 5364 return next.value = t, next.done = !0, next; 5365 }; 5366 return i.next = i; 5367 } 5368 } 5369 throw new TypeError(typeof e + " is not iterable"); 5370 } 5371 return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { 5372 value: GeneratorFunctionPrototype, 5373 configurable: !0 5374 }), o(GeneratorFunctionPrototype, "constructor", { 5375 value: GeneratorFunction, 5376 configurable: !0 5377 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { 5378 var e = "function" == typeof t && t.constructor; 5379 return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); 5380 }, e.mark = function (t) { 5381 return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; 5382 }, e.awrap = function (t) { 5383 return { 5384 __await: t 5385 }; 5386 }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { 5387 return this; 5388 }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { 5389 void 0 === i && (i = Promise); 5390 var a = new AsyncIterator(wrap(t, r, n, o), i); 5391 return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { 5392 return t.done ? t.value : a.next(); 5393 }); 5394 }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { 5395 return this; 5396 }), define(g, "toString", function () { 5397 return "[object Generator]"; 5398 }), e.keys = function (t) { 5399 var e = Object(t), 5400 r = []; 5401 for (var n in e) r.push(n); 5402 return r.reverse(), function next() { 5403 for (; r.length;) { 5404 var t = r.pop(); 5405 if (t in e) return next.value = t, next.done = !1, next; 5406 } 5407 return next.done = !0, next; 5408 }; 5409 }, e.values = values, Context.prototype = { 5410 constructor: Context, 5411 reset: function (e) { 5412 if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); 5413 }, 5414 stop: function () { 5415 this.done = !0; 5416 var t = this.tryEntries[0].completion; 5417 if ("throw" === t.type) throw t.arg; 5418 return this.rval; 5419 }, 5420 dispatchException: function (e) { 5421 if (this.done) throw e; 5422 var r = this; 5423 function handle(n, o) { 5424 return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; 5425 } 5426 for (var o = this.tryEntries.length - 1; o >= 0; --o) { 5427 var i = this.tryEntries[o], 5428 a = i.completion; 5429 if ("root" === i.tryLoc) return handle("end"); 5430 if (i.tryLoc <= this.prev) { 5431 var c = n.call(i, "catchLoc"), 5432 u = n.call(i, "finallyLoc"); 5433 if (c && u) { 5434 if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); 5435 if (this.prev < i.finallyLoc) return handle(i.finallyLoc); 5436 } else if (c) { 5437 if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); 5438 } else { 5439 if (!u) throw new Error("try statement without catch or finally"); 5440 if (this.prev < i.finallyLoc) return handle(i.finallyLoc); 5441 } 5442 } 5443 } 5444 }, 5445 abrupt: function (t, e) { 5446 for (var r = this.tryEntries.length - 1; r >= 0; --r) { 5447 var o = this.tryEntries[r]; 5448 if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { 5449 var i = o; 5450 break; 5451 } 5452 } 5453 i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); 5454 var a = i ? i.completion : {}; 5455 return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); 5456 }, 5457 complete: function (t, e) { 5458 if ("throw" === t.type) throw t.arg; 5459 return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; 5460 }, 5461 finish: function (t) { 5462 for (var e = this.tryEntries.length - 1; e >= 0; --e) { 5463 var r = this.tryEntries[e]; 5464 if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; 5465 } 5466 }, 5467 catch: function (t) { 5468 for (var e = this.tryEntries.length - 1; e >= 0; --e) { 5469 var r = this.tryEntries[e]; 5470 if (r.tryLoc === t) { 5471 var n = r.completion; 5472 if ("throw" === n.type) { 5473 var o = n.arg; 5474 resetTryEntry(r); 5475 } 5476 return o; 5477 } 5478 } 5479 throw new Error("illegal catch attempt"); 5480 }, 5481 delegateYield: function (e, r, n) { 5482 return this.delegate = { 5483 iterator: values(e), 5484 resultName: r, 5485 nextLoc: n 5486 }, "next" === this.method && (this.arg = t), y; 5487 } 5488 }, e; 5489 } 5490 function _setFunctionName(e, t, n) { 5491 "symbol" == typeof t && (t = (t = t.description) ? "[" + t + "]" : ""); 5492 try { 5493 Object.defineProperty(e, "name", { 5494 configurable: !0, 5495 value: n ? n + " " + t : t 5496 }); 5497 } catch (e) {} 5498 return e; 5499 } 5500 function _toPrimitive(t, r) { 5501 if ("object" != typeof t || !t) return t; 5502 var e = t[Symbol.toPrimitive]; 5503 if (void 0 !== e) { 5504 var i = e.call(t, r || "default"); 5505 if ("object" != typeof i) return i; 5506 throw new TypeError("@@toPrimitive must return a primitive value."); 5507 } 5508 return ("string" === r ? String : Number)(t); 5509 } 5510 function _toPropertyKey(t) { 5511 var i = _toPrimitive(t, "string"); 5512 return "symbol" == typeof i ? i : String(i); 5513 } 5514 function _typeof(o) { 5515 "@babel/helpers - typeof"; 5516 5517 return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { 5518 return typeof o; 5519 } : function (o) { 5520 return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; 5521 }, _typeof(o); 5522 } 5523 function _using(o, n, e) { 5524 if (null == n) return n; 5525 if (Object(n) !== n) throw new TypeError("using declarations can only be used with objects, functions, null, or undefined."); 5526 if (e) var r = n[Symbol.asyncDispose || Symbol.for("Symbol.asyncDispose")]; 5527 if (null == r && (r = n[Symbol.dispose || Symbol.for("Symbol.dispose")]), "function" != typeof r) throw new TypeError("Property [Symbol.dispose] is not a function."); 5528 return o.push({ 5529 v: n, 5530 d: r, 5531 a: e 5532 }), n; 5533 } 5534 function _usingCtx() { 5535 var r = "function" == typeof SuppressedError ? SuppressedError : function (r, n) { 5536 var e = new Error(); 5537 return e.name = "SuppressedError", e.suppressed = n, e.error = r, e; 5538 }, 5539 n = {}, 5540 e = []; 5541 function using(r, n) { 5542 if (null != n) { 5543 if (Object(n) !== n) throw new TypeError("using declarations can only be used with objects, functions, null, or undefined."); 5544 if (r) var o = n[Symbol.asyncDispose || Symbol.for("Symbol.asyncDispose")]; 5545 if (null == o && (o = n[Symbol.dispose || Symbol.for("Symbol.dispose")]), "function" != typeof o) throw new TypeError("Property [Symbol.dispose] is not a function."); 5546 e.push({ 5547 v: n, 5548 d: o, 5549 a: r 5550 }); 5551 } 5552 return n; 5553 } 5554 return { 5555 e: n, 5556 u: using.bind(null, !1), 5557 a: using.bind(null, !0), 5558 d: function () { 5559 var o = this.e; 5560 function next() { 5561 for (; r = e.pop();) try { 5562 var r, 5563 t = r.d.call(r.v); 5564 if (r.a) return Promise.resolve(t).then(next, err); 5565 } catch (r) { 5566 return err(r); 5567 } 5568 if (o !== n) throw o; 5569 } 5570 function err(e) { 5571 return o = o !== n ? new r(o, e) : e, next(); 5572 } 5573 return next(); 5574 } 5575 }; 5576 } 5577 function _wrapRegExp() { 5578 _wrapRegExp = function (e, r) { 5579 return new BabelRegExp(e, void 0, r); 5580 }; 5581 var e = RegExp.prototype, 5582 r = new WeakMap(); 5583 function BabelRegExp(e, t, p) { 5584 var o = new RegExp(e, t); 5585 return r.set(o, p || r.get(e)), _setPrototypeOf(o, BabelRegExp.prototype); 5586 } 5587 function buildGroups(e, t) { 5588 var p = r.get(t); 5589 return Object.keys(p).reduce(function (r, t) { 5590 var o = p[t]; 5591 if ("number" == typeof o) r[t] = e[o];else { 5592 for (var i = 0; void 0 === e[o[i]] && i + 1 < o.length;) i++; 5593 r[t] = e[o[i]]; 5594 } 5595 return r; 5596 }, Object.create(null)); 5597 } 5598 return _inherits(BabelRegExp, RegExp), BabelRegExp.prototype.exec = function (r) { 5599 var t = e.exec.call(this, r); 5600 if (t) { 5601 t.groups = buildGroups(t, this); 5602 var p = t.indices; 5603 p && (p.groups = buildGroups(p, this)); 5604 } 5605 return t; 5606 }, BabelRegExp.prototype[Symbol.replace] = function (t, p) { 5607 if ("string" == typeof p) { 5608 var o = r.get(this); 5609 return e[Symbol.replace].call(this, t, p.replace(/\$<([^>]+)>/g, function (e, r) { 5610 var t = o[r]; 5611 return "$" + (Array.isArray(t) ? t.join("$") : t); 5612 })); 5613 } 5614 if ("function" == typeof p) { 5615 var i = this; 5616 return e[Symbol.replace].call(this, t, function () { 5617 var e = arguments; 5618 return "object" != typeof e[e.length - 1] && (e = [].slice.call(e)).push(buildGroups(e, i)), p.apply(this, e); 5619 }); 5620 } 5621 return e[Symbol.replace].call(this, t, p); 5622 }, _wrapRegExp.apply(this, arguments); 5623 } 5624 function _AwaitValue(value) { 5625 this.wrapped = value; 5626 } 5627 function _wrapAsyncGenerator(fn) { 5628 return function () { 5629 return new _AsyncGenerator(fn.apply(this, arguments)); 5630 }; 5631 } 5632 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { 5633 try { 5634 var info = gen[key](arg); 5635 var value = info.value; 5636 } catch (error) { 5637 reject(error); 5638 return; 5639 } 5640 if (info.done) { 5641 resolve(value); 5642 } else { 5643 Promise.resolve(value).then(_next, _throw); 5644 } 5645 } 5646 function _asyncToGenerator(fn) { 5647 return function () { 5648 var self = this, 5649 args = arguments; 5650 return new Promise(function (resolve, reject) { 5651 var gen = fn.apply(self, args); 5652 function _next(value) { 5653 asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); 5654 } 5655 function _throw(err) { 5656 asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); 5657 } 5658 _next(undefined); 5659 }); 5660 }; 5661 } 5662 function _classCallCheck(instance, Constructor) { 5663 if (!(instance instanceof Constructor)) { 5664 throw new TypeError("Cannot call a class as a function"); 5665 } 5666 } 5667 function _defineProperties(target, props) { 5668 for (var i = 0; i < props.length; i++) { 5669 var descriptor = props[i]; 5670 descriptor.enumerable = descriptor.enumerable || false; 5671 descriptor.configurable = true; 5672 if ("value" in descriptor) descriptor.writable = true; 5673 Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); 5674 } 5675 } 5676 function _createClass(Constructor, protoProps, staticProps) { 5677 if (protoProps) _defineProperties(Constructor.prototype, protoProps); 5678 if (staticProps) _defineProperties(Constructor, staticProps); 5679 Object.defineProperty(Constructor, "prototype", { 5680 writable: false 5681 }); 5682 return Constructor; 5683 } 5684 function _defineEnumerableProperties(obj, descs) { 5685 for (var key in descs) { 5686 var desc = descs[key]; 5687 desc.configurable = desc.enumerable = true; 5688 if ("value" in desc) desc.writable = true; 5689 Object.defineProperty(obj, key, desc); 5690 } 5691 if (Object.getOwnPropertySymbols) { 5692 var objectSymbols = Object.getOwnPropertySymbols(descs); 5693 for (var i = 0; i < objectSymbols.length; i++) { 5694 var sym = objectSymbols[i]; 5695 var desc = descs[sym]; 5696 desc.configurable = desc.enumerable = true; 5697 if ("value" in desc) desc.writable = true; 5698 Object.defineProperty(obj, sym, desc); 5699 } 5700 } 5701 return obj; 5702 } 5703 function _defaults(obj, defaults) { 5704 var keys = Object.getOwnPropertyNames(defaults); 5705 for (var i = 0; i < keys.length; i++) { 5706 var key = keys[i]; 5707 var value = Object.getOwnPropertyDescriptor(defaults, key); 5708 if (value && value.configurable && obj[key] === undefined) { 5709 Object.defineProperty(obj, key, value); 5710 } 5711 } 5712 return obj; 5713 } 5714 function _defineProperty(obj, key, value) { 5715 key = _toPropertyKey(key); 5716 if (key in obj) { 5717 Object.defineProperty(obj, key, { 5718 value: value, 5719 enumerable: true, 5720 configurable: true, 5721 writable: true 5722 }); 5723 } else { 5724 obj[key] = value; 5725 } 5726 return obj; 5727 } 5728 function _extends() { 5729 _extends = Object.assign ? Object.assign.bind() : function (target) { 5730 for (var i = 1; i < arguments.length; i++) { 5731 var source = arguments[i]; 5732 for (var key in source) { 5733 if (Object.prototype.hasOwnProperty.call(source, key)) { 5734 target[key] = source[key]; 5735 } 5736 } 5737 } 5738 return target; 5739 }; 5740 return _extends.apply(this, arguments); 5741 } 5742 function _objectSpread(target) { 5743 for (var i = 1; i < arguments.length; i++) { 5744 var source = arguments[i] != null ? Object(arguments[i]) : {}; 5745 var ownKeys = Object.keys(source); 5746 if (typeof Object.getOwnPropertySymbols === 'function') { 5747 ownKeys.push.apply(ownKeys, Object.getOwnPropertySymbols(source).filter(function (sym) { 5748 return Object.getOwnPropertyDescriptor(source, sym).enumerable; 5749 })); 5750 } 5751 ownKeys.forEach(function (key) { 5752 _defineProperty(target, key, source[key]); 5753 }); 5754 } 5755 return target; 5756 } 5757 function _inherits(subClass, superClass) { 5758 if (typeof superClass !== "function" && superClass !== null) { 5759 throw new TypeError("Super expression must either be null or a function"); 5760 } 5761 subClass.prototype = Object.create(superClass && superClass.prototype, { 5762 constructor: { 5763 value: subClass, 5764 writable: true, 5765 configurable: true 5766 } 5767 }); 5768 Object.defineProperty(subClass, "prototype", { 5769 writable: false 5770 }); 5771 if (superClass) _setPrototypeOf(subClass, superClass); 5772 } 5773 function _inheritsLoose(subClass, superClass) { 5774 subClass.prototype = Object.create(superClass.prototype); 5775 subClass.prototype.constructor = subClass; 5776 _setPrototypeOf(subClass, superClass); 5777 } 5778 function _getPrototypeOf(o) { 5779 _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { 5780 return o.__proto__ || Object.getPrototypeOf(o); 5781 }; 5782 return _getPrototypeOf(o); 5783 } 5784 function _setPrototypeOf(o, p) { 5785 _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { 5786 o.__proto__ = p; 5787 return o; 5788 }; 5789 return _setPrototypeOf(o, p); 5790 } 5791 function _isNativeFunction(fn) { 5792 try { 5793 return Function.toString.call(fn).indexOf("[native code]") !== -1; 5794 } catch (e) { 5795 return typeof fn === "function"; 5796 } 5797 } 5798 function _wrapNativeSuper(Class) { 5799 var _cache = typeof Map === "function" ? new Map() : undefined; 5800 _wrapNativeSuper = function _wrapNativeSuper(Class) { 5801 if (Class === null || !_isNativeFunction(Class)) return Class; 5802 if (typeof Class !== "function") { 5803 throw new TypeError("Super expression must either be null or a function"); 5804 } 5805 if (typeof _cache !== "undefined") { 5806 if (_cache.has(Class)) return _cache.get(Class); 5807 _cache.set(Class, Wrapper); 5808 } 5809 function Wrapper() { 5810 return _construct(Class, arguments, _getPrototypeOf(this).constructor); 5811 } 5812 Wrapper.prototype = Object.create(Class.prototype, { 5813 constructor: { 5814 value: Wrapper, 5815 enumerable: false, 5816 writable: true, 5817 configurable: true 5818 } 5819 }); 5820 return _setPrototypeOf(Wrapper, Class); 5821 }; 5822 return _wrapNativeSuper(Class); 5823 } 5824 function _instanceof(left, right) { 5825 if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) { 5826 return !!right[Symbol.hasInstance](left); 5827 } else { 5828 return left instanceof right; 5829 } 5830 } 5831 function _interopRequireDefault(obj) { 5832 return obj && obj.__esModule ? obj : { 5833 default: obj 5834 }; 5835 } 5836 function _newArrowCheck(innerThis, boundThis) { 5837 if (innerThis !== boundThis) { 5838 throw new TypeError("Cannot instantiate an arrow function"); 5839 } 5840 } 5841 function _objectDestructuringEmpty(obj) { 5842 if (obj == null) throw new TypeError("Cannot destructure " + obj); 5843 } 5844 function _objectWithoutPropertiesLoose(source, excluded) { 5845 if (source == null) return {}; 5846 var target = {}; 5847 var sourceKeys = Object.keys(source); 5848 var key, i; 5849 for (i = 0; i < sourceKeys.length; i++) { 5850 key = sourceKeys[i]; 5851 if (excluded.indexOf(key) >= 0) continue; 5852 target[key] = source[key]; 5853 } 5854 return target; 5855 } 5856 function _objectWithoutProperties(source, excluded) { 5857 if (source == null) return {}; 5858 var target = _objectWithoutPropertiesLoose(source, excluded); 5859 var key, i; 5860 if (Object.getOwnPropertySymbols) { 5861 var sourceSymbolKeys = Object.getOwnPropertySymbols(source); 5862 for (i = 0; i < sourceSymbolKeys.length; i++) { 5863 key = sourceSymbolKeys[i]; 5864 if (excluded.indexOf(key) >= 0) continue; 5865 if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; 5866 target[key] = source[key]; 5867 } 5868 } 5869 return target; 5870 } 5871 function _assertThisInitialized(self) { 5872 if (self === void 0) { 5873 throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); 5874 } 5875 return self; 5876 } 5877 function _possibleConstructorReturn(self, call) { 5878 if (call && (typeof call === "object" || typeof call === "function")) { 5879 return call; 5880 } else if (call !== void 0) { 5881 throw new TypeError("Derived constructors may only return object or undefined"); 5882 } 5883 return _assertThisInitialized(self); 5884 } 5885 function _createSuper(Derived) { 5886 var hasNativeReflectConstruct = _isNativeReflectConstruct(); 5887 return function _createSuperInternal() { 5888 var Super = _getPrototypeOf(Derived), 5889 result; 5890 if (hasNativeReflectConstruct) { 5891 var NewTarget = _getPrototypeOf(this).constructor; 5892 result = Reflect.construct(Super, arguments, NewTarget); 5893 } else { 5894 result = Super.apply(this, arguments); 5895 } 5896 return _possibleConstructorReturn(this, result); 5897 }; 5898 } 5899 function _superPropBase(object, property) { 5900 while (!Object.prototype.hasOwnProperty.call(object, property)) { 5901 object = _getPrototypeOf(object); 5902 if (object === null) break; 5903 } 5904 return object; 5905 } 5906 function _get() { 5907 if (typeof Reflect !== "undefined" && Reflect.get) { 5908 _get = Reflect.get.bind(); 5909 } else { 5910 _get = function _get(target, property, receiver) { 5911 var base = _superPropBase(target, property); 5912 if (!base) return; 5913 var desc = Object.getOwnPropertyDescriptor(base, property); 5914 if (desc.get) { 5915 return desc.get.call(arguments.length < 3 ? target : receiver); 5916 } 5917 return desc.value; 5918 }; 5919 } 5920 return _get.apply(this, arguments); 5921 } 5922 function set(target, property, value, receiver) { 5923 if (typeof Reflect !== "undefined" && Reflect.set) { 5924 set = Reflect.set; 5925 } else { 5926 set = function set(target, property, value, receiver) { 5927 var base = _superPropBase(target, property); 5928 var desc; 5929 if (base) { 5930 desc = Object.getOwnPropertyDescriptor(base, property); 5931 if (desc.set) { 5932 desc.set.call(receiver, value); 5933 return true; 5934 } else if (!desc.writable) { 5935 return false; 5936 } 5937 } 5938 desc = Object.getOwnPropertyDescriptor(receiver, property); 5939 if (desc) { 5940 if (!desc.writable) { 5941 return false; 5942 } 5943 desc.value = value; 5944 Object.defineProperty(receiver, property, desc); 5945 } else { 5946 _defineProperty(receiver, property, value); 5947 } 5948 return true; 5949 }; 5950 } 5951 return set(target, property, value, receiver); 5952 } 5953 function _set(target, property, value, receiver, isStrict) { 5954 var s = set(target, property, value, receiver || target); 5955 if (!s && isStrict) { 5956 throw new TypeError('failed to set property'); 5957 } 5958 return value; 5959 } 5960 function _taggedTemplateLiteral(strings, raw) { 5961 if (!raw) { 5962 raw = strings.slice(0); 5963 } 5964 return Object.freeze(Object.defineProperties(strings, { 5965 raw: { 5966 value: Object.freeze(raw) 5967 } 5968 })); 5969 } 5970 function _taggedTemplateLiteralLoose(strings, raw) { 5971 if (!raw) { 5972 raw = strings.slice(0); 5973 } 5974 strings.raw = raw; 5975 return strings; 5976 } 5977 function _readOnlyError(name) { 5978 throw new TypeError("\"" + name + "\" is read-only"); 5979 } 5980 function _writeOnlyError(name) { 5981 throw new TypeError("\"" + name + "\" is write-only"); 5982 } 5983 function _classNameTDZError(name) { 5984 throw new ReferenceError("Class \"" + name + "\" cannot be referenced in computed property keys."); 5985 } 5986 function _temporalUndefined() {} 5987 function _tdz(name) { 5988 throw new ReferenceError(name + " is not defined - temporal dead zone"); 5989 } 5990 function _temporalRef(val, name) { 5991 return val === _temporalUndefined ? _tdz(name) : val; 5992 } 5993 function _slicedToArray(arr, i) { 5994 return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); 5995 } 5996 function _slicedToArrayLoose(arr, i) { 5997 return _arrayWithHoles(arr) || _iterableToArrayLimitLoose(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); 5998 } 5999 function _toArray(arr) { 6000 return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest(); 6001 } 6002 function _toConsumableArray(arr) { 6003 return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); 6004 } 6005 function _arrayWithoutHoles(arr) { 6006 if (Array.isArray(arr)) return _arrayLikeToArray(arr); 6007 } 6008 function _arrayWithHoles(arr) { 6009 if (Array.isArray(arr)) return arr; 6010 } 6011 function _maybeArrayLike(next, arr, i) { 6012 if (arr && !Array.isArray(arr) && typeof arr.length === "number") { 6013 var len = arr.length; 6014 return _arrayLikeToArray(arr, i !== void 0 && i < len ? i : len); 6015 } 6016 return next(arr, i); 6017 } 6018 function _iterableToArray(iter) { 6019 if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); 6020 } 6021 function _unsupportedIterableToArray(o, minLen) { 6022 if (!o) return; 6023 if (typeof o === "string") return _arrayLikeToArray(o, minLen); 6024 var n = Object.prototype.toString.call(o).slice(8, -1); 6025 if (n === "Object" && o.constructor) n = o.constructor.name; 6026 if (n === "Map" || n === "Set") return Array.from(o); 6027 if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); 6028 } 6029 function _arrayLikeToArray(arr, len) { 6030 if (len == null || len > arr.length) len = arr.length; 6031 for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; 6032 return arr2; 6033 } 6034 function _nonIterableSpread() { 6035 throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); 6036 } 6037 function _nonIterableRest() { 6038 throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); 6039 } 6040 function _createForOfIteratorHelper(o, allowArrayLike) { 6041 var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; 6042 if (!it) { 6043 if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { 6044 if (it) o = it; 6045 var i = 0; 6046 var F = function () {}; 6047 return { 6048 s: F, 6049 n: function () { 6050 if (i >= o.length) return { 6051 done: true 6052 }; 6053 return { 6054 done: false, 6055 value: o[i++] 6056 }; 6057 }, 6058 e: function (e) { 6059 throw e; 6060 }, 6061 f: F 6062 }; 6063 } 6064 throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); 6065 } 6066 var normalCompletion = true, 6067 didErr = false, 6068 err; 6069 return { 6070 s: function () { 6071 it = it.call(o); 6072 }, 6073 n: function () { 6074 var step = it.next(); 6075 normalCompletion = step.done; 6076 return step; 6077 }, 6078 e: function (e) { 6079 didErr = true; 6080 err = e; 6081 }, 6082 f: function () { 6083 try { 6084 if (!normalCompletion && it.return != null) it.return(); 6085 } finally { 6086 if (didErr) throw err; 6087 } 6088 } 6089 }; 6090 } 6091 function _createForOfIteratorHelperLoose(o, allowArrayLike) { 6092 var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; 6093 if (it) return (it = it.call(o)).next.bind(it); 6094 if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { 6095 if (it) o = it; 6096 var i = 0; 6097 return function () { 6098 if (i >= o.length) return { 6099 done: true 6100 }; 6101 return { 6102 done: false, 6103 value: o[i++] 6104 }; 6105 }; 6106 } 6107 throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); 6108 } 6109 function _skipFirstGeneratorNext(fn) { 6110 return function () { 6111 var it = fn.apply(this, arguments); 6112 it.next(); 6113 return it; 6114 }; 6115 } 6116 function _initializerWarningHelper(descriptor, context) { 6117 throw new Error('Decorating class property failed. Please ensure that ' + 'transform-class-properties is enabled and runs after the decorators transform.'); 6118 } 6119 function _initializerDefineProperty(target, property, descriptor, context) { 6120 if (!descriptor) return; 6121 Object.defineProperty(target, property, { 6122 enumerable: descriptor.enumerable, 6123 configurable: descriptor.configurable, 6124 writable: descriptor.writable, 6125 value: descriptor.initializer ? descriptor.initializer.call(context) : void 0 6126 }); 6127 } 6128 function _applyDecoratedDescriptor(target, property, decorators, descriptor, context) { 6129 var desc = {}; 6130 Object.keys(descriptor).forEach(function (key) { 6131 desc[key] = descriptor[key]; 6132 }); 6133 desc.enumerable = !!desc.enumerable; 6134 desc.configurable = !!desc.configurable; 6135 if ('value' in desc || desc.initializer) { 6136 desc.writable = true; 6137 } 6138 desc = decorators.slice().reverse().reduce(function (desc, decorator) { 6139 return decorator(target, property, desc) || desc; 6140 }, desc); 6141 if (context && desc.initializer !== void 0) { 6142 desc.value = desc.initializer ? desc.initializer.call(context) : void 0; 6143 desc.initializer = undefined; 6144 } 6145 if (desc.initializer === void 0) { 6146 Object.defineProperty(target, property, desc); 6147 desc = null; 6148 } 6149 return desc; 6150 } 6151 var id$1 = 0; 6152 function _classPrivateFieldLooseKey(name) { 6153 return "__private_" + id$1++ + "_" + name; 6154 } 6155 function _classPrivateFieldLooseBase(receiver, privateKey) { 6156 if (!Object.prototype.hasOwnProperty.call(receiver, privateKey)) { 6157 throw new TypeError("attempted to use private field on non-instance"); 6158 } 6159 return receiver; 6160 } 6161 function _classPrivateFieldGet(receiver, privateMap) { 6162 var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); 6163 return _classApplyDescriptorGet(receiver, descriptor); 6164 } 6165 function _classPrivateFieldSet(receiver, privateMap, value) { 6166 var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); 6167 _classApplyDescriptorSet(receiver, descriptor, value); 6168 return value; 6169 } 6170 function _classPrivateFieldDestructureSet(receiver, privateMap) { 6171 var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "set"); 6172 return _classApplyDescriptorDestructureSet(receiver, descriptor); 6173 } 6174 function _classExtractFieldDescriptor(receiver, privateMap, action) { 6175 if (!privateMap.has(receiver)) { 6176 throw new TypeError("attempted to " + action + " private field on non-instance"); 6177 } 6178 return privateMap.get(receiver); 6179 } 6180 function _classStaticPrivateFieldSpecGet(receiver, classConstructor, descriptor) { 6181 _classCheckPrivateStaticAccess(receiver, classConstructor); 6182 _classCheckPrivateStaticFieldDescriptor(descriptor, "get"); 6183 return _classApplyDescriptorGet(receiver, descriptor); 6184 } 6185 function _classStaticPrivateFieldSpecSet(receiver, classConstructor, descriptor, value) { 6186 _classCheckPrivateStaticAccess(receiver, classConstructor); 6187 _classCheckPrivateStaticFieldDescriptor(descriptor, "set"); 6188 _classApplyDescriptorSet(receiver, descriptor, value); 6189 return value; 6190 } 6191 function _classStaticPrivateMethodGet(receiver, classConstructor, method) { 6192 _classCheckPrivateStaticAccess(receiver, classConstructor); 6193 return method; 6194 } 6195 function _classStaticPrivateMethodSet() { 6196 throw new TypeError("attempted to set read only static private field"); 6197 } 6198 function _classApplyDescriptorGet(receiver, descriptor) { 6199 if (descriptor.get) { 6200 return descriptor.get.call(receiver); 6201 } 6202 return descriptor.value; 6203 } 6204 function _classApplyDescriptorSet(receiver, descriptor, value) { 6205 if (descriptor.set) { 6206 descriptor.set.call(receiver, value); 6207 } else { 6208 if (!descriptor.writable) { 6209 throw new TypeError("attempted to set read only private field"); 6210 } 6211 descriptor.value = value; 6212 } 6213 } 6214 function _classApplyDescriptorDestructureSet(receiver, descriptor) { 6215 if (descriptor.set) { 6216 if (!("__destrObj" in descriptor)) { 6217 descriptor.__destrObj = { 6218 set value(v) { 6219 descriptor.set.call(receiver, v); 6220 } 6221 }; 6222 } 6223 return descriptor.__destrObj; 6224 } else { 6225 if (!descriptor.writable) { 6226 throw new TypeError("attempted to set read only private field"); 6227 } 6228 return descriptor; 6229 } 6230 } 6231 function _classStaticPrivateFieldDestructureSet(receiver, classConstructor, descriptor) { 6232 _classCheckPrivateStaticAccess(receiver, classConstructor); 6233 _classCheckPrivateStaticFieldDescriptor(descriptor, "set"); 6234 return _classApplyDescriptorDestructureSet(receiver, descriptor); 6235 } 6236 function _classCheckPrivateStaticAccess(receiver, classConstructor) { 6237 if (receiver !== classConstructor) { 6238 throw new TypeError("Private static access of wrong provenance"); 6239 } 6240 } 6241 function _classCheckPrivateStaticFieldDescriptor(descriptor, action) { 6242 if (descriptor === undefined) { 6243 throw new TypeError("attempted to " + action + " private static field before its declaration"); 6244 } 6245 } 6246 function _decorate(decorators, factory, superClass, mixins) { 6247 var api = _getDecoratorsApi(); 6248 if (mixins) { 6249 for (var i = 0; i < mixins.length; i++) { 6250 api = mixins[i](api); 6251 } 6252 } 6253 var r = factory(function initialize(O) { 6254 api.initializeInstanceElements(O, decorated.elements); 6255 }, superClass); 6256 var decorated = api.decorateClass(_coalesceClassElements(r.d.map(_createElementDescriptor)), decorators); 6257 api.initializeClassElements(r.F, decorated.elements); 6258 return api.runClassFinishers(r.F, decorated.finishers); 6259 } 6260 function _getDecoratorsApi() { 6261 _getDecoratorsApi = function () { 6262 return api; 6263 }; 6264 var api = { 6265 elementsDefinitionOrder: [["method"], ["field"]], 6266 initializeInstanceElements: function (O, elements) { 6267 ["method", "field"].forEach(function (kind) { 6268 elements.forEach(function (element) { 6269 if (element.kind === kind && element.placement === "own") { 6270 this.defineClassElement(O, element); 6271 } 6272 }, this); 6273 }, this); 6274 }, 6275 initializeClassElements: function (F, elements) { 6276 var proto = F.prototype; 6277 ["method", "field"].forEach(function (kind) { 6278 elements.forEach(function (element) { 6279 var placement = element.placement; 6280 if (element.kind === kind && (placement === "static" || placement === "prototype")) { 6281 var receiver = placement === "static" ? F : proto; 6282 this.defineClassElement(receiver, element); 6283 } 6284 }, this); 6285 }, this); 6286 }, 6287 defineClassElement: function (receiver, element) { 6288 var descriptor = element.descriptor; 6289 if (element.kind === "field") { 6290 var initializer = element.initializer; 6291 descriptor = { 6292 enumerable: descriptor.enumerable, 6293 writable: descriptor.writable, 6294 configurable: descriptor.configurable, 6295 value: initializer === void 0 ? void 0 : initializer.call(receiver) 6296 }; 6297 } 6298 Object.defineProperty(receiver, element.key, descriptor); 6299 }, 6300 decorateClass: function (elements, decorators) { 6301 var newElements = []; 6302 var finishers = []; 6303 var placements = { 6304 static: [], 6305 prototype: [], 6306 own: [] 6307 }; 6308 elements.forEach(function (element) { 6309 this.addElementPlacement(element, placements); 6310 }, this); 6311 elements.forEach(function (element) { 6312 if (!_hasDecorators(element)) return newElements.push(element); 6313 var elementFinishersExtras = this.decorateElement(element, placements); 6314 newElements.push(elementFinishersExtras.element); 6315 newElements.push.apply(newElements, elementFinishersExtras.extras); 6316 finishers.push.apply(finishers, elementFinishersExtras.finishers); 6317 }, this); 6318 if (!decorators) { 6319 return { 6320 elements: newElements, 6321 finishers: finishers 6322 }; 6323 } 6324 var result = this.decorateConstructor(newElements, decorators); 6325 finishers.push.apply(finishers, result.finishers); 6326 result.finishers = finishers; 6327 return result; 6328 }, 6329 addElementPlacement: function (element, placements, silent) { 6330 var keys = placements[element.placement]; 6331 if (!silent && keys.indexOf(element.key) !== -1) { 6332 throw new TypeError("Duplicated element (" + element.key + ")"); 6333 } 6334 keys.push(element.key); 6335 }, 6336 decorateElement: function (element, placements) { 6337 var extras = []; 6338 var finishers = []; 6339 for (var decorators = element.decorators, i = decorators.length - 1; i >= 0; i--) { 6340 var keys = placements[element.placement]; 6341 keys.splice(keys.indexOf(element.key), 1); 6342 var elementObject = this.fromElementDescriptor(element); 6343 var elementFinisherExtras = this.toElementFinisherExtras((0, decorators[i])(elementObject) || elementObject); 6344 element = elementFinisherExtras.element; 6345 this.addElementPlacement(element, placements); 6346 if (elementFinisherExtras.finisher) { 6347 finishers.push(elementFinisherExtras.finisher); 6348 } 6349 var newExtras = elementFinisherExtras.extras; 6350 if (newExtras) { 6351 for (var j = 0; j < newExtras.length; j++) { 6352 this.addElementPlacement(newExtras[j], placements); 6353 } 6354 extras.push.apply(extras, newExtras); 6355 } 6356 } 6357 return { 6358 element: element, 6359 finishers: finishers, 6360 extras: extras 6361 }; 6362 }, 6363 decorateConstructor: function (elements, decorators) { 6364 var finishers = []; 6365 for (var i = decorators.length - 1; i >= 0; i--) { 6366 var obj = this.fromClassDescriptor(elements); 6367 var elementsAndFinisher = this.toClassDescriptor((0, decorators[i])(obj) || obj); 6368 if (elementsAndFinisher.finisher !== undefined) { 6369 finishers.push(elementsAndFinisher.finisher); 6370 } 6371 if (elementsAndFinisher.elements !== undefined) { 6372 elements = elementsAndFinisher.elements; 6373 for (var j = 0; j < elements.length - 1; j++) { 6374 for (var k = j + 1; k < elements.length; k++) { 6375 if (elements[j].key === elements[k].key && elements[j].placement === elements[k].placement) { 6376 throw new TypeError("Duplicated element (" + elements[j].key + ")"); 6377 } 6378 } 6379 } 6380 } 6381 } 6382 return { 6383 elements: elements, 6384 finishers: finishers 6385 }; 6386 }, 6387 fromElementDescriptor: function (element) { 6388 var obj = { 6389 kind: element.kind, 6390 key: element.key, 6391 placement: element.placement, 6392 descriptor: element.descriptor 6393 }; 6394 var desc = { 6395 value: "Descriptor", 6396 configurable: true 6397 }; 6398 Object.defineProperty(obj, Symbol.toStringTag, desc); 6399 if (element.kind === "field") obj.initializer = element.initializer; 6400 return obj; 6401 }, 6402 toElementDescriptors: function (elementObjects) { 6403 if (elementObjects === undefined) return; 6404 return _toArray(elementObjects).map(function (elementObject) { 6405 var element = this.toElementDescriptor(elementObject); 6406 this.disallowProperty(elementObject, "finisher", "An element descriptor"); 6407 this.disallowProperty(elementObject, "extras", "An element descriptor"); 6408 return element; 6409 }, this); 6410 }, 6411 toElementDescriptor: function (elementObject) { 6412 var kind = String(elementObject.kind); 6413 if (kind !== "method" && kind !== "field") { 6414 throw new TypeError('An element descriptor\'s .kind property must be either "method" or' + ' "field", but a decorator created an element descriptor with' + ' .kind "' + kind + '"'); 6415 } 6416 var key = _toPropertyKey(elementObject.key); 6417 var placement = String(elementObject.placement); 6418 if (placement !== "static" && placement !== "prototype" && placement !== "own") { 6419 throw new TypeError('An element descriptor\'s .placement property must be one of "static",' + ' "prototype" or "own", but a decorator created an element descriptor' + ' with .placement "' + placement + '"'); 6420 } 6421 var descriptor = elementObject.descriptor; 6422 this.disallowProperty(elementObject, "elements", "An element descriptor"); 6423 var element = { 6424 kind: kind, 6425 key: key, 6426 placement: placement, 6427 descriptor: Object.assign({}, descriptor) 6428 }; 6429 if (kind !== "field") { 6430 this.disallowProperty(elementObject, "initializer", "A method descriptor"); 6431 } else { 6432 this.disallowProperty(descriptor, "get", "The property descriptor of a field descriptor"); 6433 this.disallowProperty(descriptor, "set", "The property descriptor of a field descriptor"); 6434 this.disallowProperty(descriptor, "value", "The property descriptor of a field descriptor"); 6435 element.initializer = elementObject.initializer; 6436 } 6437 return element; 6438 }, 6439 toElementFinisherExtras: function (elementObject) { 6440 var element = this.toElementDescriptor(elementObject); 6441 var finisher = _optionalCallableProperty(elementObject, "finisher"); 6442 var extras = this.toElementDescriptors(elementObject.extras); 6443 return { 6444 element: element, 6445 finisher: finisher, 6446 extras: extras 6447 }; 6448 }, 6449 fromClassDescriptor: function (elements) { 6450 var obj = { 6451 kind: "class", 6452 elements: elements.map(this.fromElementDescriptor, this) 6453 }; 6454 var desc = { 6455 value: "Descriptor", 6456 configurable: true 6457 }; 6458 Object.defineProperty(obj, Symbol.toStringTag, desc); 6459 return obj; 6460 }, 6461 toClassDescriptor: function (obj) { 6462 var kind = String(obj.kind); 6463 if (kind !== "class") { 6464 throw new TypeError('A class descriptor\'s .kind property must be "class", but a decorator' + ' created a class descriptor with .kind "' + kind + '"'); 6465 } 6466 this.disallowProperty(obj, "key", "A class descriptor"); 6467 this.disallowProperty(obj, "placement", "A class descriptor"); 6468 this.disallowProperty(obj, "descriptor", "A class descriptor"); 6469 this.disallowProperty(obj, "initializer", "A class descriptor"); 6470 this.disallowProperty(obj, "extras", "A class descriptor"); 6471 var finisher = _optionalCallableProperty(obj, "finisher"); 6472 var elements = this.toElementDescriptors(obj.elements); 6473 return { 6474 elements: elements, 6475 finisher: finisher 6476 }; 6477 }, 6478 runClassFinishers: function (constructor, finishers) { 6479 for (var i = 0; i < finishers.length; i++) { 6480 var newConstructor = (0, finishers[i])(constructor); 6481 if (newConstructor !== undefined) { 6482 if (typeof newConstructor !== "function") { 6483 throw new TypeError("Finishers must return a constructor."); 6484 } 6485 constructor = newConstructor; 6486 } 6487 } 6488 return constructor; 6489 }, 6490 disallowProperty: function (obj, name, objectType) { 6491 if (obj[name] !== undefined) { 6492 throw new TypeError(objectType + " can't have a ." + name + " property."); 6493 } 6494 } 6495 }; 6496 return api; 6497 } 6498 function _createElementDescriptor(def) { 6499 var key = _toPropertyKey(def.key); 6500 var descriptor; 6501 if (def.kind === "method") { 6502 descriptor = { 6503 value: def.value, 6504 writable: true, 6505 configurable: true, 6506 enumerable: false 6507 }; 6508 } else if (def.kind === "get") { 6509 descriptor = { 6510 get: def.value, 6511 configurable: true, 6512 enumerable: false 6513 }; 6514 } else if (def.kind === "set") { 6515 descriptor = { 6516 set: def.value, 6517 configurable: true, 6518 enumerable: false 6519 }; 6520 } else if (def.kind === "field") { 6521 descriptor = { 6522 configurable: true, 6523 writable: true, 6524 enumerable: true 6525 }; 6526 } 6527 var element = { 6528 kind: def.kind === "field" ? "field" : "method", 6529 key: key, 6530 placement: def.static ? "static" : def.kind === "field" ? "own" : "prototype", 6531 descriptor: descriptor 6532 }; 6533 if (def.decorators) element.decorators = def.decorators; 6534 if (def.kind === "field") element.initializer = def.value; 6535 return element; 6536 } 6537 function _coalesceGetterSetter(element, other) { 6538 if (element.descriptor.get !== undefined) { 6539 other.descriptor.get = element.descriptor.get; 6540 } else { 6541 other.descriptor.set = element.descriptor.set; 6542 } 6543 } 6544 function _coalesceClassElements(elements) { 6545 var newElements = []; 6546 var isSameElement = function (other) { 6547 return other.kind === "method" && other.key === element.key && other.placement === element.placement; 6548 }; 6549 for (var i = 0; i < elements.length; i++) { 6550 var element = elements[i]; 6551 var other; 6552 if (element.kind === "method" && (other = newElements.find(isSameElement))) { 6553 if (_isDataDescriptor(element.descriptor) || _isDataDescriptor(other.descriptor)) { 6554 if (_hasDecorators(element) || _hasDecorators(other)) { 6555 throw new ReferenceError("Duplicated methods (" + element.key + ") can't be decorated."); 6556 } 6557 other.descriptor = element.descriptor; 6558 } else { 6559 if (_hasDecorators(element)) { 6560 if (_hasDecorators(other)) { 6561 throw new ReferenceError("Decorators can't be placed on different accessors with for " + "the same property (" + element.key + ")."); 6562 } 6563 other.decorators = element.decorators; 6564 } 6565 _coalesceGetterSetter(element, other); 6566 } 6567 } else { 6568 newElements.push(element); 6569 } 6570 } 6571 return newElements; 6572 } 6573 function _hasDecorators(element) { 6574 return element.decorators && element.decorators.length; 6575 } 6576 function _isDataDescriptor(desc) { 6577 return desc !== undefined && !(desc.value === undefined && desc.writable === undefined); 6578 } 6579 function _optionalCallableProperty(obj, name) { 6580 var value = obj[name]; 6581 if (value !== undefined && typeof value !== "function") { 6582 throw new TypeError("Expected '" + name + "' to be a function"); 6583 } 6584 return value; 6585 } 6586 function _classPrivateMethodGet(receiver, privateSet, fn) { 6587 if (!privateSet.has(receiver)) { 6588 throw new TypeError("attempted to get private field on non-instance"); 6589 } 6590 return fn; 6591 } 6592 function _checkPrivateRedeclaration(obj, privateCollection) { 6593 if (privateCollection.has(obj)) { 6594 throw new TypeError("Cannot initialize the same private elements twice on an object"); 6595 } 6596 } 6597 function _classPrivateFieldInitSpec(obj, privateMap, value) { 6598 _checkPrivateRedeclaration(obj, privateMap); 6599 privateMap.set(obj, value); 6600 } 6601 function _classPrivateMethodInitSpec(obj, privateSet) { 6602 _checkPrivateRedeclaration(obj, privateSet); 6603 privateSet.add(obj); 6604 } 6605 function _classPrivateMethodSet() { 6606 throw new TypeError("attempted to reassign private method"); 6607 } 6608 function _identity(x) { 6609 return x; 6610 } 6611 function _nullishReceiverError(r) { 6612 throw new TypeError("Cannot set property of null or undefined."); 6613 } 6614 6615 class Piece extends TrixObject { 6616 static registerType(type, constructor) { 6617 constructor.type = type; 6618 this.types[type] = constructor; 6619 } 6620 static fromJSON(pieceJSON) { 6621 const constructor = this.types[pieceJSON.type]; 6622 if (constructor) { 6623 return constructor.fromJSON(pieceJSON); 6624 } 6625 } 6626 constructor(value) { 6627 let attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 6628 super(...arguments); 6629 this.attributes = Hash.box(attributes); 6630 } 6631 copyWithAttributes(attributes) { 6632 return new this.constructor(this.getValue(), attributes); 6633 } 6634 copyWithAdditionalAttributes(attributes) { 6635 return this.copyWithAttributes(this.attributes.merge(attributes)); 6636 } 6637 copyWithoutAttribute(attribute) { 6638 return this.copyWithAttributes(this.attributes.remove(attribute)); 6639 } 6640 copy() { 6641 return this.copyWithAttributes(this.attributes); 6642 } 6643 getAttribute(attribute) { 6644 return this.attributes.get(attribute); 6645 } 6646 getAttributesHash() { 6647 return this.attributes; 6648 } 6649 getAttributes() { 6650 return this.attributes.toObject(); 6651 } 6652 hasAttribute(attribute) { 6653 return this.attributes.has(attribute); 6654 } 6655 hasSameStringValueAsPiece(piece) { 6656 return piece && this.toString() === piece.toString(); 6657 } 6658 hasSameAttributesAsPiece(piece) { 6659 return piece && (this.attributes === piece.attributes || this.attributes.isEqualTo(piece.attributes)); 6660 } 6661 isBlockBreak() { 6662 return false; 6663 } 6664 isEqualTo(piece) { 6665 return super.isEqualTo(...arguments) || this.hasSameConstructorAs(piece) && this.hasSameStringValueAsPiece(piece) && this.hasSameAttributesAsPiece(piece); 6666 } 6667 isEmpty() { 6668 return this.length === 0; 6669 } 6670 isSerializable() { 6671 return true; 6672 } 6673 toJSON() { 6674 return { 6675 type: this.constructor.type, 6676 attributes: this.getAttributes() 6677 }; 6678 } 6679 contentsForInspection() { 6680 return { 6681 type: this.constructor.type, 6682 attributes: this.attributes.inspect() 6683 }; 6684 } 6685 6686 // Grouping 6687 6688 canBeGrouped() { 6689 return this.hasAttribute("href"); 6690 } 6691 canBeGroupedWith(piece) { 6692 return this.getAttribute("href") === piece.getAttribute("href"); 6693 } 6694 6695 // Splittable 6696 6697 getLength() { 6698 return this.length; 6699 } 6700 canBeConsolidatedWith(piece) { 6701 return false; 6702 } 6703 } 6704 _defineProperty(Piece, "types", {}); 6705 6706 class ImagePreloadOperation extends Operation { 6707 constructor(url) { 6708 super(...arguments); 6709 this.url = url; 6710 } 6711 perform(callback) { 6712 const image = new Image(); 6713 image.onload = () => { 6714 image.width = this.width = image.naturalWidth; 6715 image.height = this.height = image.naturalHeight; 6716 return callback(true, image); 6717 }; 6718 image.onerror = () => callback(false); 6719 image.src = this.url; 6720 } 6721 } 6722 6723 class Attachment extends TrixObject { 6724 static attachmentForFile(file) { 6725 const attributes = this.attributesForFile(file); 6726 const attachment = new this(attributes); 6727 attachment.setFile(file); 6728 return attachment; 6729 } 6730 static attributesForFile(file) { 6731 return new Hash({ 6732 filename: file.name, 6733 filesize: file.size, 6734 contentType: file.type 6735 }); 6736 } 6737 static fromJSON(attachmentJSON) { 6738 return new this(attachmentJSON); 6739 } 6740 constructor() { 6741 let attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; 6742 super(attributes); 6743 this.releaseFile = this.releaseFile.bind(this); 6744 this.attributes = Hash.box(attributes); 6745 this.didChangeAttributes(); 6746 } 6747 setAttribute(attribute, value) { 6748 this.setAttributes({ 6749 [attribute]: value 6750 }); 6751 } 6752 getAttribute(attribute) { 6753 return this.attributes.get(attribute); 6754 } 6755 hasAttribute(attribute) { 6756 return this.attributes.has(attribute); 6757 } 6758 getAttributes() { 6759 return this.attributes.toObject(); 6760 } 6761 setAttributes() { 6762 let attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; 6763 const newAttributes = this.attributes.merge(attributes); 6764 if (!this.attributes.isEqualTo(newAttributes)) { 6765 var _this$previewDelegate, _this$previewDelegate2, _this$delegate, _this$delegate$attach; 6766 this.attributes = newAttributes; 6767 this.didChangeAttributes(); 6768 (_this$previewDelegate = this.previewDelegate) === null || _this$previewDelegate === void 0 || (_this$previewDelegate2 = _this$previewDelegate.attachmentDidChangeAttributes) === null || _this$previewDelegate2 === void 0 || _this$previewDelegate2.call(_this$previewDelegate, this); 6769 return (_this$delegate = this.delegate) === null || _this$delegate === void 0 || (_this$delegate$attach = _this$delegate.attachmentDidChangeAttributes) === null || _this$delegate$attach === void 0 ? void 0 : _this$delegate$attach.call(_this$delegate, this); 6770 } 6771 } 6772 didChangeAttributes() { 6773 if (this.isPreviewable()) { 6774 return this.preloadURL(); 6775 } 6776 } 6777 isPending() { 6778 return this.file != null && !(this.getURL() || this.getHref()); 6779 } 6780 isPreviewable() { 6781 if (this.attributes.has("previewable")) { 6782 return this.attributes.get("previewable"); 6783 } else { 6784 return Attachment.previewablePattern.test(this.getContentType()); 6785 } 6786 } 6787 getType() { 6788 if (this.hasContent()) { 6789 return "content"; 6790 } else if (this.isPreviewable()) { 6791 return "preview"; 6792 } else { 6793 return "file"; 6794 } 6795 } 6796 getURL() { 6797 return this.attributes.get("url"); 6798 } 6799 getHref() { 6800 return this.attributes.get("href"); 6801 } 6802 getFilename() { 6803 return this.attributes.get("filename") || ""; 6804 } 6805 getFilesize() { 6806 return this.attributes.get("filesize"); 6807 } 6808 getFormattedFilesize() { 6809 const filesize = this.attributes.get("filesize"); 6810 if (typeof filesize === "number") { 6811 return file_size_formatting.formatter(filesize); 6812 } else { 6813 return ""; 6814 } 6815 } 6816 getExtension() { 6817 var _this$getFilename$mat; 6818 return (_this$getFilename$mat = this.getFilename().match(/\.(\w+)$/)) === null || _this$getFilename$mat === void 0 ? void 0 : _this$getFilename$mat[1].toLowerCase(); 6819 } 6820 getContentType() { 6821 return this.attributes.get("contentType"); 6822 } 6823 hasContent() { 6824 return this.attributes.has("content"); 6825 } 6826 getContent() { 6827 return this.attributes.get("content"); 6828 } 6829 getWidth() { 6830 return this.attributes.get("width"); 6831 } 6832 getHeight() { 6833 return this.attributes.get("height"); 6834 } 6835 getFile() { 6836 return this.file; 6837 } 6838 setFile(file) { 6839 this.file = file; 6840 if (this.isPreviewable()) { 6841 return this.preloadFile(); 6842 } 6843 } 6844 releaseFile() { 6845 this.releasePreloadedFile(); 6846 this.file = null; 6847 } 6848 getUploadProgress() { 6849 return this.uploadProgress != null ? this.uploadProgress : 0; 6850 } 6851 setUploadProgress(value) { 6852 if (this.uploadProgress !== value) { 6853 var _this$uploadProgressD, _this$uploadProgressD2; 6854 this.uploadProgress = value; 6855 return (_this$uploadProgressD = this.uploadProgressDelegate) === null || _this$uploadProgressD === void 0 || (_this$uploadProgressD2 = _this$uploadProgressD.attachmentDidChangeUploadProgress) === null || _this$uploadProgressD2 === void 0 ? void 0 : _this$uploadProgressD2.call(_this$uploadProgressD, this); 6856 } 6857 } 6858 toJSON() { 6859 return this.getAttributes(); 6860 } 6861 getCacheKey() { 6862 return [super.getCacheKey(...arguments), this.attributes.getCacheKey(), this.getPreviewURL()].join("/"); 6863 } 6864 6865 // Previewable 6866 6867 getPreviewURL() { 6868 return this.previewURL || this.preloadingURL; 6869 } 6870 setPreviewURL(url) { 6871 if (url !== this.getPreviewURL()) { 6872 var _this$previewDelegate3, _this$previewDelegate4, _this$delegate2, _this$delegate2$attac; 6873 this.previewURL = url; 6874 (_this$previewDelegate3 = this.previewDelegate) === null || _this$previewDelegate3 === void 0 || (_this$previewDelegate4 = _this$previewDelegate3.attachmentDidChangeAttributes) === null || _this$previewDelegate4 === void 0 || _this$previewDelegate4.call(_this$previewDelegate3, this); 6875 return (_this$delegate2 = this.delegate) === null || _this$delegate2 === void 0 || (_this$delegate2$attac = _this$delegate2.attachmentDidChangePreviewURL) === null || _this$delegate2$attac === void 0 ? void 0 : _this$delegate2$attac.call(_this$delegate2, this); 6876 } 6877 } 6878 preloadURL() { 6879 return this.preload(this.getURL(), this.releaseFile); 6880 } 6881 preloadFile() { 6882 if (this.file) { 6883 this.fileObjectURL = URL.createObjectURL(this.file); 6884 return this.preload(this.fileObjectURL); 6885 } 6886 } 6887 releasePreloadedFile() { 6888 if (this.fileObjectURL) { 6889 URL.revokeObjectURL(this.fileObjectURL); 6890 this.fileObjectURL = null; 6891 } 6892 } 6893 preload(url, callback) { 6894 if (url && url !== this.getPreviewURL()) { 6895 this.preloadingURL = url; 6896 const operation = new ImagePreloadOperation(url); 6897 return operation.then(_ref => { 6898 let { 6899 width, 6900 height 6901 } = _ref; 6902 if (!this.getWidth() || !this.getHeight()) { 6903 this.setAttributes({ 6904 width, 6905 height 6906 }); 6907 } 6908 this.preloadingURL = null; 6909 this.setPreviewURL(url); 6910 return callback === null || callback === void 0 ? void 0 : callback(); 6911 }).catch(() => { 6912 this.preloadingURL = null; 6913 return callback === null || callback === void 0 ? void 0 : callback(); 6914 }); 6915 } 6916 } 6917 } 6918 _defineProperty(Attachment, "previewablePattern", /^image(\/(gif|png|webp|jpe?g)|$)/); 6919 6920 class AttachmentPiece extends Piece { 6921 static fromJSON(pieceJSON) { 6922 return new this(Attachment.fromJSON(pieceJSON.attachment), pieceJSON.attributes); 6923 } 6924 constructor(attachment) { 6925 super(...arguments); 6926 this.attachment = attachment; 6927 this.length = 1; 6928 this.ensureAttachmentExclusivelyHasAttribute("href"); 6929 if (!this.attachment.hasContent()) { 6930 this.removeProhibitedAttributes(); 6931 } 6932 } 6933 ensureAttachmentExclusivelyHasAttribute(attribute) { 6934 if (this.hasAttribute(attribute)) { 6935 if (!this.attachment.hasAttribute(attribute)) { 6936 this.attachment.setAttributes(this.attributes.slice([attribute])); 6937 } 6938 this.attributes = this.attributes.remove(attribute); 6939 } 6940 } 6941 removeProhibitedAttributes() { 6942 const attributes = this.attributes.slice(AttachmentPiece.permittedAttributes); 6943 if (!attributes.isEqualTo(this.attributes)) { 6944 this.attributes = attributes; 6945 } 6946 } 6947 getValue() { 6948 return this.attachment; 6949 } 6950 isSerializable() { 6951 return !this.attachment.isPending(); 6952 } 6953 getCaption() { 6954 return this.attributes.get("caption") || ""; 6955 } 6956 isEqualTo(piece) { 6957 var _piece$attachment; 6958 return super.isEqualTo(piece) && this.attachment.id === (piece === null || piece === void 0 || (_piece$attachment = piece.attachment) === null || _piece$attachment === void 0 ? void 0 : _piece$attachment.id); 6959 } 6960 toString() { 6961 return OBJECT_REPLACEMENT_CHARACTER; 6962 } 6963 toJSON() { 6964 const json = super.toJSON(...arguments); 6965 json.attachment = this.attachment; 6966 return json; 6967 } 6968 getCacheKey() { 6969 return [super.getCacheKey(...arguments), this.attachment.getCacheKey()].join("/"); 6970 } 6971 toConsole() { 6972 return JSON.stringify(this.toString()); 6973 } 6974 } 6975 _defineProperty(AttachmentPiece, "permittedAttributes", ["caption", "presentation"]); 6976 Piece.registerType("attachment", AttachmentPiece); 6977 6978 class StringPiece extends Piece { 6979 static fromJSON(pieceJSON) { 6980 const attributes = { 6981 ...pieceJSON.attributes 6982 }; 6983 if (attributes.href && !purify.isValidAttribute("a", "href", attributes.href)) { 6984 delete attributes.href; 6985 } 6986 return new this(pieceJSON.string, attributes); 6987 } 6988 constructor(string) { 6989 super(...arguments); 6990 this.string = normalizeNewlines(string); 6991 this.length = this.string.length; 6992 } 6993 getValue() { 6994 return this.string; 6995 } 6996 toString() { 6997 return this.string.toString(); 6998 } 6999 isBlockBreak() { 7000 return this.toString() === "\n" && this.getAttribute("blockBreak") === true; 7001 } 7002 toJSON() { 7003 const result = super.toJSON(...arguments); 7004 result.string = this.string; 7005 return result; 7006 } 7007 7008 // Splittable 7009 7010 canBeConsolidatedWith(piece) { 7011 return piece && this.hasSameConstructorAs(piece) && this.hasSameAttributesAsPiece(piece); 7012 } 7013 consolidateWith(piece) { 7014 return new this.constructor(this.toString() + piece.toString(), this.attributes); 7015 } 7016 splitAtOffset(offset) { 7017 let left, right; 7018 if (offset === 0) { 7019 left = null; 7020 right = this; 7021 } else if (offset === this.length) { 7022 left = this; 7023 right = null; 7024 } else { 7025 left = new this.constructor(this.string.slice(0, offset), this.attributes); 7026 right = new this.constructor(this.string.slice(offset), this.attributes); 7027 } 7028 return [left, right]; 7029 } 7030 toConsole() { 7031 let { 7032 string 7033 } = this; 7034 if (string.length > 15) { 7035 string = string.slice(0, 14) + "â¦"; 7036 } 7037 return JSON.stringify(string.toString()); 7038 } 7039 } 7040 Piece.registerType("string", StringPiece); 7041 7042 /* eslint-disable 7043 prefer-const, 7044 */ 7045 class SplittableList extends TrixObject { 7046 static box(objects) { 7047 if (objects instanceof this) { 7048 return objects; 7049 } else { 7050 return new this(objects); 7051 } 7052 } 7053 constructor() { 7054 let objects = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; 7055 super(...arguments); 7056 this.objects = objects.slice(0); 7057 this.length = this.objects.length; 7058 } 7059 indexOf(object) { 7060 return this.objects.indexOf(object); 7061 } 7062 splice() { 7063 for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) { 7064 args[_key] = arguments[_key]; 7065 } 7066 return new this.constructor(spliceArray(this.objects, ...args)); 7067 } 7068 eachObject(callback) { 7069 return this.objects.map((object, index) => callback(object, index)); 7070 } 7071 insertObjectAtIndex(object, index) { 7072 return this.splice(index, 0, object); 7073 } 7074 insertSplittableListAtIndex(splittableList, index) { 7075 return this.splice(index, 0, ...splittableList.objects); 7076 } 7077 insertSplittableListAtPosition(splittableList, position) { 7078 const [objects, index] = this.splitObjectAtPosition(position); 7079 return new this.constructor(objects).insertSplittableListAtIndex(splittableList, index); 7080 } 7081 editObjectAtIndex(index, callback) { 7082 return this.replaceObjectAtIndex(callback(this.objects[index]), index); 7083 } 7084 replaceObjectAtIndex(object, index) { 7085 return this.splice(index, 1, object); 7086 } 7087 removeObjectAtIndex(index) { 7088 return this.splice(index, 1); 7089 } 7090 getObjectAtIndex(index) { 7091 return this.objects[index]; 7092 } 7093 getSplittableListInRange(range) { 7094 const [objects, leftIndex, rightIndex] = this.splitObjectsAtRange(range); 7095 return new this.constructor(objects.slice(leftIndex, rightIndex + 1)); 7096 } 7097 selectSplittableList(test) { 7098 const objects = this.objects.filter(object => test(object)); 7099 return new this.constructor(objects); 7100 } 7101 removeObjectsInRange(range) { 7102 const [objects, leftIndex, rightIndex] = this.splitObjectsAtRange(range); 7103 return new this.constructor(objects).splice(leftIndex, rightIndex - leftIndex + 1); 7104 } 7105 transformObjectsInRange(range, transform) { 7106 const [objects, leftIndex, rightIndex] = this.splitObjectsAtRange(range); 7107 const transformedObjects = objects.map((object, index) => leftIndex <= index && index <= rightIndex ? transform(object) : object); 7108 return new this.constructor(transformedObjects); 7109 } 7110 splitObjectsAtRange(range) { 7111 let rightOuterIndex; 7112 let [objects, leftInnerIndex, offset] = this.splitObjectAtPosition(startOfRange(range)); 7113 [objects, rightOuterIndex] = new this.constructor(objects).splitObjectAtPosition(endOfRange(range) + offset); 7114 return [objects, leftInnerIndex, rightOuterIndex - 1]; 7115 } 7116 getObjectAtPosition(position) { 7117 const { 7118 index 7119 } = this.findIndexAndOffsetAtPosition(position); 7120 return this.objects[index]; 7121 } 7122 splitObjectAtPosition(position) { 7123 let splitIndex, splitOffset; 7124 const { 7125 index, 7126 offset 7127 } = this.findIndexAndOffsetAtPosition(position); 7128 const objects = this.objects.slice(0); 7129 if (index != null) { 7130 if (offset === 0) { 7131 splitIndex = index; 7132 splitOffset = 0; 7133 } else { 7134 const object = this.getObjectAtIndex(index); 7135 const [leftObject, rightObject] = object.splitAtOffset(offset); 7136 objects.splice(index, 1, leftObject, rightObject); 7137 splitIndex = index + 1; 7138 splitOffset = leftObject.getLength() - offset; 7139 } 7140 } else { 7141 splitIndex = objects.length; 7142 splitOffset = 0; 7143 } 7144 return [objects, splitIndex, splitOffset]; 7145 } 7146 consolidate() { 7147 const objects = []; 7148 let pendingObject = this.objects[0]; 7149 this.objects.slice(1).forEach(object => { 7150 var _pendingObject$canBeC, _pendingObject; 7151 if ((_pendingObject$canBeC = (_pendingObject = pendingObject).canBeConsolidatedWith) !== null && _pendingObject$canBeC !== void 0 && _pendingObject$canBeC.call(_pendingObject, object)) { 7152 pendingObject = pendingObject.consolidateWith(object); 7153 } else { 7154 objects.push(pendingObject); 7155 pendingObject = object; 7156 } 7157 }); 7158 if (pendingObject) { 7159 objects.push(pendingObject); 7160 } 7161 return new this.constructor(objects); 7162 } 7163 consolidateFromIndexToIndex(startIndex, endIndex) { 7164 const objects = this.objects.slice(0); 7165 const objectsInRange = objects.slice(startIndex, endIndex + 1); 7166 const consolidatedInRange = new this.constructor(objectsInRange).consolidate().toArray(); 7167 return this.splice(startIndex, objectsInRange.length, ...consolidatedInRange); 7168 } 7169 findIndexAndOffsetAtPosition(position) { 7170 let index; 7171 let currentPosition = 0; 7172 for (index = 0; index < this.objects.length; index++) { 7173 const object = this.objects[index]; 7174 const nextPosition = currentPosition + object.getLength(); 7175 if (currentPosition <= position && position < nextPosition) { 7176 return { 7177 index, 7178 offset: position - currentPosition 7179 }; 7180 } 7181 currentPosition = nextPosition; 7182 } 7183 return { 7184 index: null, 7185 offset: null 7186 }; 7187 } 7188 findPositionAtIndexAndOffset(index, offset) { 7189 let position = 0; 7190 for (let currentIndex = 0; currentIndex < this.objects.length; currentIndex++) { 7191 const object = this.objects[currentIndex]; 7192 if (currentIndex < index) { 7193 position += object.getLength(); 7194 } else if (currentIndex === index) { 7195 position += offset; 7196 break; 7197 } 7198 } 7199 return position; 7200 } 7201 getEndPosition() { 7202 if (this.endPosition == null) { 7203 this.endPosition = 0; 7204 this.objects.forEach(object => this.endPosition += object.getLength()); 7205 } 7206 return this.endPosition; 7207 } 7208 toString() { 7209 return this.objects.join(""); 7210 } 7211 toArray() { 7212 return this.objects.slice(0); 7213 } 7214 toJSON() { 7215 return this.toArray(); 7216 } 7217 isEqualTo(splittableList) { 7218 return super.isEqualTo(...arguments) || objectArraysAreEqual(this.objects, splittableList === null || splittableList === void 0 ? void 0 : splittableList.objects); 7219 } 7220 contentsForInspection() { 7221 return { 7222 objects: "[".concat(this.objects.map(object => object.inspect()).join(", "), "]") 7223 }; 7224 } 7225 } 7226 const objectArraysAreEqual = function (left) { 7227 let right = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : []; 7228 if (left.length !== right.length) { 7229 return false; 7230 } 7231 let result = true; 7232 for (let index = 0; index < left.length; index++) { 7233 const object = left[index]; 7234 if (result && !object.isEqualTo(right[index])) { 7235 result = false; 7236 } 7237 } 7238 return result; 7239 }; 7240 const startOfRange = range => range[0]; 7241 const endOfRange = range => range[1]; 7242 7243 class Text extends TrixObject { 7244 static textForAttachmentWithAttributes(attachment, attributes) { 7245 const piece = new AttachmentPiece(attachment, attributes); 7246 return new this([piece]); 7247 } 7248 static textForStringWithAttributes(string, attributes) { 7249 const piece = new StringPiece(string, attributes); 7250 return new this([piece]); 7251 } 7252 static fromJSON(textJSON) { 7253 const pieces = Array.from(textJSON).map(pieceJSON => Piece.fromJSON(pieceJSON)); 7254 return new this(pieces); 7255 } 7256 constructor() { 7257 let pieces = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; 7258 super(...arguments); 7259 const notEmpty = pieces.filter(piece => !piece.isEmpty()); 7260 this.pieceList = new SplittableList(notEmpty); 7261 } 7262 copy() { 7263 return this.copyWithPieceList(this.pieceList); 7264 } 7265 copyWithPieceList(pieceList) { 7266 return new this.constructor(pieceList.consolidate().toArray()); 7267 } 7268 copyUsingObjectMap(objectMap) { 7269 const pieces = this.getPieces().map(piece => objectMap.find(piece) || piece); 7270 return new this.constructor(pieces); 7271 } 7272 appendText(text) { 7273 return this.insertTextAtPosition(text, this.getLength()); 7274 } 7275 insertTextAtPosition(text, position) { 7276 return this.copyWithPieceList(this.pieceList.insertSplittableListAtPosition(text.pieceList, position)); 7277 } 7278 removeTextAtRange(range) { 7279 return this.copyWithPieceList(this.pieceList.removeObjectsInRange(range)); 7280 } 7281 replaceTextAtRange(text, range) { 7282 return this.removeTextAtRange(range).insertTextAtPosition(text, range[0]); 7283 } 7284 moveTextFromRangeToPosition(range, position) { 7285 if (range[0] <= position && position <= range[1]) return; 7286 const text = this.getTextAtRange(range); 7287 const length = text.getLength(); 7288 if (range[0] < position) { 7289 position -= length; 7290 } 7291 return this.removeTextAtRange(range).insertTextAtPosition(text, position); 7292 } 7293 addAttributeAtRange(attribute, value, range) { 7294 const attributes = {}; 7295 attributes[attribute] = value; 7296 return this.addAttributesAtRange(attributes, range); 7297 } 7298 addAttributesAtRange(attributes, range) { 7299 return this.copyWithPieceList(this.pieceList.transformObjectsInRange(range, piece => piece.copyWithAdditionalAttributes(attributes))); 7300 } 7301 removeAttributeAtRange(attribute, range) { 7302 return this.copyWithPieceList(this.pieceList.transformObjectsInRange(range, piece => piece.copyWithoutAttribute(attribute))); 7303 } 7304 setAttributesAtRange(attributes, range) { 7305 return this.copyWithPieceList(this.pieceList.transformObjectsInRange(range, piece => piece.copyWithAttributes(attributes))); 7306 } 7307 getAttributesAtPosition(position) { 7308 var _this$pieceList$getOb; 7309 return ((_this$pieceList$getOb = this.pieceList.getObjectAtPosition(position)) === null || _this$pieceList$getOb === void 0 ? void 0 : _this$pieceList$getOb.getAttributes()) || {}; 7310 } 7311 getCommonAttributes() { 7312 const objects = Array.from(this.pieceList.toArray()).map(piece => piece.getAttributes()); 7313 return Hash.fromCommonAttributesOfObjects(objects).toObject(); 7314 } 7315 getCommonAttributesAtRange(range) { 7316 return this.getTextAtRange(range).getCommonAttributes() || {}; 7317 } 7318 getExpandedRangeForAttributeAtOffset(attributeName, offset) { 7319 let right; 7320 let left = right = offset; 7321 const length = this.getLength(); 7322 while (left > 0 && this.getCommonAttributesAtRange([left - 1, right])[attributeName]) { 7323 left--; 7324 } 7325 while (right < length && this.getCommonAttributesAtRange([offset, right + 1])[attributeName]) { 7326 right++; 7327 } 7328 return [left, right]; 7329 } 7330 getTextAtRange(range) { 7331 return this.copyWithPieceList(this.pieceList.getSplittableListInRange(range)); 7332 } 7333 getStringAtRange(range) { 7334 return this.pieceList.getSplittableListInRange(range).toString(); 7335 } 7336 getStringAtPosition(position) { 7337 return this.getStringAtRange([position, position + 1]); 7338 } 7339 startsWithString(string) { 7340 return this.getStringAtRange([0, string.length]) === string; 7341 } 7342 endsWithString(string) { 7343 const length = this.getLength(); 7344 return this.getStringAtRange([length - string.length, length]) === string; 7345 } 7346 getAttachmentPieces() { 7347 return this.pieceList.toArray().filter(piece => !!piece.attachment); 7348 } 7349 getAttachments() { 7350 return this.getAttachmentPieces().map(piece => piece.attachment); 7351 } 7352 getAttachmentAndPositionById(attachmentId) { 7353 let position = 0; 7354 for (const piece of this.pieceList.toArray()) { 7355 var _piece$attachment; 7356 if (((_piece$attachment = piece.attachment) === null || _piece$attachment === void 0 ? void 0 : _piece$attachment.id) === attachmentId) { 7357 return { 7358 attachment: piece.attachment, 7359 position 7360 }; 7361 } 7362 position += piece.length; 7363 } 7364 return { 7365 attachment: null, 7366 position: null 7367 }; 7368 } 7369 getAttachmentById(attachmentId) { 7370 const { 7371 attachment 7372 } = this.getAttachmentAndPositionById(attachmentId); 7373 return attachment; 7374 } 7375 getRangeOfAttachment(attachment) { 7376 const attachmentAndPosition = this.getAttachmentAndPositionById(attachment.id); 7377 const position = attachmentAndPosition.position; 7378 attachment = attachmentAndPosition.attachment; 7379 if (attachment) { 7380 return [position, position + 1]; 7381 } 7382 } 7383 updateAttributesForAttachment(attributes, attachment) { 7384 const range = this.getRangeOfAttachment(attachment); 7385 if (range) { 7386 return this.addAttributesAtRange(attributes, range); 7387 } else { 7388 return this; 7389 } 7390 } 7391 getLength() { 7392 return this.pieceList.getEndPosition(); 7393 } 7394 isEmpty() { 7395 return this.getLength() === 0; 7396 } 7397 isEqualTo(text) { 7398 var _text$pieceList; 7399 return super.isEqualTo(text) || (text === null || text === void 0 || (_text$pieceList = text.pieceList) === null || _text$pieceList === void 0 ? void 0 : _text$pieceList.isEqualTo(this.pieceList)); 7400 } 7401 isBlockBreak() { 7402 return this.getLength() === 1 && this.pieceList.getObjectAtIndex(0).isBlockBreak(); 7403 } 7404 eachPiece(callback) { 7405 return this.pieceList.eachObject(callback); 7406 } 7407 getPieces() { 7408 return this.pieceList.toArray(); 7409 } 7410 getPieceAtPosition(position) { 7411 return this.pieceList.getObjectAtPosition(position); 7412 } 7413 contentsForInspection() { 7414 return { 7415 pieceList: this.pieceList.inspect() 7416 }; 7417 } 7418 toSerializableText() { 7419 const pieceList = this.pieceList.selectSplittableList(piece => piece.isSerializable()); 7420 return this.copyWithPieceList(pieceList); 7421 } 7422 toString() { 7423 return this.pieceList.toString(); 7424 } 7425 toJSON() { 7426 return this.pieceList.toJSON(); 7427 } 7428 toConsole() { 7429 return JSON.stringify(this.pieceList.toArray().map(piece => JSON.parse(piece.toConsole()))); 7430 } 7431 7432 // BIDI 7433 7434 getDirection() { 7435 return getDirection(this.toString()); 7436 } 7437 isRTL() { 7438 return this.getDirection() === "rtl"; 7439 } 7440 } 7441 7442 class Block extends TrixObject { 7443 static fromJSON(blockJSON) { 7444 const text = Text.fromJSON(blockJSON.text); 7445 return new this(text, blockJSON.attributes, blockJSON.htmlAttributes); 7446 } 7447 constructor(text, attributes, htmlAttributes) { 7448 super(...arguments); 7449 this.text = applyBlockBreakToText(text || new Text()); 7450 this.attributes = attributes || []; 7451 this.htmlAttributes = htmlAttributes || {}; 7452 } 7453 isEmpty() { 7454 return this.text.isBlockBreak(); 7455 } 7456 isEqualTo(block) { 7457 if (super.isEqualTo(block)) return true; 7458 return this.text.isEqualTo(block === null || block === void 0 ? void 0 : block.text) && arraysAreEqual(this.attributes, block === null || block === void 0 ? void 0 : block.attributes) && objectsAreEqual(this.htmlAttributes, block === null || block === void 0 ? void 0 : block.htmlAttributes); 7459 } 7460 copyWithText(text) { 7461 return new Block(text, this.attributes, this.htmlAttributes); 7462 } 7463 copyWithoutText() { 7464 return this.copyWithText(null); 7465 } 7466 copyWithAttributes(attributes) { 7467 return new Block(this.text, attributes, this.htmlAttributes); 7468 } 7469 copyWithoutAttributes() { 7470 return this.copyWithAttributes(null); 7471 } 7472 copyUsingObjectMap(objectMap) { 7473 const mappedText = objectMap.find(this.text); 7474 if (mappedText) { 7475 return this.copyWithText(mappedText); 7476 } else { 7477 return this.copyWithText(this.text.copyUsingObjectMap(objectMap)); 7478 } 7479 } 7480 addAttribute(attribute) { 7481 const attributes = this.attributes.concat(expandAttribute(attribute)); 7482 return this.copyWithAttributes(attributes); 7483 } 7484 addHTMLAttribute(attribute, value) { 7485 const htmlAttributes = Object.assign({}, this.htmlAttributes, { 7486 [attribute]: value 7487 }); 7488 return new Block(this.text, this.attributes, htmlAttributes); 7489 } 7490 removeAttribute(attribute) { 7491 const { 7492 listAttribute 7493 } = getBlockConfig(attribute); 7494 const attributes = removeLastValue(removeLastValue(this.attributes, attribute), listAttribute); 7495 return this.copyWithAttributes(attributes); 7496 } 7497 removeLastAttribute() { 7498 return this.removeAttribute(this.getLastAttribute()); 7499 } 7500 getLastAttribute() { 7501 return getLastElement(this.attributes); 7502 } 7503 getAttributes() { 7504 return this.attributes.slice(0); 7505 } 7506 getAttributeLevel() { 7507 return this.attributes.length; 7508 } 7509 getAttributeAtLevel(level) { 7510 return this.attributes[level - 1]; 7511 } 7512 hasAttribute(attributeName) { 7513 return this.attributes.includes(attributeName); 7514 } 7515 hasAttributes() { 7516 return this.getAttributeLevel() > 0; 7517 } 7518 getLastNestableAttribute() { 7519 return getLastElement(this.getNestableAttributes()); 7520 } 7521 getNestableAttributes() { 7522 return this.attributes.filter(attribute => getBlockConfig(attribute).nestable); 7523 } 7524 getNestingLevel() { 7525 return this.getNestableAttributes().length; 7526 } 7527 decreaseNestingLevel() { 7528 const attribute = this.getLastNestableAttribute(); 7529 if (attribute) { 7530 return this.removeAttribute(attribute); 7531 } else { 7532 return this; 7533 } 7534 } 7535 increaseNestingLevel() { 7536 const attribute = this.getLastNestableAttribute(); 7537 if (attribute) { 7538 const index = this.attributes.lastIndexOf(attribute); 7539 const attributes = spliceArray(this.attributes, index + 1, 0, ...expandAttribute(attribute)); 7540 return this.copyWithAttributes(attributes); 7541 } else { 7542 return this; 7543 } 7544 } 7545 getListItemAttributes() { 7546 return this.attributes.filter(attribute => getBlockConfig(attribute).listAttribute); 7547 } 7548 isListItem() { 7549 var _getBlockConfig; 7550 return (_getBlockConfig = getBlockConfig(this.getLastAttribute())) === null || _getBlockConfig === void 0 ? void 0 : _getBlockConfig.listAttribute; 7551 } 7552 isTerminalBlock() { 7553 var _getBlockConfig2; 7554 return (_getBlockConfig2 = getBlockConfig(this.getLastAttribute())) === null || _getBlockConfig2 === void 0 ? void 0 : _getBlockConfig2.terminal; 7555 } 7556 breaksOnReturn() { 7557 var _getBlockConfig3; 7558 return (_getBlockConfig3 = getBlockConfig(this.getLastAttribute())) === null || _getBlockConfig3 === void 0 ? void 0 : _getBlockConfig3.breakOnReturn; 7559 } 7560 findLineBreakInDirectionFromPosition(direction, position) { 7561 const string = this.toString(); 7562 let result; 7563 switch (direction) { 7564 case "forward": 7565 result = string.indexOf("\n", position); 7566 break; 7567 case "backward": 7568 result = string.slice(0, position).lastIndexOf("\n"); 7569 } 7570 if (result !== -1) { 7571 return result; 7572 } 7573 } 7574 contentsForInspection() { 7575 return { 7576 text: this.text.inspect(), 7577 attributes: this.attributes 7578 }; 7579 } 7580 toString() { 7581 return this.text.toString(); 7582 } 7583 toJSON() { 7584 return { 7585 text: this.text, 7586 attributes: this.attributes, 7587 htmlAttributes: this.htmlAttributes 7588 }; 7589 } 7590 7591 // BIDI 7592 7593 getDirection() { 7594 return this.text.getDirection(); 7595 } 7596 isRTL() { 7597 return this.text.isRTL(); 7598 } 7599 7600 // Splittable 7601 7602 getLength() { 7603 return this.text.getLength(); 7604 } 7605 canBeConsolidatedWith(block) { 7606 return !this.hasAttributes() && !block.hasAttributes() && this.getDirection() === block.getDirection(); 7607 } 7608 consolidateWith(block) { 7609 const newlineText = Text.textForStringWithAttributes("\n"); 7610 const text = this.getTextWithoutBlockBreak().appendText(newlineText); 7611 return this.copyWithText(text.appendText(block.text)); 7612 } 7613 splitAtOffset(offset) { 7614 let left, right; 7615 if (offset === 0) { 7616 left = null; 7617 right = this; 7618 } else if (offset === this.getLength()) { 7619 left = this; 7620 right = null; 7621 } else { 7622 left = this.copyWithText(this.text.getTextAtRange([0, offset])); 7623 right = this.copyWithText(this.text.getTextAtRange([offset, this.getLength()])); 7624 } 7625 return [left, right]; 7626 } 7627 getBlockBreakPosition() { 7628 return this.text.getLength() - 1; 7629 } 7630 getTextWithoutBlockBreak() { 7631 if (textEndsInBlockBreak(this.text)) { 7632 return this.text.getTextAtRange([0, this.getBlockBreakPosition()]); 7633 } else { 7634 return this.text.copy(); 7635 } 7636 } 7637 7638 // Grouping 7639 7640 canBeGrouped(depth) { 7641 return this.attributes[depth]; 7642 } 7643 canBeGroupedWith(otherBlock, depth) { 7644 const otherAttributes = otherBlock.getAttributes(); 7645 const otherAttribute = otherAttributes[depth]; 7646 const attribute = this.attributes[depth]; 7647 return attribute === otherAttribute && !(getBlockConfig(attribute).group === false && !getListAttributeNames().includes(otherAttributes[depth + 1])) && (this.getDirection() === otherBlock.getDirection() || otherBlock.isEmpty()); 7648 } 7649 } 7650 7651 // Block breaks 7652 7653 const applyBlockBreakToText = function (text) { 7654 text = unmarkExistingInnerBlockBreaksInText(text); 7655 text = addBlockBreakToText(text); 7656 return text; 7657 }; 7658 const unmarkExistingInnerBlockBreaksInText = function (text) { 7659 let modified = false; 7660 const pieces = text.getPieces(); 7661 let innerPieces = pieces.slice(0, pieces.length - 1); 7662 const lastPiece = pieces[pieces.length - 1]; 7663 if (!lastPiece) return text; 7664 innerPieces = innerPieces.map(piece => { 7665 if (piece.isBlockBreak()) { 7666 modified = true; 7667 return unmarkBlockBreakPiece(piece); 7668 } else { 7669 return piece; 7670 } 7671 }); 7672 if (modified) { 7673 return new Text([...innerPieces, lastPiece]); 7674 } else { 7675 return text; 7676 } 7677 }; 7678 const blockBreakText = Text.textForStringWithAttributes("\n", { 7679 blockBreak: true 7680 }); 7681 const addBlockBreakToText = function (text) { 7682 if (textEndsInBlockBreak(text)) { 7683 return text; 7684 } else { 7685 return text.appendText(blockBreakText); 7686 } 7687 }; 7688 const textEndsInBlockBreak = function (text) { 7689 const length = text.getLength(); 7690 if (length === 0) { 7691 return false; 7692 } 7693 const endText = text.getTextAtRange([length - 1, length]); 7694 return endText.isBlockBreak(); 7695 }; 7696 const unmarkBlockBreakPiece = piece => piece.copyWithoutAttribute("blockBreak"); 7697 7698 // Attributes 7699 7700 const expandAttribute = function (attribute) { 7701 const { 7702 listAttribute 7703 } = getBlockConfig(attribute); 7704 if (listAttribute) { 7705 return [listAttribute, attribute]; 7706 } else { 7707 return [attribute]; 7708 } 7709 }; 7710 7711 // Array helpers 7712 7713 const getLastElement = array => array.slice(-1)[0]; 7714 const removeLastValue = function (array, value) { 7715 const index = array.lastIndexOf(value); 7716 if (index === -1) { 7717 return array; 7718 } else { 7719 return spliceArray(array, index, 1); 7720 } 7721 }; 7722 7723 class Document extends TrixObject { 7724 static fromJSON(documentJSON) { 7725 const blocks = Array.from(documentJSON).map(blockJSON => Block.fromJSON(blockJSON)); 7726 return new this(blocks); 7727 } 7728 static fromString(string, textAttributes) { 7729 const text = Text.textForStringWithAttributes(string, textAttributes); 7730 return new this([new Block(text)]); 7731 } 7732 constructor() { 7733 let blocks = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; 7734 super(...arguments); 7735 if (blocks.length === 0) { 7736 blocks = [new Block()]; 7737 } 7738 this.blockList = SplittableList.box(blocks); 7739 } 7740 isEmpty() { 7741 const block = this.getBlockAtIndex(0); 7742 return this.blockList.length === 1 && block.isEmpty() && !block.hasAttributes(); 7743 } 7744 copy() { 7745 let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; 7746 const blocks = options.consolidateBlocks ? this.blockList.consolidate().toArray() : this.blockList.toArray(); 7747 return new this.constructor(blocks); 7748 } 7749 copyUsingObjectsFromDocument(sourceDocument) { 7750 const objectMap = new ObjectMap(sourceDocument.getObjects()); 7751 return this.copyUsingObjectMap(objectMap); 7752 } 7753 copyUsingObjectMap(objectMap) { 7754 const blocks = this.getBlocks().map(block => { 7755 const mappedBlock = objectMap.find(block); 7756 return mappedBlock || block.copyUsingObjectMap(objectMap); 7757 }); 7758 return new this.constructor(blocks); 7759 } 7760 copyWithBaseBlockAttributes() { 7761 let blockAttributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; 7762 const blocks = this.getBlocks().map(block => { 7763 const attributes = blockAttributes.concat(block.getAttributes()); 7764 return block.copyWithAttributes(attributes); 7765 }); 7766 return new this.constructor(blocks); 7767 } 7768 replaceBlock(oldBlock, newBlock) { 7769 const index = this.blockList.indexOf(oldBlock); 7770 if (index === -1) { 7771 return this; 7772 } 7773 return new this.constructor(this.blockList.replaceObjectAtIndex(newBlock, index)); 7774 } 7775 insertDocumentAtRange(document, range) { 7776 const { 7777 blockList 7778 } = document; 7779 range = normalizeRange(range); 7780 let [position] = range; 7781 const { 7782 index, 7783 offset 7784 } = this.locationFromPosition(position); 7785 let result = this; 7786 const block = this.getBlockAtPosition(position); 7787 if (rangeIsCollapsed(range) && block.isEmpty() && !block.hasAttributes()) { 7788 result = new this.constructor(result.blockList.removeObjectAtIndex(index)); 7789 } else if (block.getBlockBreakPosition() === offset) { 7790 position++; 7791 } 7792 result = result.removeTextAtRange(range); 7793 return new this.constructor(result.blockList.insertSplittableListAtPosition(blockList, position)); 7794 } 7795 mergeDocumentAtRange(document, range) { 7796 let formattedDocument, result; 7797 range = normalizeRange(range); 7798 const [startPosition] = range; 7799 const startLocation = this.locationFromPosition(startPosition); 7800 const blockAttributes = this.getBlockAtIndex(startLocation.index).getAttributes(); 7801 const baseBlockAttributes = document.getBaseBlockAttributes(); 7802 const trailingBlockAttributes = blockAttributes.slice(-baseBlockAttributes.length); 7803 if (arraysAreEqual(baseBlockAttributes, trailingBlockAttributes)) { 7804 const leadingBlockAttributes = blockAttributes.slice(0, -baseBlockAttributes.length); 7805 formattedDocument = document.copyWithBaseBlockAttributes(leadingBlockAttributes); 7806 } else { 7807 formattedDocument = document.copy({ 7808 consolidateBlocks: true 7809 }).copyWithBaseBlockAttributes(blockAttributes); 7810 } 7811 const blockCount = formattedDocument.getBlockCount(); 7812 const firstBlock = formattedDocument.getBlockAtIndex(0); 7813 if (arraysAreEqual(blockAttributes, firstBlock.getAttributes())) { 7814 const firstText = firstBlock.getTextWithoutBlockBreak(); 7815 result = this.insertTextAtRange(firstText, range); 7816 if (blockCount > 1) { 7817 formattedDocument = new this.constructor(formattedDocument.getBlocks().slice(1)); 7818 const position = startPosition + firstText.getLength(); 7819 result = result.insertDocumentAtRange(formattedDocument, position); 7820 } 7821 } else { 7822 result = this.insertDocumentAtRange(formattedDocument, range); 7823 } 7824 return result; 7825 } 7826 insertTextAtRange(text, range) { 7827 range = normalizeRange(range); 7828 const [startPosition] = range; 7829 const { 7830 index, 7831 offset 7832 } = this.locationFromPosition(startPosition); 7833 const document = this.removeTextAtRange(range); 7834 return new this.constructor(document.blockList.editObjectAtIndex(index, block => block.copyWithText(block.text.insertTextAtPosition(text, offset)))); 7835 } 7836 removeTextAtRange(range) { 7837 let blocks; 7838 range = normalizeRange(range); 7839 const [leftPosition, rightPosition] = range; 7840 if (rangeIsCollapsed(range)) { 7841 return this; 7842 } 7843 const [leftLocation, rightLocation] = Array.from(this.locationRangeFromRange(range)); 7844 const leftIndex = leftLocation.index; 7845 const leftOffset = leftLocation.offset; 7846 const leftBlock = this.getBlockAtIndex(leftIndex); 7847 const rightIndex = rightLocation.index; 7848 const rightOffset = rightLocation.offset; 7849 const rightBlock = this.getBlockAtIndex(rightIndex); 7850 const removeRightNewline = rightPosition - leftPosition === 1 && leftBlock.getBlockBreakPosition() === leftOffset && rightBlock.getBlockBreakPosition() !== rightOffset && rightBlock.text.getStringAtPosition(rightOffset) === "\n"; 7851 if (removeRightNewline) { 7852 blocks = this.blockList.editObjectAtIndex(rightIndex, block => block.copyWithText(block.text.removeTextAtRange([rightOffset, rightOffset + 1]))); 7853 } else { 7854 let block; 7855 const leftText = leftBlock.text.getTextAtRange([0, leftOffset]); 7856 const rightText = rightBlock.text.getTextAtRange([rightOffset, rightBlock.getLength()]); 7857 const text = leftText.appendText(rightText); 7858 const removingLeftBlock = leftIndex !== rightIndex && leftOffset === 0; 7859 const useRightBlock = removingLeftBlock && leftBlock.getAttributeLevel() >= rightBlock.getAttributeLevel(); 7860 if (useRightBlock) { 7861 block = rightBlock.copyWithText(text); 7862 } else { 7863 block = leftBlock.copyWithText(text); 7864 } 7865 const affectedBlockCount = rightIndex + 1 - leftIndex; 7866 blocks = this.blockList.splice(leftIndex, affectedBlockCount, block); 7867 } 7868 return new this.constructor(blocks); 7869 } 7870 moveTextFromRangeToPosition(range, position) { 7871 let text; 7872 range = normalizeRange(range); 7873 const [startPosition, endPosition] = range; 7874 if (startPosition <= position && position <= endPosition) { 7875 return this; 7876 } 7877 let document = this.getDocumentAtRange(range); 7878 let result = this.removeTextAtRange(range); 7879 const movingRightward = startPosition < position; 7880 if (movingRightward) { 7881 position -= document.getLength(); 7882 } 7883 const [firstBlock, ...blocks] = document.getBlocks(); 7884 if (blocks.length === 0) { 7885 text = firstBlock.getTextWithoutBlockBreak(); 7886 if (movingRightward) { 7887 position += 1; 7888 } 7889 } else { 7890 text = firstBlock.text; 7891 } 7892 result = result.insertTextAtRange(text, position); 7893 if (blocks.length === 0) { 7894 return result; 7895 } 7896 document = new this.constructor(blocks); 7897 position += text.getLength(); 7898 return result.insertDocumentAtRange(document, position); 7899 } 7900 addAttributeAtRange(attribute, value, range) { 7901 let { 7902 blockList 7903 } = this; 7904 this.eachBlockAtRange(range, (block, textRange, index) => blockList = blockList.editObjectAtIndex(index, function () { 7905 if (getBlockConfig(attribute)) { 7906 return block.addAttribute(attribute, value); 7907 } else { 7908 if (textRange[0] === textRange[1]) { 7909 return block; 7910 } else { 7911 return block.copyWithText(block.text.addAttributeAtRange(attribute, value, textRange)); 7912 } 7913 } 7914 })); 7915 return new this.constructor(blockList); 7916 } 7917 addAttribute(attribute, value) { 7918 let { 7919 blockList 7920 } = this; 7921 this.eachBlock((block, index) => blockList = blockList.editObjectAtIndex(index, () => block.addAttribute(attribute, value))); 7922 return new this.constructor(blockList); 7923 } 7924 removeAttributeAtRange(attribute, range) { 7925 let { 7926 blockList 7927 } = this; 7928 this.eachBlockAtRange(range, function (block, textRange, index) { 7929 if (getBlockConfig(attribute)) { 7930 blockList = blockList.editObjectAtIndex(index, () => block.removeAttribute(attribute)); 7931 } else if (textRange[0] !== textRange[1]) { 7932 blockList = blockList.editObjectAtIndex(index, () => block.copyWithText(block.text.removeAttributeAtRange(attribute, textRange))); 7933 } 7934 }); 7935 return new this.constructor(blockList); 7936 } 7937 updateAttributesForAttachment(attributes, attachment) { 7938 const range = this.getRangeOfAttachment(attachment); 7939 const [startPosition] = Array.from(range); 7940 const { 7941 index 7942 } = this.locationFromPosition(startPosition); 7943 const text = this.getTextAtIndex(index); 7944 return new this.constructor(this.blockList.editObjectAtIndex(index, block => block.copyWithText(text.updateAttributesForAttachment(attributes, attachment)))); 7945 } 7946 removeAttributeForAttachment(attribute, attachment) { 7947 const range = this.getRangeOfAttachment(attachment); 7948 return this.removeAttributeAtRange(attribute, range); 7949 } 7950 setHTMLAttributeAtPosition(position, name, value) { 7951 const block = this.getBlockAtPosition(position); 7952 const updatedBlock = block.addHTMLAttribute(name, value); 7953 return this.replaceBlock(block, updatedBlock); 7954 } 7955 insertBlockBreakAtRange(range) { 7956 let blocks; 7957 range = normalizeRange(range); 7958 const [startPosition] = range; 7959 const { 7960 offset 7961 } = this.locationFromPosition(startPosition); 7962 const document = this.removeTextAtRange(range); 7963 if (offset === 0) { 7964 blocks = [new Block()]; 7965 } 7966 return new this.constructor(document.blockList.insertSplittableListAtPosition(new SplittableList(blocks), startPosition)); 7967 } 7968 applyBlockAttributeAtRange(attributeName, value, range) { 7969 const expanded = this.expandRangeToLineBreaksAndSplitBlocks(range); 7970 let document = expanded.document; 7971 range = expanded.range; 7972 const blockConfig = getBlockConfig(attributeName); 7973 if (blockConfig.listAttribute) { 7974 document = document.removeLastListAttributeAtRange(range, { 7975 exceptAttributeName: attributeName 7976 }); 7977 const converted = document.convertLineBreaksToBlockBreaksInRange(range); 7978 document = converted.document; 7979 range = converted.range; 7980 } else if (blockConfig.exclusive) { 7981 document = document.removeBlockAttributesAtRange(range); 7982 } else if (blockConfig.terminal) { 7983 document = document.removeLastTerminalAttributeAtRange(range); 7984 } else { 7985 document = document.consolidateBlocksAtRange(range); 7986 } 7987 return document.addAttributeAtRange(attributeName, value, range); 7988 } 7989 removeLastListAttributeAtRange(range) { 7990 let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 7991 let { 7992 blockList 7993 } = this; 7994 this.eachBlockAtRange(range, function (block, textRange, index) { 7995 const lastAttributeName = block.getLastAttribute(); 7996 if (!lastAttributeName) { 7997 return; 7998 } 7999 if (!getBlockConfig(lastAttributeName).listAttribute) { 8000 return; 8001 } 8002 if (lastAttributeName === options.exceptAttributeName) { 8003 return; 8004 } 8005 blockList = blockList.editObjectAtIndex(index, () => block.removeAttribute(lastAttributeName)); 8006 }); 8007 return new this.constructor(blockList); 8008 } 8009 removeLastTerminalAttributeAtRange(range) { 8010 let { 8011 blockList 8012 } = this; 8013 this.eachBlockAtRange(range, function (block, textRange, index) { 8014 const lastAttributeName = block.getLastAttribute(); 8015 if (!lastAttributeName) { 8016 return; 8017 } 8018 if (!getBlockConfig(lastAttributeName).terminal) { 8019 return; 8020 } 8021 blockList = blockList.editObjectAtIndex(index, () => block.removeAttribute(lastAttributeName)); 8022 }); 8023 return new this.constructor(blockList); 8024 } 8025 removeBlockAttributesAtRange(range) { 8026 let { 8027 blockList 8028 } = this; 8029 this.eachBlockAtRange(range, function (block, textRange, index) { 8030 if (block.hasAttributes()) { 8031 blockList = blockList.editObjectAtIndex(index, () => block.copyWithoutAttributes()); 8032 } 8033 }); 8034 return new this.constructor(blockList); 8035 } 8036 expandRangeToLineBreaksAndSplitBlocks(range) { 8037 let position; 8038 range = normalizeRange(range); 8039 let [startPosition, endPosition] = range; 8040 const startLocation = this.locationFromPosition(startPosition); 8041 const endLocation = this.locationFromPosition(endPosition); 8042 let document = this; 8043 const startBlock = document.getBlockAtIndex(startLocation.index); 8044 startLocation.offset = startBlock.findLineBreakInDirectionFromPosition("backward", startLocation.offset); 8045 if (startLocation.offset != null) { 8046 position = document.positionFromLocation(startLocation); 8047 document = document.insertBlockBreakAtRange([position, position + 1]); 8048 endLocation.index += 1; 8049 endLocation.offset -= document.getBlockAtIndex(startLocation.index).getLength(); 8050 startLocation.index += 1; 8051 } 8052 startLocation.offset = 0; 8053 if (endLocation.offset === 0 && endLocation.index > startLocation.index) { 8054 endLocation.index -= 1; 8055 endLocation.offset = document.getBlockAtIndex(endLocation.index).getBlockBreakPosition(); 8056 } else { 8057 const endBlock = document.getBlockAtIndex(endLocation.index); 8058 if (endBlock.text.getStringAtRange([endLocation.offset - 1, endLocation.offset]) === "\n") { 8059 endLocation.offset -= 1; 8060 } else { 8061 endLocation.offset = endBlock.findLineBreakInDirectionFromPosition("forward", endLocation.offset); 8062 } 8063 if (endLocation.offset !== endBlock.getBlockBreakPosition()) { 8064 position = document.positionFromLocation(endLocation); 8065 document = document.insertBlockBreakAtRange([position, position + 1]); 8066 } 8067 } 8068 startPosition = document.positionFromLocation(startLocation); 8069 endPosition = document.positionFromLocation(endLocation); 8070 range = normalizeRange([startPosition, endPosition]); 8071 return { 8072 document, 8073 range 8074 }; 8075 } 8076 convertLineBreaksToBlockBreaksInRange(range) { 8077 range = normalizeRange(range); 8078 let [position] = range; 8079 const string = this.getStringAtRange(range).slice(0, -1); 8080 let document = this; 8081 string.replace(/.*?\n/g, function (match) { 8082 position += match.length; 8083 document = document.insertBlockBreakAtRange([position - 1, position]); 8084 }); 8085 return { 8086 document, 8087 range 8088 }; 8089 } 8090 consolidateBlocksAtRange(range) { 8091 range = normalizeRange(range); 8092 const [startPosition, endPosition] = range; 8093 const startIndex = this.locationFromPosition(startPosition).index; 8094 const endIndex = this.locationFromPosition(endPosition).index; 8095 return new this.constructor(this.blockList.consolidateFromIndexToIndex(startIndex, endIndex)); 8096 } 8097 getDocumentAtRange(range) { 8098 range = normalizeRange(range); 8099 const blocks = this.blockList.getSplittableListInRange(range).toArray(); 8100 return new this.constructor(blocks); 8101 } 8102 getStringAtRange(range) { 8103 let endIndex; 8104 const array = range = normalizeRange(range), 8105 endPosition = array[array.length - 1]; 8106 if (endPosition !== this.getLength()) { 8107 endIndex = -1; 8108 } 8109 return this.getDocumentAtRange(range).toString().slice(0, endIndex); 8110 } 8111 getBlockAtIndex(index) { 8112 return this.blockList.getObjectAtIndex(index); 8113 } 8114 getBlockAtPosition(position) { 8115 const { 8116 index 8117 } = this.locationFromPosition(position); 8118 return this.getBlockAtIndex(index); 8119 } 8120 getTextAtIndex(index) { 8121 var _this$getBlockAtIndex; 8122 return (_this$getBlockAtIndex = this.getBlockAtIndex(index)) === null || _this$getBlockAtIndex === void 0 ? void 0 : _this$getBlockAtIndex.text; 8123 } 8124 getTextAtPosition(position) { 8125 const { 8126 index 8127 } = this.locationFromPosition(position); 8128 return this.getTextAtIndex(index); 8129 } 8130 getPieceAtPosition(position) { 8131 const { 8132 index, 8133 offset 8134 } = this.locationFromPosition(position); 8135 return this.getTextAtIndex(index).getPieceAtPosition(offset); 8136 } 8137 getCharacterAtPosition(position) { 8138 const { 8139 index, 8140 offset 8141 } = this.locationFromPosition(position); 8142 return this.getTextAtIndex(index).getStringAtRange([offset, offset + 1]); 8143 } 8144 getLength() { 8145 return this.blockList.getEndPosition(); 8146 } 8147 getBlocks() { 8148 return this.blockList.toArray(); 8149 } 8150 getBlockCount() { 8151 return this.blockList.length; 8152 } 8153 getEditCount() { 8154 return this.editCount; 8155 } 8156 eachBlock(callback) { 8157 return this.blockList.eachObject(callback); 8158 } 8159 eachBlockAtRange(range, callback) { 8160 let block, textRange; 8161 range = normalizeRange(range); 8162 const [startPosition, endPosition] = range; 8163 const startLocation = this.locationFromPosition(startPosition); 8164 const endLocation = this.locationFromPosition(endPosition); 8165 if (startLocation.index === endLocation.index) { 8166 block = this.getBlockAtIndex(startLocation.index); 8167 textRange = [startLocation.offset, endLocation.offset]; 8168 return callback(block, textRange, startLocation.index); 8169 } else { 8170 for (let index = startLocation.index; index <= endLocation.index; index++) { 8171 block = this.getBlockAtIndex(index); 8172 if (block) { 8173 switch (index) { 8174 case startLocation.index: 8175 textRange = [startLocation.offset, block.text.getLength()]; 8176 break; 8177 case endLocation.index: 8178 textRange = [0, endLocation.offset]; 8179 break; 8180 default: 8181 textRange = [0, block.text.getLength()]; 8182 } 8183 callback(block, textRange, index); 8184 } 8185 } 8186 } 8187 } 8188 getCommonAttributesAtRange(range) { 8189 range = normalizeRange(range); 8190 const [startPosition] = range; 8191 if (rangeIsCollapsed(range)) { 8192 return this.getCommonAttributesAtPosition(startPosition); 8193 } else { 8194 const textAttributes = []; 8195 const blockAttributes = []; 8196 this.eachBlockAtRange(range, function (block, textRange) { 8197 if (textRange[0] !== textRange[1]) { 8198 textAttributes.push(block.text.getCommonAttributesAtRange(textRange)); 8199 return blockAttributes.push(attributesForBlock(block)); 8200 } 8201 }); 8202 return Hash.fromCommonAttributesOfObjects(textAttributes).merge(Hash.fromCommonAttributesOfObjects(blockAttributes)).toObject(); 8203 } 8204 } 8205 getCommonAttributesAtPosition(position) { 8206 let key, value; 8207 const { 8208 index, 8209 offset 8210 } = this.locationFromPosition(position); 8211 const block = this.getBlockAtIndex(index); 8212 if (!block) { 8213 return {}; 8214 } 8215 const commonAttributes = attributesForBlock(block); 8216 const attributes = block.text.getAttributesAtPosition(offset); 8217 const attributesLeft = block.text.getAttributesAtPosition(offset - 1); 8218 const inheritableAttributes = Object.keys(text_attributes).filter(key => { 8219 return text_attributes[key].inheritable; 8220 }); 8221 for (key in attributesLeft) { 8222 value = attributesLeft[key]; 8223 if (value === attributes[key] || inheritableAttributes.includes(key)) { 8224 commonAttributes[key] = value; 8225 } 8226 } 8227 return commonAttributes; 8228 } 8229 getRangeOfCommonAttributeAtPosition(attributeName, position) { 8230 const { 8231 index, 8232 offset 8233 } = this.locationFromPosition(position); 8234 const text = this.getTextAtIndex(index); 8235 const [startOffset, endOffset] = Array.from(text.getExpandedRangeForAttributeAtOffset(attributeName, offset)); 8236 const start = this.positionFromLocation({ 8237 index, 8238 offset: startOffset 8239 }); 8240 const end = this.positionFromLocation({ 8241 index, 8242 offset: endOffset 8243 }); 8244 return normalizeRange([start, end]); 8245 } 8246 getBaseBlockAttributes() { 8247 let baseBlockAttributes = this.getBlockAtIndex(0).getAttributes(); 8248 for (let blockIndex = 1; blockIndex < this.getBlockCount(); blockIndex++) { 8249 const blockAttributes = this.getBlockAtIndex(blockIndex).getAttributes(); 8250 const lastAttributeIndex = Math.min(baseBlockAttributes.length, blockAttributes.length); 8251 baseBlockAttributes = (() => { 8252 const result = []; 8253 for (let index = 0; index < lastAttributeIndex; index++) { 8254 if (blockAttributes[index] !== baseBlockAttributes[index]) { 8255 break; 8256 } 8257 result.push(blockAttributes[index]); 8258 } 8259 return result; 8260 })(); 8261 } 8262 return baseBlockAttributes; 8263 } 8264 getAttachmentById(attachmentId) { 8265 for (const attachment of this.getAttachments()) { 8266 if (attachment.id === attachmentId) { 8267 return attachment; 8268 } 8269 } 8270 } 8271 getAttachmentPieces() { 8272 let attachmentPieces = []; 8273 this.blockList.eachObject(_ref => { 8274 let { 8275 text 8276 } = _ref; 8277 return attachmentPieces = attachmentPieces.concat(text.getAttachmentPieces()); 8278 }); 8279 return attachmentPieces; 8280 } 8281 getAttachments() { 8282 return this.getAttachmentPieces().map(piece => piece.attachment); 8283 } 8284 getRangeOfAttachment(attachment) { 8285 let position = 0; 8286 const iterable = this.blockList.toArray(); 8287 for (let index = 0; index < iterable.length; index++) { 8288 const { 8289 text 8290 } = iterable[index]; 8291 const textRange = text.getRangeOfAttachment(attachment); 8292 if (textRange) { 8293 return normalizeRange([position + textRange[0], position + textRange[1]]); 8294 } 8295 position += text.getLength(); 8296 } 8297 } 8298 getLocationRangeOfAttachment(attachment) { 8299 const range = this.getRangeOfAttachment(attachment); 8300 return this.locationRangeFromRange(range); 8301 } 8302 getAttachmentPieceForAttachment(attachment) { 8303 for (const piece of this.getAttachmentPieces()) { 8304 if (piece.attachment === attachment) { 8305 return piece; 8306 } 8307 } 8308 } 8309 findRangesForBlockAttribute(attributeName) { 8310 let position = 0; 8311 const ranges = []; 8312 this.getBlocks().forEach(block => { 8313 const length = block.getLength(); 8314 if (block.hasAttribute(attributeName)) { 8315 ranges.push([position, position + length]); 8316 } 8317 position += length; 8318 }); 8319 return ranges; 8320 } 8321 findRangesForTextAttribute(attributeName) { 8322 let { 8323 withValue 8324 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 8325 let position = 0; 8326 let range = []; 8327 const ranges = []; 8328 const match = function (piece) { 8329 if (withValue) { 8330 return piece.getAttribute(attributeName) === withValue; 8331 } else { 8332 return piece.hasAttribute(attributeName); 8333 } 8334 }; 8335 this.getPieces().forEach(piece => { 8336 const length = piece.getLength(); 8337 if (match(piece)) { 8338 if (range[1] === position) { 8339 range[1] = position + length; 8340 } else { 8341 ranges.push(range = [position, position + length]); 8342 } 8343 } 8344 position += length; 8345 }); 8346 return ranges; 8347 } 8348 locationFromPosition(position) { 8349 const location = this.blockList.findIndexAndOffsetAtPosition(Math.max(0, position)); 8350 if (location.index != null) { 8351 return location; 8352 } else { 8353 const blocks = this.getBlocks(); 8354 return { 8355 index: blocks.length - 1, 8356 offset: blocks[blocks.length - 1].getLength() 8357 }; 8358 } 8359 } 8360 positionFromLocation(location) { 8361 return this.blockList.findPositionAtIndexAndOffset(location.index, location.offset); 8362 } 8363 locationRangeFromPosition(position) { 8364 return normalizeRange(this.locationFromPosition(position)); 8365 } 8366 locationRangeFromRange(range) { 8367 range = normalizeRange(range); 8368 if (!range) return; 8369 const [startPosition, endPosition] = Array.from(range); 8370 const startLocation = this.locationFromPosition(startPosition); 8371 const endLocation = this.locationFromPosition(endPosition); 8372 return normalizeRange([startLocation, endLocation]); 8373 } 8374 rangeFromLocationRange(locationRange) { 8375 let rightPosition; 8376 locationRange = normalizeRange(locationRange); 8377 const leftPosition = this.positionFromLocation(locationRange[0]); 8378 if (!rangeIsCollapsed(locationRange)) { 8379 rightPosition = this.positionFromLocation(locationRange[1]); 8380 } 8381 return normalizeRange([leftPosition, rightPosition]); 8382 } 8383 isEqualTo(document) { 8384 return this.blockList.isEqualTo(document === null || document === void 0 ? void 0 : document.blockList); 8385 } 8386 getTexts() { 8387 return this.getBlocks().map(block => block.text); 8388 } 8389 getPieces() { 8390 const pieces = []; 8391 Array.from(this.getTexts()).forEach(text => { 8392 pieces.push(...Array.from(text.getPieces() || [])); 8393 }); 8394 return pieces; 8395 } 8396 getObjects() { 8397 return this.getBlocks().concat(this.getTexts()).concat(this.getPieces()); 8398 } 8399 toSerializableDocument() { 8400 const blocks = []; 8401 this.blockList.eachObject(block => blocks.push(block.copyWithText(block.text.toSerializableText()))); 8402 return new this.constructor(blocks); 8403 } 8404 toString() { 8405 return this.blockList.toString(); 8406 } 8407 toJSON() { 8408 return this.blockList.toJSON(); 8409 } 8410 toConsole() { 8411 return JSON.stringify(this.blockList.toArray().map(block => JSON.parse(block.text.toConsole()))); 8412 } 8413 } 8414 const attributesForBlock = function (block) { 8415 const attributes = {}; 8416 const attributeName = block.getLastAttribute(); 8417 if (attributeName) { 8418 attributes[attributeName] = true; 8419 } 8420 return attributes; 8421 }; 8422 8423 /* eslint-disable 8424 no-case-declarations, 8425 no-irregular-whitespace, 8426 */ 8427 const pieceForString = function (string) { 8428 let attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 8429 const type = "string"; 8430 string = normalizeSpaces(string); 8431 return { 8432 string, 8433 attributes, 8434 type 8435 }; 8436 }; 8437 const pieceForAttachment = function (attachment) { 8438 let attributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 8439 const type = "attachment"; 8440 return { 8441 attachment, 8442 attributes, 8443 type 8444 }; 8445 }; 8446 const blockForAttributes = function () { 8447 let attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; 8448 let htmlAttributes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 8449 const text = []; 8450 return { 8451 text, 8452 attributes, 8453 htmlAttributes 8454 }; 8455 }; 8456 const parseTrixDataAttribute = (element, name) => { 8457 try { 8458 return JSON.parse(element.getAttribute("data-trix-".concat(name))); 8459 } catch (error) { 8460 return {}; 8461 } 8462 }; 8463 const getImageDimensions = element => { 8464 const width = element.getAttribute("width"); 8465 const height = element.getAttribute("height"); 8466 const dimensions = {}; 8467 if (width) { 8468 dimensions.width = parseInt(width, 10); 8469 } 8470 if (height) { 8471 dimensions.height = parseInt(height, 10); 8472 } 8473 return dimensions; 8474 }; 8475 class HTMLParser extends BasicObject { 8476 static parse(html, options) { 8477 const parser = new this(html, options); 8478 parser.parse(); 8479 return parser; 8480 } 8481 constructor(html) { 8482 let { 8483 referenceElement, 8484 purifyOptions 8485 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 8486 super(...arguments); 8487 this.html = html; 8488 this.referenceElement = referenceElement; 8489 this.purifyOptions = purifyOptions; 8490 this.blocks = []; 8491 this.blockElements = []; 8492 this.processedElements = []; 8493 } 8494 getDocument() { 8495 return Document.fromJSON(this.blocks); 8496 } 8497 8498 // HTML parsing 8499 8500 parse() { 8501 try { 8502 this.createHiddenContainer(); 8503 HTMLSanitizer.setHTML(this.containerElement, this.html, { 8504 purifyOptions: this.purifyOptions 8505 }); 8506 const walker = walkTree(this.containerElement, { 8507 usingFilter: nodeFilter 8508 }); 8509 while (walker.nextNode()) { 8510 this.processNode(walker.currentNode); 8511 } 8512 return this.translateBlockElementMarginsToNewlines(); 8513 } finally { 8514 this.removeHiddenContainer(); 8515 } 8516 } 8517 createHiddenContainer() { 8518 if (this.referenceElement) { 8519 this.containerElement = this.referenceElement.cloneNode(false); 8520 this.containerElement.removeAttribute("id"); 8521 this.containerElement.setAttribute("data-trix-internal", ""); 8522 this.containerElement.style.display = "none"; 8523 return this.referenceElement.parentNode.insertBefore(this.containerElement, this.referenceElement.nextSibling); 8524 } else { 8525 this.containerElement = makeElement({ 8526 tagName: "div", 8527 style: { 8528 display: "none" 8529 } 8530 }); 8531 return document.body.appendChild(this.containerElement); 8532 } 8533 } 8534 removeHiddenContainer() { 8535 return removeNode(this.containerElement); 8536 } 8537 processNode(node) { 8538 switch (node.nodeType) { 8539 case Node.TEXT_NODE: 8540 if (!this.isInsignificantTextNode(node)) { 8541 this.appendBlockForTextNode(node); 8542 return this.processTextNode(node); 8543 } 8544 break; 8545 case Node.ELEMENT_NODE: 8546 this.appendBlockForElement(node); 8547 return this.processElement(node); 8548 } 8549 } 8550 appendBlockForTextNode(node) { 8551 const element = node.parentNode; 8552 if (element === this.currentBlockElement && this.isBlockElement(node.previousSibling)) { 8553 return this.appendStringWithAttributes("\n"); 8554 } else if (element === this.containerElement || this.isBlockElement(element)) { 8555 var _this$currentBlock; 8556 const attributes = this.getBlockAttributes(element); 8557 const htmlAttributes = this.getBlockHTMLAttributes(element); 8558 if (!arraysAreEqual(attributes, (_this$currentBlock = this.currentBlock) === null || _this$currentBlock === void 0 ? void 0 : _this$currentBlock.attributes)) { 8559 this.currentBlock = this.appendBlockForAttributesWithElement(attributes, element, htmlAttributes); 8560 this.currentBlockElement = element; 8561 } 8562 } 8563 } 8564 appendBlockForElement(element) { 8565 const elementIsBlockElement = this.isBlockElement(element); 8566 const currentBlockContainsElement = elementContainsNode(this.currentBlockElement, element); 8567 if (elementIsBlockElement && !this.isBlockElement(element.firstChild)) { 8568 if (!this.isInsignificantTextNode(element.firstChild) || !this.isBlockElement(element.firstElementChild)) { 8569 const attributes = this.getBlockAttributes(element); 8570 const htmlAttributes = this.getBlockHTMLAttributes(element); 8571 if (element.firstChild) { 8572 if (!(currentBlockContainsElement && arraysAreEqual(attributes, this.currentBlock.attributes))) { 8573 this.currentBlock = this.appendBlockForAttributesWithElement(attributes, element, htmlAttributes); 8574 this.currentBlockElement = element; 8575 } else { 8576 return this.appendStringWithAttributes("\n"); 8577 } 8578 } 8579 } 8580 } else if (this.currentBlockElement && !currentBlockContainsElement && !elementIsBlockElement) { 8581 const parentBlockElement = this.findParentBlockElement(element); 8582 if (parentBlockElement) { 8583 return this.appendBlockForElement(parentBlockElement); 8584 } else { 8585 this.currentBlock = this.appendEmptyBlock(); 8586 this.currentBlockElement = null; 8587 } 8588 } 8589 } 8590 findParentBlockElement(element) { 8591 let { 8592 parentElement 8593 } = element; 8594 while (parentElement && parentElement !== this.containerElement) { 8595 if (this.isBlockElement(parentElement) && this.blockElements.includes(parentElement)) { 8596 return parentElement; 8597 } else { 8598 parentElement = parentElement.parentElement; 8599 } 8600 } 8601 return null; 8602 } 8603 processTextNode(node) { 8604 let string = node.data; 8605 if (!elementCanDisplayPreformattedText(node.parentNode)) { 8606 var _node$previousSibling; 8607 string = squishBreakableWhitespace(string); 8608 if (stringEndsWithWhitespace((_node$previousSibling = node.previousSibling) === null || _node$previousSibling === void 0 ? void 0 : _node$previousSibling.textContent)) { 8609 string = leftTrimBreakableWhitespace(string); 8610 } 8611 } 8612 return this.appendStringWithAttributes(string, this.getTextAttributes(node.parentNode)); 8613 } 8614 processElement(element) { 8615 let attributes; 8616 if (nodeIsAttachmentElement(element)) { 8617 attributes = parseTrixDataAttribute(element, "attachment"); 8618 if (Object.keys(attributes).length) { 8619 const textAttributes = this.getTextAttributes(element); 8620 this.appendAttachmentWithAttributes(attributes, textAttributes); 8621 // We have everything we need so avoid processing inner nodes 8622 element.innerHTML = ""; 8623 } 8624 return this.processedElements.push(element); 8625 } else { 8626 switch (tagName(element)) { 8627 case "br": 8628 if (!this.isExtraBR(element) && !this.isBlockElement(element.nextSibling)) { 8629 this.appendStringWithAttributes("\n", this.getTextAttributes(element)); 8630 } 8631 return this.processedElements.push(element); 8632 case "img": 8633 attributes = { 8634 url: element.getAttribute("src"), 8635 contentType: "image" 8636 }; 8637 const object = getImageDimensions(element); 8638 for (const key in object) { 8639 const value = object[key]; 8640 attributes[key] = value; 8641 } 8642 this.appendAttachmentWithAttributes(attributes, this.getTextAttributes(element)); 8643 return this.processedElements.push(element); 8644 case "tr": 8645 if (this.needsTableSeparator(element)) { 8646 return this.appendStringWithAttributes(parser.tableRowSeparator); 8647 } 8648 break; 8649 case "td": 8650 if (this.needsTableSeparator(element)) { 8651 return this.appendStringWithAttributes(parser.tableCellSeparator); 8652 } 8653 break; 8654 } 8655 } 8656 } 8657 8658 // Document construction 8659 8660 appendBlockForAttributesWithElement(attributes, element) { 8661 let htmlAttributes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; 8662 this.blockElements.push(element); 8663 const block = blockForAttributes(attributes, htmlAttributes); 8664 this.blocks.push(block); 8665 return block; 8666 } 8667 appendEmptyBlock() { 8668 return this.appendBlockForAttributesWithElement([], null); 8669 } 8670 appendStringWithAttributes(string, attributes) { 8671 return this.appendPiece(pieceForString(string, attributes)); 8672 } 8673 appendAttachmentWithAttributes(attachment, attributes) { 8674 return this.appendPiece(pieceForAttachment(attachment, attributes)); 8675 } 8676 appendPiece(piece) { 8677 if (this.blocks.length === 0) { 8678 this.appendEmptyBlock(); 8679 } 8680 return this.blocks[this.blocks.length - 1].text.push(piece); 8681 } 8682 appendStringToTextAtIndex(string, index) { 8683 const { 8684 text 8685 } = this.blocks[index]; 8686 const piece = text[text.length - 1]; 8687 if ((piece === null || piece === void 0 ? void 0 : piece.type) === "string") { 8688 piece.string += string; 8689 } else { 8690 return text.push(pieceForString(string)); 8691 } 8692 } 8693 prependStringToTextAtIndex(string, index) { 8694 const { 8695 text 8696 } = this.blocks[index]; 8697 const piece = text[0]; 8698 if ((piece === null || piece === void 0 ? void 0 : piece.type) === "string") { 8699 piece.string = string + piece.string; 8700 } else { 8701 return text.unshift(pieceForString(string)); 8702 } 8703 } 8704 8705 // Attribute parsing 8706 8707 getTextAttributes(element) { 8708 let value; 8709 const attributes = {}; 8710 for (const attribute in text_attributes) { 8711 const configAttr = text_attributes[attribute]; 8712 if (configAttr.tagName && findClosestElementFromNode(element, { 8713 matchingSelector: configAttr.tagName, 8714 untilNode: this.containerElement 8715 })) { 8716 attributes[attribute] = true; 8717 } else if (configAttr.parser) { 8718 value = configAttr.parser(element); 8719 if (value) { 8720 let attributeInheritedFromBlock = false; 8721 for (const blockElement of this.findBlockElementAncestors(element)) { 8722 if (configAttr.parser(blockElement) === value) { 8723 attributeInheritedFromBlock = true; 8724 break; 8725 } 8726 } 8727 if (!attributeInheritedFromBlock) { 8728 attributes[attribute] = value; 8729 } 8730 } 8731 } else if (configAttr.styleProperty) { 8732 value = element.style[configAttr.styleProperty]; 8733 if (value) { 8734 attributes[attribute] = value; 8735 } 8736 } 8737 } 8738 if (nodeIsAttachmentElement(element)) { 8739 const object = parseTrixDataAttribute(element, "attributes"); 8740 for (const key in object) { 8741 value = object[key]; 8742 attributes[key] = value; 8743 } 8744 } 8745 return attributes; 8746 } 8747 getBlockAttributes(element) { 8748 const attributes$1 = []; 8749 while (element && element !== this.containerElement) { 8750 for (const attribute in attributes) { 8751 const attrConfig = attributes[attribute]; 8752 if (attrConfig.parse !== false) { 8753 if (tagName(element) === attrConfig.tagName) { 8754 var _attrConfig$test; 8755 if ((_attrConfig$test = attrConfig.test) !== null && _attrConfig$test !== void 0 && _attrConfig$test.call(attrConfig, element) || !attrConfig.test) { 8756 attributes$1.push(attribute); 8757 if (attrConfig.listAttribute) { 8758 attributes$1.push(attrConfig.listAttribute); 8759 } 8760 } 8761 } 8762 } 8763 } 8764 element = element.parentNode; 8765 } 8766 return attributes$1.reverse(); 8767 } 8768 getBlockHTMLAttributes(element) { 8769 const attributes$1 = {}; 8770 const blockConfig = Object.values(attributes).find(settings => settings.tagName === tagName(element)); 8771 const allowedAttributes = (blockConfig === null || blockConfig === void 0 ? void 0 : blockConfig.htmlAttributes) || []; 8772 allowedAttributes.forEach(attribute => { 8773 if (element.hasAttribute(attribute)) { 8774 attributes$1[attribute] = element.getAttribute(attribute); 8775 } 8776 }); 8777 return attributes$1; 8778 } 8779 findBlockElementAncestors(element) { 8780 const ancestors = []; 8781 while (element && element !== this.containerElement) { 8782 const tag = tagName(element); 8783 if (getBlockTagNames().includes(tag)) { 8784 ancestors.push(element); 8785 } 8786 element = element.parentNode; 8787 } 8788 return ancestors; 8789 } 8790 8791 // Element inspection 8792 8793 isBlockElement(element) { 8794 if ((element === null || element === void 0 ? void 0 : element.nodeType) !== Node.ELEMENT_NODE) return; 8795 if (nodeIsAttachmentElement(element)) return; 8796 if (findClosestElementFromNode(element, { 8797 matchingSelector: "td", 8798 untilNode: this.containerElement 8799 })) return; 8800 return getBlockTagNames().includes(tagName(element)) || window.getComputedStyle(element).display === "block"; 8801 } 8802 isInsignificantTextNode(node) { 8803 if ((node === null || node === void 0 ? void 0 : node.nodeType) !== Node.TEXT_NODE) return; 8804 if (!stringIsAllBreakableWhitespace(node.data)) return; 8805 const { 8806 parentNode, 8807 previousSibling, 8808 nextSibling 8809 } = node; 8810 if (nodeEndsWithNonWhitespace(parentNode.previousSibling) && !this.isBlockElement(parentNode.previousSibling)) return; 8811 if (elementCanDisplayPreformattedText(parentNode)) return; 8812 return !previousSibling || this.isBlockElement(previousSibling) || !nextSibling || this.isBlockElement(nextSibling); 8813 } 8814 isExtraBR(element) { 8815 return tagName(element) === "br" && this.isBlockElement(element.parentNode) && element.parentNode.lastChild === element; 8816 } 8817 needsTableSeparator(element) { 8818 if (parser.removeBlankTableCells) { 8819 var _element$previousSibl; 8820 const content = (_element$previousSibl = element.previousSibling) === null || _element$previousSibl === void 0 ? void 0 : _element$previousSibl.textContent; 8821 return content && /\S/.test(content); 8822 } else { 8823 return element.previousSibling; 8824 } 8825 } 8826 8827 // Margin translation 8828 8829 translateBlockElementMarginsToNewlines() { 8830 const defaultMargin = this.getMarginOfDefaultBlockElement(); 8831 for (let index = 0; index < this.blocks.length; index++) { 8832 const margin = this.getMarginOfBlockElementAtIndex(index); 8833 if (margin) { 8834 if (margin.top > defaultMargin.top * 2) { 8835 this.prependStringToTextAtIndex("\n", index); 8836 } 8837 if (margin.bottom > defaultMargin.bottom * 2) { 8838 this.appendStringToTextAtIndex("\n", index); 8839 } 8840 } 8841 } 8842 } 8843 getMarginOfBlockElementAtIndex(index) { 8844 const element = this.blockElements[index]; 8845 if (element) { 8846 if (element.textContent) { 8847 if (!getBlockTagNames().includes(tagName(element)) && !this.processedElements.includes(element)) { 8848 return getBlockElementMargin(element); 8849 } 8850 } 8851 } 8852 } 8853 getMarginOfDefaultBlockElement() { 8854 const element = makeElement(attributes.default.tagName); 8855 this.containerElement.appendChild(element); 8856 return getBlockElementMargin(element); 8857 } 8858 } 8859 8860 // Helpers 8861 8862 const elementCanDisplayPreformattedText = function (element) { 8863 const { 8864 whiteSpace 8865 } = window.getComputedStyle(element); 8866 return ["pre", "pre-wrap", "pre-line"].includes(whiteSpace); 8867 }; 8868 const nodeEndsWithNonWhitespace = node => node && !stringEndsWithWhitespace(node.textContent); 8869 const getBlockElementMargin = function (element) { 8870 const style = window.getComputedStyle(element); 8871 if (style.display === "block") { 8872 return { 8873 top: parseInt(style.marginTop), 8874 bottom: parseInt(style.marginBottom) 8875 }; 8876 } 8877 }; 8878 const nodeFilter = function (node) { 8879 if (tagName(node) === "style") { 8880 return NodeFilter.FILTER_REJECT; 8881 } else { 8882 return NodeFilter.FILTER_ACCEPT; 8883 } 8884 }; 8885 8886 // Whitespace 8887 8888 const leftTrimBreakableWhitespace = string => string.replace(new RegExp("^".concat(breakableWhitespacePattern.source, "+")), ""); 8889 const stringIsAllBreakableWhitespace = string => new RegExp("^".concat(breakableWhitespacePattern.source, "*$")).test(string); 8890 const stringEndsWithWhitespace = string => /\s$/.test(string); 8891 8892 /* eslint-disable 8893 no-empty, 8894 */ 8895 const unserializableElementSelector = "[data-trix-serialize=false]"; 8896 const unserializableAttributeNames = ["contenteditable", "data-trix-id", "data-trix-store-key", "data-trix-mutable", "data-trix-placeholder", "tabindex"]; 8897 const serializedAttributesAttribute = "data-trix-serialized-attributes"; 8898 const serializedAttributesSelector = "[".concat(serializedAttributesAttribute, "]"); 8899 const blockCommentPattern = new RegExp("<!--block-->", "g"); 8900 const serializers = { 8901 "application/json": function (serializable) { 8902 let document; 8903 if (serializable instanceof Document) { 8904 document = serializable; 8905 } else if (serializable instanceof HTMLElement) { 8906 document = HTMLParser.parse(serializable.innerHTML).getDocument(); 8907 } else { 8908 throw new Error("unserializable object"); 8909 } 8910 return document.toSerializableDocument().toJSONString(); 8911 }, 8912 "text/html": function (serializable) { 8913 let element; 8914 if (serializable instanceof Document) { 8915 element = DocumentView.render(serializable); 8916 } else if (serializable instanceof HTMLElement) { 8917 element = serializable.cloneNode(true); 8918 } else { 8919 throw new Error("unserializable object"); 8920 } 8921 8922 // Remove unserializable elements 8923 Array.from(element.querySelectorAll(unserializableElementSelector)).forEach(el => { 8924 removeNode(el); 8925 }); 8926 8927 // Remove unserializable attributes 8928 unserializableAttributeNames.forEach(attribute => { 8929 Array.from(element.querySelectorAll("[".concat(attribute, "]"))).forEach(el => { 8930 el.removeAttribute(attribute); 8931 }); 8932 }); 8933 8934 // Rewrite elements with serialized attribute overrides 8935 Array.from(element.querySelectorAll(serializedAttributesSelector)).forEach(el => { 8936 try { 8937 const attributes = JSON.parse(el.getAttribute(serializedAttributesAttribute)); 8938 el.removeAttribute(serializedAttributesAttribute); 8939 for (const name in attributes) { 8940 const value = attributes[name]; 8941 el.setAttribute(name, value); 8942 } 8943 } catch (error) {} 8944 }); 8945 return element.innerHTML.replace(blockCommentPattern, ""); 8946 } 8947 }; 8948 const deserializers = { 8949 "application/json": function (string) { 8950 return Document.fromJSONString(string); 8951 }, 8952 "text/html": function (string) { 8953 return HTMLParser.parse(string).getDocument(); 8954 } 8955 }; 8956 const serializeToContentType = function (serializable, contentType) { 8957 const serializer = serializers[contentType]; 8958 if (serializer) { 8959 return serializer(serializable); 8960 } else { 8961 throw new Error("unknown content type: ".concat(contentType)); 8962 } 8963 }; 8964 const deserializeFromContentType = function (string, contentType) { 8965 const deserializer = deserializers[contentType]; 8966 if (deserializer) { 8967 return deserializer(string); 8968 } else { 8969 throw new Error("unknown content type: ".concat(contentType)); 8970 } 8971 }; 8972 8973 var core = /*#__PURE__*/Object.freeze({ 8974 __proto__: null 8975 }); 8976 8977 class ManagedAttachment extends BasicObject { 8978 constructor(attachmentManager, attachment) { 8979 super(...arguments); 8980 this.attachmentManager = attachmentManager; 8981 this.attachment = attachment; 8982 this.id = this.attachment.id; 8983 this.file = this.attachment.file; 8984 } 8985 remove() { 8986 return this.attachmentManager.requestRemovalOfAttachment(this.attachment); 8987 } 8988 } 8989 ManagedAttachment.proxyMethod("attachment.getAttribute"); 8990 ManagedAttachment.proxyMethod("attachment.hasAttribute"); 8991 ManagedAttachment.proxyMethod("attachment.setAttribute"); 8992 ManagedAttachment.proxyMethod("attachment.getAttributes"); 8993 ManagedAttachment.proxyMethod("attachment.setAttributes"); 8994 ManagedAttachment.proxyMethod("attachment.isPending"); 8995 ManagedAttachment.proxyMethod("attachment.isPreviewable"); 8996 ManagedAttachment.proxyMethod("attachment.getURL"); 8997 ManagedAttachment.proxyMethod("attachment.getPreviewURL"); 8998 ManagedAttachment.proxyMethod("attachment.setPreviewURL"); 8999 ManagedAttachment.proxyMethod("attachment.getHref"); 9000 ManagedAttachment.proxyMethod("attachment.getFilename"); 9001 ManagedAttachment.proxyMethod("attachment.getFilesize"); 9002 ManagedAttachment.proxyMethod("attachment.getFormattedFilesize"); 9003 ManagedAttachment.proxyMethod("attachment.getExtension"); 9004 ManagedAttachment.proxyMethod("attachment.getContentType"); 9005 ManagedAttachment.proxyMethod("attachment.getFile"); 9006 ManagedAttachment.proxyMethod("attachment.setFile"); 9007 ManagedAttachment.proxyMethod("attachment.releaseFile"); 9008 ManagedAttachment.proxyMethod("attachment.getUploadProgress"); 9009 ManagedAttachment.proxyMethod("attachment.setUploadProgress"); 9010 9011 class AttachmentManager extends BasicObject { 9012 constructor() { 9013 let attachments = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; 9014 super(...arguments); 9015 this.managedAttachments = {}; 9016 Array.from(attachments).forEach(attachment => { 9017 this.manageAttachment(attachment); 9018 }); 9019 } 9020 getAttachments() { 9021 const result = []; 9022 for (const id in this.managedAttachments) { 9023 const attachment = this.managedAttachments[id]; 9024 result.push(attachment); 9025 } 9026 return result; 9027 } 9028 manageAttachment(attachment) { 9029 if (!this.managedAttachments[attachment.id]) { 9030 this.managedAttachments[attachment.id] = new ManagedAttachment(this, attachment); 9031 } 9032 return this.managedAttachments[attachment.id]; 9033 } 9034 attachmentIsManaged(attachment) { 9035 return attachment.id in this.managedAttachments; 9036 } 9037 requestRemovalOfAttachment(attachment) { 9038 if (this.attachmentIsManaged(attachment)) { 9039 var _this$delegate, _this$delegate$attach; 9040 return (_this$delegate = this.delegate) === null || _this$delegate === void 0 || (_this$delegate$attach = _this$delegate.attachmentManagerDidRequestRemovalOfAttachment) === null || _this$delegate$attach === void 0 ? void 0 : _this$delegate$attach.call(_this$delegate, attachment); 9041 } 9042 } 9043 unmanageAttachment(attachment) { 9044 const managedAttachment = this.managedAttachments[attachment.id]; 9045 delete this.managedAttachments[attachment.id]; 9046 return managedAttachment; 9047 } 9048 } 9049 9050 class LineBreakInsertion { 9051 constructor(composition) { 9052 this.composition = composition; 9053 this.document = this.composition.document; 9054 const selectedRange = this.composition.getSelectedRange(); 9055 this.startPosition = selectedRange[0]; 9056 this.endPosition = selectedRange[1]; 9057 this.startLocation = this.document.locationFromPosition(this.startPosition); 9058 this.endLocation = this.document.locationFromPosition(this.endPosition); 9059 this.block = this.document.getBlockAtIndex(this.endLocation.index); 9060 this.breaksOnReturn = this.block.breaksOnReturn(); 9061 this.previousCharacter = this.block.text.getStringAtPosition(this.endLocation.offset - 1); 9062 this.nextCharacter = this.block.text.getStringAtPosition(this.endLocation.offset); 9063 } 9064 shouldInsertBlockBreak() { 9065 if (this.block.hasAttributes() && this.block.isListItem() && !this.block.isEmpty()) { 9066 return this.startLocation.offset !== 0; 9067 } else { 9068 return this.breaksOnReturn && this.nextCharacter !== "\n"; 9069 } 9070 } 9071 shouldBreakFormattedBlock() { 9072 return this.block.hasAttributes() && !this.block.isListItem() && (this.breaksOnReturn && this.nextCharacter === "\n" || this.previousCharacter === "\n"); 9073 } 9074 shouldDecreaseListLevel() { 9075 return this.block.hasAttributes() && this.block.isListItem() && this.block.isEmpty(); 9076 } 9077 shouldPrependListItem() { 9078 return this.block.isListItem() && this.startLocation.offset === 0 && !this.block.isEmpty(); 9079 } 9080 shouldRemoveLastBlockAttribute() { 9081 return this.block.hasAttributes() && !this.block.isListItem() && this.block.isEmpty(); 9082 } 9083 } 9084 9085 const PLACEHOLDER = " "; 9086 class Composition extends BasicObject { 9087 constructor() { 9088 super(...arguments); 9089 this.document = new Document(); 9090 this.attachments = []; 9091 this.currentAttributes = {}; 9092 this.revision = 0; 9093 } 9094 setDocument(document) { 9095 if (!document.isEqualTo(this.document)) { 9096 var _this$delegate, _this$delegate$compos; 9097 this.document = document; 9098 this.refreshAttachments(); 9099 this.revision++; 9100 return (_this$delegate = this.delegate) === null || _this$delegate === void 0 || (_this$delegate$compos = _this$delegate.compositionDidChangeDocument) === null || _this$delegate$compos === void 0 ? void 0 : _this$delegate$compos.call(_this$delegate, document); 9101 } 9102 } 9103 9104 // Snapshots 9105 9106 getSnapshot() { 9107 return { 9108 document: this.document, 9109 selectedRange: this.getSelectedRange() 9110 }; 9111 } 9112 loadSnapshot(_ref) { 9113 var _this$delegate2, _this$delegate2$compo, _this$delegate3, _this$delegate3$compo; 9114 let { 9115 document, 9116 selectedRange 9117 } = _ref; 9118 (_this$delegate2 = this.delegate) === null || _this$delegate2 === void 0 || (_this$delegate2$compo = _this$delegate2.compositionWillLoadSnapshot) === null || _this$delegate2$compo === void 0 || _this$delegate2$compo.call(_this$delegate2); 9119 this.setDocument(document != null ? document : new Document()); 9120 this.setSelection(selectedRange != null ? selectedRange : [0, 0]); 9121 return (_this$delegate3 = this.delegate) === null || _this$delegate3 === void 0 || (_this$delegate3$compo = _this$delegate3.compositionDidLoadSnapshot) === null || _this$delegate3$compo === void 0 ? void 0 : _this$delegate3$compo.call(_this$delegate3); 9122 } 9123 9124 // Responder protocol 9125 9126 insertText(text) { 9127 let { 9128 updatePosition 9129 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : { 9130 updatePosition: true 9131 }; 9132 const selectedRange = this.getSelectedRange(); 9133 this.setDocument(this.document.insertTextAtRange(text, selectedRange)); 9134 const startPosition = selectedRange[0]; 9135 const endPosition = startPosition + text.getLength(); 9136 if (updatePosition) { 9137 this.setSelection(endPosition); 9138 } 9139 return this.notifyDelegateOfInsertionAtRange([startPosition, endPosition]); 9140 } 9141 insertBlock() { 9142 let block = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Block(); 9143 const document = new Document([block]); 9144 return this.insertDocument(document); 9145 } 9146 insertDocument() { 9147 let document = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : new Document(); 9148 const selectedRange = this.getSelectedRange(); 9149 this.setDocument(this.document.insertDocumentAtRange(document, selectedRange)); 9150 const startPosition = selectedRange[0]; 9151 const endPosition = startPosition + document.getLength(); 9152 this.setSelection(endPosition); 9153 return this.notifyDelegateOfInsertionAtRange([startPosition, endPosition]); 9154 } 9155 insertString(string, options) { 9156 const attributes = this.getCurrentTextAttributes(); 9157 const text = Text.textForStringWithAttributes(string, attributes); 9158 return this.insertText(text, options); 9159 } 9160 insertBlockBreak() { 9161 const selectedRange = this.getSelectedRange(); 9162 this.setDocument(this.document.insertBlockBreakAtRange(selectedRange)); 9163 const startPosition = selectedRange[0]; 9164 const endPosition = startPosition + 1; 9165 this.setSelection(endPosition); 9166 return this.notifyDelegateOfInsertionAtRange([startPosition, endPosition]); 9167 } 9168 insertLineBreak() { 9169 const insertion = new LineBreakInsertion(this); 9170 if (insertion.shouldDecreaseListLevel()) { 9171 this.decreaseListLevel(); 9172 return this.setSelection(insertion.startPosition); 9173 } else if (insertion.shouldPrependListItem()) { 9174 const document = new Document([insertion.block.copyWithoutText()]); 9175 return this.insertDocument(document); 9176 } else if (insertion.shouldInsertBlockBreak()) { 9177 return this.insertBlockBreak(); 9178 } else if (insertion.shouldRemoveLastBlockAttribute()) { 9179 return this.removeLastBlockAttribute(); 9180 } else if (insertion.shouldBreakFormattedBlock()) { 9181 return this.breakFormattedBlock(insertion); 9182 } else { 9183 return this.insertString("\n"); 9184 } 9185 } 9186 insertHTML(html) { 9187 const document = HTMLParser.parse(html, { 9188 purifyOptions: { 9189 SAFE_FOR_XML: true 9190 } 9191 }).getDocument(); 9192 const selectedRange = this.getSelectedRange(); 9193 this.setDocument(this.document.mergeDocumentAtRange(document, selectedRange)); 9194 const startPosition = selectedRange[0]; 9195 const endPosition = startPosition + document.getLength() - 1; 9196 this.setSelection(endPosition); 9197 return this.notifyDelegateOfInsertionAtRange([startPosition, endPosition]); 9198 } 9199 replaceHTML(html) { 9200 const document = HTMLParser.parse(html).getDocument().copyUsingObjectsFromDocument(this.document); 9201 const locationRange = this.getLocationRange({ 9202 strict: false 9203 }); 9204 const selectedRange = this.document.rangeFromLocationRange(locationRange); 9205 this.setDocument(document); 9206 return this.setSelection(selectedRange); 9207 } 9208 insertFile(file) { 9209 return this.insertFiles([file]); 9210 } 9211 insertFiles(files) { 9212 const attachments = []; 9213 Array.from(files).forEach(file => { 9214 var _this$delegate4; 9215 if ((_this$delegate4 = this.delegate) !== null && _this$delegate4 !== void 0 && _this$delegate4.compositionShouldAcceptFile(file)) { 9216 const attachment = Attachment.attachmentForFile(file); 9217 attachments.push(attachment); 9218 } 9219 }); 9220 return this.insertAttachments(attachments); 9221 } 9222 insertAttachment(attachment) { 9223 return this.insertAttachments([attachment]); 9224 } 9225 insertAttachments(attachments$1) { 9226 let text = new Text(); 9227 Array.from(attachments$1).forEach(attachment => { 9228 var _config$attachments$t; 9229 const type = attachment.getType(); 9230 const presentation = (_config$attachments$t = attachments[type]) === null || _config$attachments$t === void 0 ? void 0 : _config$attachments$t.presentation; 9231 const attributes = this.getCurrentTextAttributes(); 9232 if (presentation) { 9233 attributes.presentation = presentation; 9234 } 9235 const attachmentText = Text.textForAttachmentWithAttributes(attachment, attributes); 9236 text = text.appendText(attachmentText); 9237 }); 9238 return this.insertText(text); 9239 } 9240 shouldManageDeletingInDirection(direction) { 9241 const locationRange = this.getLocationRange(); 9242 if (rangeIsCollapsed(locationRange)) { 9243 if (direction === "backward" && locationRange[0].offset === 0) { 9244 return true; 9245 } 9246 if (this.shouldManageMovingCursorInDirection(direction)) { 9247 return true; 9248 } 9249 } else { 9250 if (locationRange[0].index !== locationRange[1].index) { 9251 return true; 9252 } 9253 } 9254 return false; 9255 } 9256 deleteInDirection(direction) { 9257 let { 9258 length 9259 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 9260 let attachment, deletingIntoPreviousBlock, selectionSpansBlocks; 9261 const locationRange = this.getLocationRange(); 9262 let range = this.getSelectedRange(); 9263 const selectionIsCollapsed = rangeIsCollapsed(range); 9264 if (selectionIsCollapsed) { 9265 deletingIntoPreviousBlock = direction === "backward" && locationRange[0].offset === 0; 9266 } else { 9267 selectionSpansBlocks = locationRange[0].index !== locationRange[1].index; 9268 } 9269 if (deletingIntoPreviousBlock) { 9270 if (this.canDecreaseBlockAttributeLevel()) { 9271 const block = this.getBlock(); 9272 if (block.isListItem()) { 9273 this.decreaseListLevel(); 9274 } else { 9275 this.decreaseBlockAttributeLevel(); 9276 } 9277 this.setSelection(range[0]); 9278 if (block.isEmpty()) { 9279 return false; 9280 } 9281 } 9282 } 9283 if (selectionIsCollapsed) { 9284 range = this.getExpandedRangeInDirection(direction, { 9285 length 9286 }); 9287 if (direction === "backward") { 9288 attachment = this.getAttachmentAtRange(range); 9289 } 9290 } 9291 if (attachment) { 9292 this.editAttachment(attachment); 9293 return false; 9294 } else { 9295 this.setDocument(this.document.removeTextAtRange(range)); 9296 this.setSelection(range[0]); 9297 if (deletingIntoPreviousBlock || selectionSpansBlocks) { 9298 return false; 9299 } 9300 } 9301 } 9302 moveTextFromRange(range) { 9303 const [position] = Array.from(this.getSelectedRange()); 9304 this.setDocument(this.document.moveTextFromRangeToPosition(range, position)); 9305 return this.setSelection(position); 9306 } 9307 removeAttachment(attachment) { 9308 const range = this.document.getRangeOfAttachment(attachment); 9309 if (range) { 9310 this.stopEditingAttachment(); 9311 this.setDocument(this.document.removeTextAtRange(range)); 9312 return this.setSelection(range[0]); 9313 } 9314 } 9315 removeLastBlockAttribute() { 9316 const [startPosition, endPosition] = Array.from(this.getSelectedRange()); 9317 const block = this.document.getBlockAtPosition(endPosition); 9318 this.removeCurrentAttribute(block.getLastAttribute()); 9319 return this.setSelection(startPosition); 9320 } 9321 insertPlaceholder() { 9322 this.placeholderPosition = this.getPosition(); 9323 return this.insertString(PLACEHOLDER); 9324 } 9325 selectPlaceholder() { 9326 if (this.placeholderPosition != null) { 9327 this.setSelectedRange([this.placeholderPosition, this.placeholderPosition + PLACEHOLDER.length]); 9328 return this.getSelectedRange(); 9329 } 9330 } 9331 forgetPlaceholder() { 9332 this.placeholderPosition = null; 9333 } 9334 9335 // Current attributes 9336 9337 hasCurrentAttribute(attributeName) { 9338 const value = this.currentAttributes[attributeName]; 9339 return value != null && value !== false; 9340 } 9341 toggleCurrentAttribute(attributeName) { 9342 const value = !this.currentAttributes[attributeName]; 9343 if (value) { 9344 return this.setCurrentAttribute(attributeName, value); 9345 } else { 9346 return this.removeCurrentAttribute(attributeName); 9347 } 9348 } 9349 canSetCurrentAttribute(attributeName) { 9350 if (getBlockConfig(attributeName)) { 9351 return this.canSetCurrentBlockAttribute(attributeName); 9352 } else { 9353 return this.canSetCurrentTextAttribute(attributeName); 9354 } 9355 } 9356 canSetCurrentTextAttribute(attributeName) { 9357 const document = this.getSelectedDocument(); 9358 if (!document) return; 9359 for (const attachment of Array.from(document.getAttachments())) { 9360 if (!attachment.hasContent()) { 9361 return false; 9362 } 9363 } 9364 return true; 9365 } 9366 canSetCurrentBlockAttribute(attributeName) { 9367 const block = this.getBlock(); 9368 if (!block) return; 9369 return !block.isTerminalBlock(); 9370 } 9371 setCurrentAttribute(attributeName, value) { 9372 if (getBlockConfig(attributeName)) { 9373 return this.setBlockAttribute(attributeName, value); 9374 } else { 9375 this.setTextAttribute(attributeName, value); 9376 this.currentAttributes[attributeName] = value; 9377 return this.notifyDelegateOfCurrentAttributesChange(); 9378 } 9379 } 9380 setHTMLAtributeAtPosition(position, attributeName, value) { 9381 var _getBlockConfig; 9382 const block = this.document.getBlockAtPosition(position); 9383 const allowedHTMLAttributes = (_getBlockConfig = getBlockConfig(block.getLastAttribute())) === null || _getBlockConfig === void 0 ? void 0 : _getBlockConfig.htmlAttributes; 9384 if (block && allowedHTMLAttributes !== null && allowedHTMLAttributes !== void 0 && allowedHTMLAttributes.includes(attributeName)) { 9385 const newDocument = this.document.setHTMLAttributeAtPosition(position, attributeName, value); 9386 this.setDocument(newDocument); 9387 } 9388 } 9389 setTextAttribute(attributeName, value) { 9390 const selectedRange = this.getSelectedRange(); 9391 if (!selectedRange) return; 9392 const [startPosition, endPosition] = Array.from(selectedRange); 9393 if (startPosition === endPosition) { 9394 if (attributeName === "href") { 9395 const text = Text.textForStringWithAttributes(value, { 9396 href: value 9397 }); 9398 return this.insertText(text); 9399 } 9400 } else { 9401 return this.setDocument(this.document.addAttributeAtRange(attributeName, value, selectedRange)); 9402 } 9403 } 9404 setBlockAttribute(attributeName, value) { 9405 const selectedRange = this.getSelectedRange(); 9406 if (this.canSetCurrentAttribute(attributeName)) { 9407 this.setDocument(this.document.applyBlockAttributeAtRange(attributeName, value, selectedRange)); 9408 return this.setSelection(selectedRange); 9409 } 9410 } 9411 removeCurrentAttribute(attributeName) { 9412 if (getBlockConfig(attributeName)) { 9413 this.removeBlockAttribute(attributeName); 9414 return this.updateCurrentAttributes(); 9415 } else { 9416 this.removeTextAttribute(attributeName); 9417 delete this.currentAttributes[attributeName]; 9418 return this.notifyDelegateOfCurrentAttributesChange(); 9419 } 9420 } 9421 removeTextAttribute(attributeName) { 9422 const selectedRange = this.getSelectedRange(); 9423 if (!selectedRange) return; 9424 return this.setDocument(this.document.removeAttributeAtRange(attributeName, selectedRange)); 9425 } 9426 removeBlockAttribute(attributeName) { 9427 const selectedRange = this.getSelectedRange(); 9428 if (!selectedRange) return; 9429 return this.setDocument(this.document.removeAttributeAtRange(attributeName, selectedRange)); 9430 } 9431 canDecreaseNestingLevel() { 9432 var _this$getBlock; 9433 return ((_this$getBlock = this.getBlock()) === null || _this$getBlock === void 0 ? void 0 : _this$getBlock.getNestingLevel()) > 0; 9434 } 9435 canIncreaseNestingLevel() { 9436 var _getBlockConfig2; 9437 const block = this.getBlock(); 9438 if (!block) return; 9439 if ((_getBlockConfig2 = getBlockConfig(block.getLastNestableAttribute())) !== null && _getBlockConfig2 !== void 0 && _getBlockConfig2.listAttribute) { 9440 const previousBlock = this.getPreviousBlock(); 9441 if (previousBlock) { 9442 return arrayStartsWith(previousBlock.getListItemAttributes(), block.getListItemAttributes()); 9443 } 9444 } else { 9445 return block.getNestingLevel() > 0; 9446 } 9447 } 9448 decreaseNestingLevel() { 9449 const block = this.getBlock(); 9450 if (!block) return; 9451 return this.setDocument(this.document.replaceBlock(block, block.decreaseNestingLevel())); 9452 } 9453 increaseNestingLevel() { 9454 const block = this.getBlock(); 9455 if (!block) return; 9456 return this.setDocument(this.document.replaceBlock(block, block.increaseNestingLevel())); 9457 } 9458 canDecreaseBlockAttributeLevel() { 9459 var _this$getBlock2; 9460 return ((_this$getBlock2 = this.getBlock()) === null || _this$getBlock2 === void 0 ? void 0 : _this$getBlock2.getAttributeLevel()) > 0; 9461 } 9462 decreaseBlockAttributeLevel() { 9463 var _this$getBlock3; 9464 const attribute = (_this$getBlock3 = this.getBlock()) === null || _this$getBlock3 === void 0 ? void 0 : _this$getBlock3.getLastAttribute(); 9465 if (attribute) { 9466 return this.removeCurrentAttribute(attribute); 9467 } 9468 } 9469 decreaseListLevel() { 9470 let [startPosition] = Array.from(this.getSelectedRange()); 9471 const { 9472 index 9473 } = this.document.locationFromPosition(startPosition); 9474 let endIndex = index; 9475 const attributeLevel = this.getBlock().getAttributeLevel(); 9476 let block = this.document.getBlockAtIndex(endIndex + 1); 9477 while (block) { 9478 if (!block.isListItem() || block.getAttributeLevel() <= attributeLevel) { 9479 break; 9480 } 9481 endIndex++; 9482 block = this.document.getBlockAtIndex(endIndex + 1); 9483 } 9484 startPosition = this.document.positionFromLocation({ 9485 index, 9486 offset: 0 9487 }); 9488 const endPosition = this.document.positionFromLocation({ 9489 index: endIndex, 9490 offset: 0 9491 }); 9492 return this.setDocument(this.document.removeLastListAttributeAtRange([startPosition, endPosition])); 9493 } 9494 updateCurrentAttributes() { 9495 const selectedRange = this.getSelectedRange({ 9496 ignoreLock: true 9497 }); 9498 if (selectedRange) { 9499 const currentAttributes = this.document.getCommonAttributesAtRange(selectedRange); 9500 Array.from(getAllAttributeNames()).forEach(attributeName => { 9501 if (!currentAttributes[attributeName]) { 9502 if (!this.canSetCurrentAttribute(attributeName)) { 9503 currentAttributes[attributeName] = false; 9504 } 9505 } 9506 }); 9507 if (!objectsAreEqual(currentAttributes, this.currentAttributes)) { 9508 this.currentAttributes = currentAttributes; 9509 return this.notifyDelegateOfCurrentAttributesChange(); 9510 } 9511 } 9512 } 9513 getCurrentAttributes() { 9514 return extend.call({}, this.currentAttributes); 9515 } 9516 getCurrentTextAttributes() { 9517 const attributes = {}; 9518 for (const key in this.currentAttributes) { 9519 const value = this.currentAttributes[key]; 9520 if (value !== false) { 9521 if (getTextConfig(key)) { 9522 attributes[key] = value; 9523 } 9524 } 9525 } 9526 return attributes; 9527 } 9528 9529 // Selection freezing 9530 9531 freezeSelection() { 9532 return this.setCurrentAttribute("frozen", true); 9533 } 9534 thawSelection() { 9535 return this.removeCurrentAttribute("frozen"); 9536 } 9537 hasFrozenSelection() { 9538 return this.hasCurrentAttribute("frozen"); 9539 } 9540 setSelection(selectedRange) { 9541 var _this$delegate5; 9542 const locationRange = this.document.locationRangeFromRange(selectedRange); 9543 return (_this$delegate5 = this.delegate) === null || _this$delegate5 === void 0 ? void 0 : _this$delegate5.compositionDidRequestChangingSelectionToLocationRange(locationRange); 9544 } 9545 getSelectedRange() { 9546 const locationRange = this.getLocationRange(); 9547 if (locationRange) { 9548 return this.document.rangeFromLocationRange(locationRange); 9549 } 9550 } 9551 setSelectedRange(selectedRange) { 9552 const locationRange = this.document.locationRangeFromRange(selectedRange); 9553 return this.getSelectionManager().setLocationRange(locationRange); 9554 } 9555 getPosition() { 9556 const locationRange = this.getLocationRange(); 9557 if (locationRange) { 9558 return this.document.positionFromLocation(locationRange[0]); 9559 } 9560 } 9561 getLocationRange(options) { 9562 if (this.targetLocationRange) { 9563 return this.targetLocationRange; 9564 } else { 9565 return this.getSelectionManager().getLocationRange(options) || normalizeRange({ 9566 index: 0, 9567 offset: 0 9568 }); 9569 } 9570 } 9571 withTargetLocationRange(locationRange, fn) { 9572 let result; 9573 this.targetLocationRange = locationRange; 9574 try { 9575 result = fn(); 9576 } finally { 9577 this.targetLocationRange = null; 9578 } 9579 return result; 9580 } 9581 withTargetRange(range, fn) { 9582 const locationRange = this.document.locationRangeFromRange(range); 9583 return this.withTargetLocationRange(locationRange, fn); 9584 } 9585 withTargetDOMRange(domRange, fn) { 9586 const locationRange = this.createLocationRangeFromDOMRange(domRange, { 9587 strict: false 9588 }); 9589 return this.withTargetLocationRange(locationRange, fn); 9590 } 9591 getExpandedRangeInDirection(direction) { 9592 let { 9593 length 9594 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 9595 let [startPosition, endPosition] = Array.from(this.getSelectedRange()); 9596 if (direction === "backward") { 9597 if (length) { 9598 startPosition -= length; 9599 } else { 9600 startPosition = this.translateUTF16PositionFromOffset(startPosition, -1); 9601 } 9602 } else { 9603 if (length) { 9604 endPosition += length; 9605 } else { 9606 endPosition = this.translateUTF16PositionFromOffset(endPosition, 1); 9607 } 9608 } 9609 return normalizeRange([startPosition, endPosition]); 9610 } 9611 shouldManageMovingCursorInDirection(direction) { 9612 if (this.editingAttachment) { 9613 return true; 9614 } 9615 const range = this.getExpandedRangeInDirection(direction); 9616 return this.getAttachmentAtRange(range) != null; 9617 } 9618 moveCursorInDirection(direction) { 9619 let canEditAttachment, range; 9620 if (this.editingAttachment) { 9621 range = this.document.getRangeOfAttachment(this.editingAttachment); 9622 } else { 9623 const selectedRange = this.getSelectedRange(); 9624 range = this.getExpandedRangeInDirection(direction); 9625 canEditAttachment = !rangesAreEqual(selectedRange, range); 9626 } 9627 if (direction === "backward") { 9628 this.setSelectedRange(range[0]); 9629 } else { 9630 this.setSelectedRange(range[1]); 9631 } 9632 if (canEditAttachment) { 9633 const attachment = this.getAttachmentAtRange(range); 9634 if (attachment) { 9635 return this.editAttachment(attachment); 9636 } 9637 } 9638 } 9639 expandSelectionInDirection(direction) { 9640 let { 9641 length 9642 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 9643 const range = this.getExpandedRangeInDirection(direction, { 9644 length 9645 }); 9646 return this.setSelectedRange(range); 9647 } 9648 expandSelectionForEditing() { 9649 if (this.hasCurrentAttribute("href")) { 9650 return this.expandSelectionAroundCommonAttribute("href"); 9651 } 9652 } 9653 expandSelectionAroundCommonAttribute(attributeName) { 9654 const position = this.getPosition(); 9655 const range = this.document.getRangeOfCommonAttributeAtPosition(attributeName, position); 9656 return this.setSelectedRange(range); 9657 } 9658 selectionContainsAttachments() { 9659 var _this$getSelectedAtta; 9660 return ((_this$getSelectedAtta = this.getSelectedAttachments()) === null || _this$getSelectedAtta === void 0 ? void 0 : _this$getSelectedAtta.length) > 0; 9661 } 9662 selectionIsInCursorTarget() { 9663 return this.editingAttachment || this.positionIsCursorTarget(this.getPosition()); 9664 } 9665 positionIsCursorTarget(position) { 9666 const location = this.document.locationFromPosition(position); 9667 if (location) { 9668 return this.locationIsCursorTarget(location); 9669 } 9670 } 9671 positionIsBlockBreak(position) { 9672 var _this$document$getPie; 9673 return (_this$document$getPie = this.document.getPieceAtPosition(position)) === null || _this$document$getPie === void 0 ? void 0 : _this$document$getPie.isBlockBreak(); 9674 } 9675 getSelectedDocument() { 9676 const selectedRange = this.getSelectedRange(); 9677 if (selectedRange) { 9678 return this.document.getDocumentAtRange(selectedRange); 9679 } 9680 } 9681 getSelectedAttachments() { 9682 var _this$getSelectedDocu; 9683 return (_this$getSelectedDocu = this.getSelectedDocument()) === null || _this$getSelectedDocu === void 0 ? void 0 : _this$getSelectedDocu.getAttachments(); 9684 } 9685 9686 // Attachments 9687 9688 getAttachments() { 9689 return this.attachments.slice(0); 9690 } 9691 refreshAttachments() { 9692 const attachments = this.document.getAttachments(); 9693 const { 9694 added, 9695 removed 9696 } = summarizeArrayChange(this.attachments, attachments); 9697 this.attachments = attachments; 9698 Array.from(removed).forEach(attachment => { 9699 var _this$delegate6, _this$delegate6$compo; 9700 attachment.delegate = null; 9701 (_this$delegate6 = this.delegate) === null || _this$delegate6 === void 0 || (_this$delegate6$compo = _this$delegate6.compositionDidRemoveAttachment) === null || _this$delegate6$compo === void 0 || _this$delegate6$compo.call(_this$delegate6, attachment); 9702 }); 9703 return (() => { 9704 const result = []; 9705 Array.from(added).forEach(attachment => { 9706 var _this$delegate7, _this$delegate7$compo; 9707 attachment.delegate = this; 9708 result.push((_this$delegate7 = this.delegate) === null || _this$delegate7 === void 0 || (_this$delegate7$compo = _this$delegate7.compositionDidAddAttachment) === null || _this$delegate7$compo === void 0 ? void 0 : _this$delegate7$compo.call(_this$delegate7, attachment)); 9709 }); 9710 return result; 9711 })(); 9712 } 9713 9714 // Attachment delegate 9715 9716 attachmentDidChangeAttributes(attachment) { 9717 var _this$delegate8, _this$delegate8$compo; 9718 this.revision++; 9719 return (_this$delegate8 = this.delegate) === null || _this$delegate8 === void 0 || (_this$delegate8$compo = _this$delegate8.compositionDidEditAttachment) === null || _this$delegate8$compo === void 0 ? void 0 : _this$delegate8$compo.call(_this$delegate8, attachment); 9720 } 9721 attachmentDidChangePreviewURL(attachment) { 9722 var _this$delegate9, _this$delegate9$compo; 9723 this.revision++; 9724 return (_this$delegate9 = this.delegate) === null || _this$delegate9 === void 0 || (_this$delegate9$compo = _this$delegate9.compositionDidChangeAttachmentPreviewURL) === null || _this$delegate9$compo === void 0 ? void 0 : _this$delegate9$compo.call(_this$delegate9, attachment); 9725 } 9726 9727 // Attachment editing 9728 9729 editAttachment(attachment, options) { 9730 var _this$delegate10, _this$delegate10$comp; 9731 if (attachment === this.editingAttachment) return; 9732 this.stopEditingAttachment(); 9733 this.editingAttachment = attachment; 9734 return (_this$delegate10 = this.delegate) === null || _this$delegate10 === void 0 || (_this$delegate10$comp = _this$delegate10.compositionDidStartEditingAttachment) === null || _this$delegate10$comp === void 0 ? void 0 : _this$delegate10$comp.call(_this$delegate10, this.editingAttachment, options); 9735 } 9736 stopEditingAttachment() { 9737 var _this$delegate11, _this$delegate11$comp; 9738 if (!this.editingAttachment) return; 9739 (_this$delegate11 = this.delegate) === null || _this$delegate11 === void 0 || (_this$delegate11$comp = _this$delegate11.compositionDidStopEditingAttachment) === null || _this$delegate11$comp === void 0 || _this$delegate11$comp.call(_this$delegate11, this.editingAttachment); 9740 this.editingAttachment = null; 9741 } 9742 updateAttributesForAttachment(attributes, attachment) { 9743 return this.setDocument(this.document.updateAttributesForAttachment(attributes, attachment)); 9744 } 9745 removeAttributeForAttachment(attribute, attachment) { 9746 return this.setDocument(this.document.removeAttributeForAttachment(attribute, attachment)); 9747 } 9748 9749 // Private 9750 9751 breakFormattedBlock(insertion) { 9752 let { 9753 document 9754 } = insertion; 9755 const { 9756 block 9757 } = insertion; 9758 let position = insertion.startPosition; 9759 let range = [position - 1, position]; 9760 if (block.getBlockBreakPosition() === insertion.startLocation.offset) { 9761 if (block.breaksOnReturn() && insertion.nextCharacter === "\n") { 9762 position += 1; 9763 } else { 9764 document = document.removeTextAtRange(range); 9765 } 9766 range = [position, position]; 9767 } else if (insertion.nextCharacter === "\n") { 9768 if (insertion.previousCharacter === "\n") { 9769 range = [position - 1, position + 1]; 9770 } else { 9771 range = [position, position + 1]; 9772 position += 1; 9773 } 9774 } else if (insertion.startLocation.offset - 1 !== 0) { 9775 position += 1; 9776 } 9777 const newDocument = new Document([block.removeLastAttribute().copyWithoutText()]); 9778 this.setDocument(document.insertDocumentAtRange(newDocument, range)); 9779 return this.setSelection(position); 9780 } 9781 getPreviousBlock() { 9782 const locationRange = this.getLocationRange(); 9783 if (locationRange) { 9784 const { 9785 index 9786 } = locationRange[0]; 9787 if (index > 0) { 9788 return this.document.getBlockAtIndex(index - 1); 9789 } 9790 } 9791 } 9792 getBlock() { 9793 const locationRange = this.getLocationRange(); 9794 if (locationRange) { 9795 return this.document.getBlockAtIndex(locationRange[0].index); 9796 } 9797 } 9798 getAttachmentAtRange(range) { 9799 const document = this.document.getDocumentAtRange(range); 9800 if (document.toString() === "".concat(OBJECT_REPLACEMENT_CHARACTER, "\n")) { 9801 return document.getAttachments()[0]; 9802 } 9803 } 9804 notifyDelegateOfCurrentAttributesChange() { 9805 var _this$delegate12, _this$delegate12$comp; 9806 return (_this$delegate12 = this.delegate) === null || _this$delegate12 === void 0 || (_this$delegate12$comp = _this$delegate12.compositionDidChangeCurrentAttributes) === null || _this$delegate12$comp === void 0 ? void 0 : _this$delegate12$comp.call(_this$delegate12, this.currentAttributes); 9807 } 9808 notifyDelegateOfInsertionAtRange(range) { 9809 var _this$delegate13, _this$delegate13$comp; 9810 return (_this$delegate13 = this.delegate) === null || _this$delegate13 === void 0 || (_this$delegate13$comp = _this$delegate13.compositionDidPerformInsertionAtRange) === null || _this$delegate13$comp === void 0 ? void 0 : _this$delegate13$comp.call(_this$delegate13, range); 9811 } 9812 translateUTF16PositionFromOffset(position, offset) { 9813 const utf16string = this.document.toUTF16String(); 9814 const utf16position = utf16string.offsetFromUCS2Offset(position); 9815 return utf16string.offsetToUCS2Offset(utf16position + offset); 9816 } 9817 } 9818 Composition.proxyMethod("getSelectionManager().getPointRange"); 9819 Composition.proxyMethod("getSelectionManager().setLocationRangeFromPointRange"); 9820 Composition.proxyMethod("getSelectionManager().createLocationRangeFromDOMRange"); 9821 Composition.proxyMethod("getSelectionManager().locationIsCursorTarget"); 9822 Composition.proxyMethod("getSelectionManager().selectionIsExpanded"); 9823 Composition.proxyMethod("delegate?.getSelectionManager"); 9824 9825 class UndoManager extends BasicObject { 9826 constructor(composition) { 9827 super(...arguments); 9828 this.composition = composition; 9829 this.undoEntries = []; 9830 this.redoEntries = []; 9831 } 9832 recordUndoEntry(description) { 9833 let { 9834 context, 9835 consolidatable 9836 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 9837 const previousEntry = this.undoEntries.slice(-1)[0]; 9838 if (!consolidatable || !entryHasDescriptionAndContext(previousEntry, description, context)) { 9839 const undoEntry = this.createEntry({ 9840 description, 9841 context 9842 }); 9843 this.undoEntries.push(undoEntry); 9844 this.redoEntries = []; 9845 } 9846 } 9847 undo() { 9848 const undoEntry = this.undoEntries.pop(); 9849 if (undoEntry) { 9850 const redoEntry = this.createEntry(undoEntry); 9851 this.redoEntries.push(redoEntry); 9852 return this.composition.loadSnapshot(undoEntry.snapshot); 9853 } 9854 } 9855 redo() { 9856 const redoEntry = this.redoEntries.pop(); 9857 if (redoEntry) { 9858 const undoEntry = this.createEntry(redoEntry); 9859 this.undoEntries.push(undoEntry); 9860 return this.composition.loadSnapshot(redoEntry.snapshot); 9861 } 9862 } 9863 canUndo() { 9864 return this.undoEntries.length > 0; 9865 } 9866 canRedo() { 9867 return this.redoEntries.length > 0; 9868 } 9869 9870 // Private 9871 9872 createEntry() { 9873 let { 9874 description, 9875 context 9876 } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; 9877 return { 9878 description: description === null || description === void 0 ? void 0 : description.toString(), 9879 context: JSON.stringify(context), 9880 snapshot: this.composition.getSnapshot() 9881 }; 9882 } 9883 } 9884 const entryHasDescriptionAndContext = (entry, description, context) => (entry === null || entry === void 0 ? void 0 : entry.description) === (description === null || description === void 0 ? void 0 : description.toString()) && (entry === null || entry === void 0 ? void 0 : entry.context) === JSON.stringify(context); 9885 9886 const BLOCK_ATTRIBUTE_NAME = "attachmentGallery"; 9887 const TEXT_ATTRIBUTE_NAME = "presentation"; 9888 const TEXT_ATTRIBUTE_VALUE = "gallery"; 9889 class Filter { 9890 constructor(snapshot) { 9891 this.document = snapshot.document; 9892 this.selectedRange = snapshot.selectedRange; 9893 } 9894 perform() { 9895 this.removeBlockAttribute(); 9896 return this.applyBlockAttribute(); 9897 } 9898 getSnapshot() { 9899 return { 9900 document: this.document, 9901 selectedRange: this.selectedRange 9902 }; 9903 } 9904 9905 // Private 9906 9907 removeBlockAttribute() { 9908 return this.findRangesOfBlocks().map(range => this.document = this.document.removeAttributeAtRange(BLOCK_ATTRIBUTE_NAME, range)); 9909 } 9910 applyBlockAttribute() { 9911 let offset = 0; 9912 this.findRangesOfPieces().forEach(range => { 9913 if (range[1] - range[0] > 1) { 9914 range[0] += offset; 9915 range[1] += offset; 9916 if (this.document.getCharacterAtPosition(range[1]) !== "\n") { 9917 this.document = this.document.insertBlockBreakAtRange(range[1]); 9918 if (range[1] < this.selectedRange[1]) { 9919 this.moveSelectedRangeForward(); 9920 } 9921 range[1]++; 9922 offset++; 9923 } 9924 if (range[0] !== 0) { 9925 if (this.document.getCharacterAtPosition(range[0] - 1) !== "\n") { 9926 this.document = this.document.insertBlockBreakAtRange(range[0]); 9927 if (range[0] < this.selectedRange[0]) { 9928 this.moveSelectedRangeForward(); 9929 } 9930 range[0]++; 9931 offset++; 9932 } 9933 } 9934 this.document = this.document.applyBlockAttributeAtRange(BLOCK_ATTRIBUTE_NAME, true, range); 9935 } 9936 }); 9937 } 9938 findRangesOfBlocks() { 9939 return this.document.findRangesForBlockAttribute(BLOCK_ATTRIBUTE_NAME); 9940 } 9941 findRangesOfPieces() { 9942 return this.document.findRangesForTextAttribute(TEXT_ATTRIBUTE_NAME, { 9943 withValue: TEXT_ATTRIBUTE_VALUE 9944 }); 9945 } 9946 moveSelectedRangeForward() { 9947 this.selectedRange[0] += 1; 9948 this.selectedRange[1] += 1; 9949 } 9950 } 9951 9952 const attachmentGalleryFilter = function (snapshot) { 9953 const filter = new Filter(snapshot); 9954 filter.perform(); 9955 return filter.getSnapshot(); 9956 }; 9957 9958 const DEFAULT_FILTERS = [attachmentGalleryFilter]; 9959 class Editor { 9960 constructor(composition, selectionManager, element) { 9961 this.insertFiles = this.insertFiles.bind(this); 9962 this.composition = composition; 9963 this.selectionManager = selectionManager; 9964 this.element = element; 9965 this.undoManager = new UndoManager(this.composition); 9966 this.filters = DEFAULT_FILTERS.slice(0); 9967 } 9968 loadDocument(document) { 9969 return this.loadSnapshot({ 9970 document, 9971 selectedRange: [0, 0] 9972 }); 9973 } 9974 loadHTML() { 9975 let html = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ""; 9976 const document = HTMLParser.parse(html, { 9977 referenceElement: this.element 9978 }).getDocument(); 9979 return this.loadDocument(document); 9980 } 9981 loadJSON(_ref) { 9982 let { 9983 document, 9984 selectedRange 9985 } = _ref; 9986 document = Document.fromJSON(document); 9987 return this.loadSnapshot({ 9988 document, 9989 selectedRange 9990 }); 9991 } 9992 loadSnapshot(snapshot) { 9993 this.undoManager = new UndoManager(this.composition); 9994 return this.composition.loadSnapshot(snapshot); 9995 } 9996 getDocument() { 9997 return this.composition.document; 9998 } 9999 getSelectedDocument() { 10000 return this.composition.getSelectedDocument(); 10001 } 10002 getSnapshot() { 10003 return this.composition.getSnapshot(); 10004 } 10005 toJSON() { 10006 return this.getSnapshot(); 10007 } 10008 10009 // Document manipulation 10010 10011 deleteInDirection(direction) { 10012 return this.composition.deleteInDirection(direction); 10013 } 10014 insertAttachment(attachment) { 10015 return this.composition.insertAttachment(attachment); 10016 } 10017 insertAttachments(attachments) { 10018 return this.composition.insertAttachments(attachments); 10019 } 10020 insertDocument(document) { 10021 return this.composition.insertDocument(document); 10022 } 10023 insertFile(file) { 10024 return this.composition.insertFile(file); 10025 } 10026 insertFiles(files) { 10027 return this.composition.insertFiles(files); 10028 } 10029 insertHTML(html) { 10030 return this.composition.insertHTML(html); 10031 } 10032 insertString(string) { 10033 return this.composition.insertString(string); 10034 } 10035 insertText(text) { 10036 return this.composition.insertText(text); 10037 } 10038 insertLineBreak() { 10039 return this.composition.insertLineBreak(); 10040 } 10041 10042 // Selection 10043 10044 getSelectedRange() { 10045 return this.composition.getSelectedRange(); 10046 } 10047 getPosition() { 10048 return this.composition.getPosition(); 10049 } 10050 getClientRectAtPosition(position) { 10051 const locationRange = this.getDocument().locationRangeFromRange([position, position + 1]); 10052 return this.selectionManager.getClientRectAtLocationRange(locationRange); 10053 } 10054 expandSelectionInDirection(direction) { 10055 return this.composition.expandSelectionInDirection(direction); 10056 } 10057 moveCursorInDirection(direction) { 10058 return this.composition.moveCursorInDirection(direction); 10059 } 10060 setSelectedRange(selectedRange) { 10061 return this.composition.setSelectedRange(selectedRange); 10062 } 10063 10064 // Attributes 10065 10066 activateAttribute(name) { 10067 let value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true; 10068 return this.composition.setCurrentAttribute(name, value); 10069 } 10070 attributeIsActive(name) { 10071 return this.composition.hasCurrentAttribute(name); 10072 } 10073 canActivateAttribute(name) { 10074 return this.composition.canSetCurrentAttribute(name); 10075 } 10076 deactivateAttribute(name) { 10077 return this.composition.removeCurrentAttribute(name); 10078 } 10079 10080 // HTML attributes 10081 setHTMLAtributeAtPosition(position, name, value) { 10082 this.composition.setHTMLAtributeAtPosition(position, name, value); 10083 } 10084 10085 // Nesting level 10086 10087 canDecreaseNestingLevel() { 10088 return this.composition.canDecreaseNestingLevel(); 10089 } 10090 canIncreaseNestingLevel() { 10091 return this.composition.canIncreaseNestingLevel(); 10092 } 10093 decreaseNestingLevel() { 10094 if (this.canDecreaseNestingLevel()) { 10095 return this.composition.decreaseNestingLevel(); 10096 } 10097 } 10098 increaseNestingLevel() { 10099 if (this.canIncreaseNestingLevel()) { 10100 return this.composition.increaseNestingLevel(); 10101 } 10102 } 10103 10104 // Undo/redo 10105 10106 canRedo() { 10107 return this.undoManager.canRedo(); 10108 } 10109 canUndo() { 10110 return this.undoManager.canUndo(); 10111 } 10112 recordUndoEntry(description) { 10113 let { 10114 context, 10115 consolidatable 10116 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; 10117 return this.undoManager.recordUndoEntry(description, { 10118 context, 10119 consolidatable 10120 }); 10121 } 10122 redo() { 10123 if (this.canRedo()) { 10124 return this.undoManager.redo(); 10125 } 10126 } 10127 undo() { 10128 if (this.canUndo()) { 10129 return this.undoManager.undo(); 10130 } 10131 } 10132 } 10133 10134 /* eslint-disable 10135 no-var, 10136 prefer-const, 10137 */ 10138 class LocationMapper { 10139 constructor(element) { 10140 this.element = element; 10141 } 10142 findLocationFromContainerAndOffset(container, offset) { 10143 let { 10144 strict 10145 } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : { 10146 strict: true 10147 }; 10148 let childIndex = 0; 10149 let foundBlock = false; 10150 const location = { 10151 index: 0, 10152 offset: 0 10153 }; 10154 const attachmentElement = this.findAttachmentElementParentForNode(container); 10155 if (attachmentElement) { 10156 container = attachmentElement.parentNode; 10157 offset = findChildIndexOfNode(attachmentElement); 10158 } 10159 const walker = walkTree(this.element, { 10160 usingFilter: rejectAttachmentContents 10161 }); 10162 while (walker.nextNode()) { 10163 const node = walker.currentNode; 10164 if (node === container && nodeIsTextNode(container)) { 10165 if (!nodeIsCursorTarget(node)) { 10166 location.offset += offset; 10167 } 10168 break; 10169 } else { 10170 if (node.parentNode === container) { 10171 if (childIndex++ === offset) { 10172 if (!strict && nodeIsBlockStart(node, { 10173 strict 10174 })) { 10175 if (foundBlock) { 10176 location.index++; 10177 } 10178 location.offset = 0; 10179 foundBlock = true; 10180 } 10181 break; 10182 } 10183 } else if (!elementContainsNode(container, node)) { 10184 if (childIndex > 0) { 10185 break; 10186 } 10187 } 10188 if (nodeIsBlockStart(node, { 10189 strict 10190 })) { 10191 if (foundBlock) { 10192 location.index++; 10193 } 10194 location.offset = 0; 10195 foundBlock = true; 10196 } else { 10197 location.offset += nodeLength(node); 10198 } 10199 } 10200 } 10201 return location; 10202 } 10203 findContainerAndOffsetFromLocation(location) { 10204 let container, offset; 10205 if (location.index === 0 && location.offset === 0) { 10206 container = this.element; 10207 offset = 0; 10208 while (container.firstChild) { 10209 container = container.firstChild; 10210 if (nodeIsBlockContainer(container)) { 10211 offset = 1; 10212 break; 10213 } 10214 } 10215 return [container, offset]; 10216 } 10217 let [node, nodeOffset] = this.findNodeAndOffsetFromLocation(location); 10218 if (!node) return; 10219 if (nodeIsTextNode(node)) { 10220 if (nodeLength(node) === 0) { 10221 container = node.parentNode.parentNode; 10222 offset = findChildIndexOfNode(node.parentNode); 10223 if (nodeIsCursorTarget(node, { 10224 name: "right" 10225 })) { 10226 offset++; 10227 } 10228 } else { 10229 container = node; 10230 offset = location.offset - nodeOffset; 10231 } 10232 } else { 10233 container = node.parentNode; 10234 if (!nodeIsBlockStart(node.previousSibling)) { 10235 if (!nodeIsBlockContainer(container)) { 10236 while (node === container.lastChild) { 10237 node = container; 10238 container = container.parentNode; 10239 if (nodeIsBlockContainer(container)) { 10240 break; 10241 } 10242 } 10243 } 10244 } 10245 offset = findChildIndexOfNode(node); 10246 if (location.offset !== 0) { 10247 offset++; 10248 } 10249 } 10250 return [container, offset]; 10251 } 10252 findNodeAndOffsetFromLocation(location) { 10253 let node, nodeOffset; 10254 let offset = 0; 10255 for (const currentNode of this.getSignificantNodesForIndex(location.index)) { 10256 const length = nodeLength(currentNode); 10257 if (location.offset <= offset + length) { 10258 if (nodeIsTextNode(currentNode)) { 10259 node = currentNode; 10260 nodeOffset = offset; 10261 if (location.offset === nodeOffset && nodeIsCursorTarget(node)) { 10262 break; 10263 } 10264 } else if (!node) { 10265 node = currentNode; 10266 nodeOffset = offset; 10267 } 10268 } 10269 offset += length; 10270 if (offset > location.offset) { 10271 break; 10272 } 10273 } 10274 return [node, nodeOffset]; 10275 } 10276 10277 // Private 10278 10279 findAttachmentElementParentForNode(node) { 10280 while (node && node !== this.element) { 10281 if (nodeIsAttachmentElement(node)) { 10282 return node; 10283 } 10284 node = node.parentNode; 10285 } 10286 } 10287 getSignificantNodesForIndex(index) { 10288 const nodes = []; 10289 const walker = walkTree(this.element, { 10290 usingFilter: acceptSignificantNodes 10291 }); 10292 let recordingNodes = false; 10293 while (walker.nextNode()) { 10294 const node = walker.currentNode; 10295 if (nodeIsBlockStartComment(node)) { 10296 var blockIndex; 10297 if (blockIndex != null) { 10298 blockIndex++; 10299 } else { 10300 blockIndex = 0; 10301 } 10302 if (blockIndex === index) { 10303 recordingNodes = true; 10304 } else if (recordingNodes) { 10305 break; 10306 } 10307 } else if (recordingNodes) { 10308 nodes.push(node); 10309 } 10310 } 10311 return nodes; 10312 } 10313 } 10314 const nodeLength = function (node) { 10315 if (node.nodeType === Node.TEXT_NODE) { 10316 if (nodeIsCursorTarget(node)) { 10317 return 0; 10318 } else { 10319 const string = node.textContent; 10320 return string.length; 10321 } 10322 } else if (tagName(node) === "br" || nodeIsAttachmentElement(node)) { 10323 return 1; 10324 } else { 10325 return 0; 10326 } 10327 }; 10328 const acceptSignificantNodes = function (node) { 10329 if (rejectEmptyTextNodes(node) === NodeFilter.FILTER_ACCEPT) { 10330 return rejectAttachmentContents(node); 10331 } else { 10332 return NodeFilter.FILTER_REJECT; 10333 } 10334 }; 10335 const rejectEmptyTextNodes = function (node) { 10336 if (nodeIsEmptyTextNode(node)) { 10337 return NodeFilter.FILTER_REJECT; 10338 } else { 10339 return NodeFilter.FILTER_ACCEPT; 10340 } 10341 }; 10342 const rejectAttachmentContents = function (node) { 10343 if (nodeIsAttachmentElement(node.parentNode)) { 10344 return NodeFilter.FILTER_REJECT; 10345 } else { 10346 return NodeFilter.FILTER_ACCEPT; 10347 } 10348 }; 10349 10350 /* eslint-disable 10351 id-length, 10352 no-empty, 10353 */ 10354 class PointMapper { 10355 createDOMRangeFromPoint(_ref) { 10356 let { 10357 x, 10358 y 10359 } = _ref; 10360 let domRange; 10361 if (document.caretPositionFromPoint) { 10362 const { 10363 offsetNode, 10364 offset 10365 } = document.caretPositionFromPoint(x, y); 10366 domRange = document.createRange(); 10367 domRange.setStart(offsetNode, offset); 10368 return domRange; 10369 } else if (document.caretRangeFromPoint) { 10370 return document.caretRangeFromPoint(x, y); 10371 } else if (document.body.createTextRange) { 10372 const originalDOMRange = getDOMRange(); 10373 try { 10374 // IE 11 throws "Unspecified error" when using moveToPoint 10375 // during a drag-and-drop operation. 10376 const textRange = document.body.createTextRange(); 10377 textRange.moveToPoint(x, y); 10378 textRange.select(); 10379 } catch (error) {} 10380 domRange = getDOMRange(); 10381 setDOMRange(originalDOMRange); 10382 return domRange; 10383 } 10384 } 10385 getClientRectsForDOMRange(domRange) { 10386 const array = Array.from(domRange.getClientRects()); 10387 const start = array[0]; 10388 const end = array[array.length - 1]; 10389 return [start, end]; 10390 } 10391 } 10392 10393 /* eslint-disable 10394 */ 10395 class SelectionManager extends BasicObject { 10396 constructor(element) { 10397 super(...arguments); 10398 this.didMouseDown = this.didMouseDown.bind(this); 10399 this.selectionDidChange = this.selectionDidChange.bind(this); 10400 this.element = element; 10401 this.locationMapper = new LocationMapper(this.element); 10402 this.pointMapper = new PointMapper(); 10403 this.lockCount = 0; 10404 handleEvent("mousedown", { 10405 onElement: this.element, 10406 withCallback: this.didMouseDown 10407 }); 10408 } 10409 getLocationRange() { 10410 let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; 10411 if (options.strict === false) { 10412 return this.createLocationRangeFromDOMRange(getDOMRange()); 10413 } else if (options.ignoreLock) { 10414 return this.currentLocationRange; 10415 } else if (this.lockedLocationRange) { 10416 return this.lockedLocationRange; 10417 } else { 10418 return this.currentLocationRange; 10419 } 10420 } 10421 setLocationRange(locationRange) { 10422 if (this.lockedLocationRange) return; 10423 locationRange = normalizeRange(locationRange); 10424 const domRange = this.createDOMRangeFromLocationRange(locationRange); 10425 if (domRange) { 10426 setDOMRange(domRange); 10427 this.updateCurrentLocationRange(locationRange); 10428 } 10429 } 10430 setLocationRangeFromPointRange(pointRange) { 10431 pointRange = normalizeRange(pointRange); 10432 const startLocation = this.getLocationAtPoint(pointRange[0]); 10433 const endLocation = this.getLocationAtPoint(pointRange[1]); 10434 this.setLocationRange([startLocation, endLocation]); 10435 } 10436 getClientRectAtLocationRange(locationRange) { 10437 const domRange = this.createDOMRangeFromLocationRange(locationRange); 10438 if (domRange) { 10439 return this.getClientRectsForDOMRange(domRange)[1]; 10440 } 10441 } 10442 locationIsCursorTarget(location) { 10443 const node = Array.from(this.findNodeAndOffsetFromLocation(location))[0]; 10444 return nodeIsCursorTarget(node); 10445 } 10446 lock() { 10447 if (this.lockCount++ === 0) { 10448 this.updateCurrentLocationRange(); 10449 this.lockedLocationRange = this.getLocationRange(); 10450 } 10451 } 10452 unlock() { 10453 if (--this.lockCount === 0) { 10454 const { 10455 lockedLocationRange 10456 } = this; 10457 this.lockedLocationRange = null; 10458 if (lockedLocationRange != null) { 10459 return this.setLocationRange(lockedLocationRange); 10460 } 10461 } 10462 } 10463 clearSelection() { 10464 var _getDOMSelection; 10465 return (_getDOMSelection = getDOMSelection()) === null || _getDOMSelection === void 0 ? void 0 : _getDOMSelection.removeAllRanges(); 10466 } 10467 selectionIsCollapsed() { 10468 var _getDOMRange; 10469 return ((_getDOMRange = getDOMRange()) === null || _getDOMRange === void 0 ? void 0 : _getDOMRange.collapsed) === true; 10470 } 10471 selectionIsExpanded() { 10472 return !this.selectionIsCollapsed(); 10473 } 10474 createLocationRangeFromDOMRange(domRange, options) { 10475 if (domRange == null || !this.domRangeWithinElement(domRange)) return; 10476 const start = this.findLocationFromContainerAndOffset(domRange.startContainer, domRange.startOffset, options); 10477 if (!start) return; 10478 const end = domRange.collapsed ? undefined : this.findLocationFromContainerAndOffset(domRange.endContainer, domRange.endOffset, options); 10479 return normalizeRange([start, end]); 10480 } 10481 didMouseDown() { 10482 return this.pauseTemporarily(); 10483 } 10484 pauseTemporarily() { 10485 let resumeHandlers; 10486 this.paused = true; 10487 const resume = () => { 10488 this.paused = false; 10489 clearTimeout(resumeTimeout); 10490 Array.from(resumeHandlers).forEach(handler => { 10491 handler.destroy(); 10492 }); 10493 if (elementContainsNode(document, this.element)) { 10494 return this.selectionDidChange(); 10495 } 10496 }; 10497 const resumeTimeout = setTimeout(resume, 200); 10498 resumeHandlers = ["mousemove", "keydown"].map(eventName => handleEvent(eventName, { 10499 onElement: document, 10500 withCallback: resume 10501 })); 10502 } 10503 selectionDidChange() { 10504 if (!this.paused && !innerElementIsActive(this.element)) { 10505 return this.updateCurrentLocationRange(); 10506 } 10507 } 10508 updateCurrentLocationRange(locationRange) { 10509 if (locationRange != null ? locationRange : locationRange = this.createLocationRangeFromDOMRange(getDOMRange())) { 10510 if (!rangesAreEqual(locationRange, this.currentLocationRange)) { 10511 var _this$delegate, _this$delegate$locati; 10512 this.currentLocationRange = locationRange; 10513 return (_this$delegate = this.delegate) === null || _this$delegate === void 0 || (_this$delegate$locati = _this$delegate.locationRangeDidChange) === null || _this$delegate$locati === void 0 ? void 0 : _this$delegate$locati.call(_this$delegate, this.currentLocationRange.slice(0)); 10514 } 10515 } 10516 } 10517 createDOMRangeFromLocationRange(locationRange) { 10518 const rangeStart = this.findContainerAndOffsetFromLocation(locationRange[0]); 10519 const rangeEnd = rangeIsCollapsed(locationRange) ? rangeStart : this.findContainerAndOffsetFromLocation(locationRange[1]) || rangeStart; 10520 if (rangeStart != null && rangeEnd != null) { 10521 const domRange = document.createRange(); 10522 domRange.setStart(...Array.from(rangeStart || [])); 10523 domRange.setEnd(...Array.from(rangeEnd || [])); 10524 return domRange; 10525 } 10526 } 10527 getLocationAtPoint(point) { 10528 const domRange = this.createDOMRangeFromPoint(point); 10529 if (domRange) { 10530 var _this$createLocationR; 10531 return (_this$createLocationR = this.createLocationRangeFromDOMRange(domRange)) === null || _this$createLocationR === void 0 ? void 0 : _this$createLocationR[0]; 10532 } 10533 } 10534 domRangeWithinElement(domRange) { 10535 if (domRange.collapsed) { 10536 return elementContainsNode(this.element, domRange.startContainer); 10537 } else { 10538 return elementContainsNode(this.element, domRange.startContainer) && elementContainsNode(this.element, domRange.endContainer); 10539 } 10540 } 10541 } 10542 SelectionManager.proxyMethod("locationMapper.findLocationFromContainerAndOffset"); 10543 SelectionManager.proxyMethod("locationMapper.findContainerAndOffsetFromLocation"); 10544 SelectionManager.proxyMethod("locationMapper.findNodeAndOffsetFromLocation"); 10545 SelectionManager.proxyMethod("pointMapper.createDOMRangeFromPoint"); 10546 SelectionManager.proxyMethod("pointMapper.getClientRectsForDOMRange"); 10547 10548 var models = /*#__PURE__*/Object.freeze({ 10549 __proto__: null, 10550 Attachment: Attachment, 10551 AttachmentManager: AttachmentManager, 10552 AttachmentPiece: AttachmentPiece, 10553 Block: Block, 10554 Composition: Composition, 10555 Document: Document, 10556 Editor: Editor, 10557 HTMLParser: HTMLParser, 10558 HTMLSanitizer: HTMLSanitizer, 10559 LineBreakInsertion: LineBreakInsertion, 10560 LocationMapper: LocationMapper, 10561 ManagedAttachment: ManagedAttachment, 10562 Piece: Piece, 10563 PointMapper: PointMapper, 10564 SelectionManager: SelectionManager, 10565 SplittableList: SplittableList, 10566 StringPiece: StringPiece, 10567 Text: Text, 10568 UndoManager: UndoManager 10569 }); 10570 10571 var views = /*#__PURE__*/Object.freeze({ 10572 __proto__: null, 10573 ObjectView: ObjectView, 10574 AttachmentView: AttachmentView, 10575 BlockView: BlockView, 10576 DocumentView: DocumentView, 10577 PieceView: PieceView, 10578 PreviewableAttachmentView: PreviewableAttachmentView, 10579 TextView: TextView 10580 }); 10581 10582 const { 10583 lang, 10584 css, 10585 keyNames: keyNames$1 10586 } = config; 10587 const undoable = function (fn) { 10588 return function () { 10589 const commands = fn.apply(this, arguments); 10590 commands.do(); 10591 if (!this.undos) { 10592 this.undos = []; 10593 } 10594 this.undos.push(commands.undo); 10595 }; 10596 }; 10597 class AttachmentEditorController extends BasicObject { 10598 constructor(attachmentPiece, _element, container) { 10599 let options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {}; 10600 super(...arguments); 10601 // Installing and uninstalling 10602 _defineProperty(this, "makeElementMutable", undoable(() => { 10603 return { 10604 do: () => { 10605 this.element.dataset.trixMutable = true; 10606 }, 10607 undo: () => delete this.element.dataset.trixMutable 10608 }; 10609 })); 10610 _defineProperty(this, "addToolbar", undoable(() => { 10611 // <div class="#{css.attachmentMetadataContainer}" data-trix-mutable="true"> 10612 // <div class="trix-button-row"> 10613 // <span class="trix-button-group trix-button-group--actions"> 10614 // <button type="button" class="trix-button trix-button--remove" title="#{lang.remove}" data-trix-action="remove">#{lang.remove}</button> 10615 // </span> 10616 // </div> 10617 // </div> 10618 const element = makeElement({ 10619 tagName: "div", 10620 className: css.attachmentToolbar, 10621 data: { 10622 trixMutable: true 10623 }, 10624 childNodes: makeElement({ 10625 tagName: "div", 10626 className: "trix-button-row", 10627 childNodes: makeElement({ 10628 tagName: "span", 10629 className: "trix-button-group trix-button-group--actions", 10630 childNodes: makeElement({ 10631 tagName: "button", 10632 className: "trix-button trix-button--remove", 10633 textContent: lang.remove, 10634 attributes: { 10635 title: lang.remove 10636 }, 10637 data: { 10638 trixAction: "remove" 10639 } 10640 }) 10641 }) 10642 }) 10643 }); 10644 if (this.attachment.isPreviewable()) { 10645 // <div class="#{css.attachmentMetadataContainer}"> 10646 // <span class="#{css.attachmentMetadata}"> 10647 // <span class="#{css.attachmentName}" title="#{name}">#{name}</span> 10648 // <span class="#{css.attachmentSize}">#{size}</span> 10649 // </span> 10650 // </div> 10651 element.appendChild(makeElement({ 10652 tagName: "div", 10653 className: css.attachmentMetadataContainer, 10654 childNodes: makeElement({ 10655 tagName: "span", 10656 className: css.attachmentMetadata, 10657 childNodes: [makeElement({ 10658 tagName: "span", 10659 className: css.attachmentName, 10660 textContent: this.attachment.getFilename(), 10661 attributes: { 10662 title: this.attachment.getFilename() 10663 } 10664 }), makeElement({ 10665 tagName: "span", 10666 className: css.attachmentSize, 10667 textContent: this.attachment.getFormattedFilesize() 10668 })] 10669 }) 10670 })); 10671 } 10672 handleEvent("click", { 10673 onElement: element, 10674 withCallback: this.didClickToolbar 10675 }); 10676 handleEvent("click", { 10677 onElement: element, 10678 matchingSelector: "[data-trix-action]", 10679 withCallback: this.didClickActionButton 10680 }); 10681 triggerEvent("trix-attachment-before-toolbar", { 10682 onElement: this.element, 10683 attributes: { 10684 toolbar: element, 10685 attachment: this.attachment 10686 } 10687 }); 10688 return { 10689 do: () => this.element.appendChild(element), 10690 undo: () => removeNode(element) 10691 }; 10692 })); 10693 _defineProperty(this, "installCaptionEditor", undoable(() => { 10694 const textarea = makeElement({ 10695 tagName: "textarea", 10696 className: css.attachmentCaptionEditor, 10697 attributes: { 10698 placeholder: lang.captionPlaceholder 10699 }, 10700 data: { 10701 trixMutable: true 10702 } 10703 }); 10704 textarea.value = this.attachmentPiece.getCaption(); 10705 const textareaClone = textarea.cloneNode(); 10706 textareaClone.classList.add("trix-autoresize-clone"); 10707 textareaClone.tabIndex = -1; 10708 const autoresize = function () { 10709 textareaClone.value = textarea.value; 10710 textarea.style.height = textareaClone.scrollHeight + "px"; 10711 }; 10712 handleEvent("input", { 10713 onElement: textarea, 10714 withCallback: autoresize 10715 }); 10716 handleEvent("input", { 10717 onElement: textarea, 10718 withCallback: this.didInputCaption 10719 }); 10720 handleEvent("keydown", { 10721 onElement: textarea, 10722 withCallback: this.didKeyDownCaption 10723 }); 10724 handleEvent("change", { 10725 onElement: textarea, 10726 withCallback: this.didChangeCaption 10727 }); 10728 handleEvent("blur", { 10729 onElement: textarea, 10730 withCallback: this.didBlurCaption 10731 }); 10732 const figcaption = this.element.querySelector("figcaption"); 10733 const editingFigcaption = figcaption.cloneNode(); 10734 return { 10735 do: () => { 10736 figcaption.style.display = "none"; 10737 editingFigcaption.appendChild(textarea); 10738 editingFigcaption.appendChild(textareaClone); 10739 editingFigcaption.classList.add("".concat(css.attachmentCaption, "--editing")); 10740 figcaption.parentElement.insertBefore(editingFigcaption, figcaption); 10741 autoresize(); 10742 if (this.options.editCaption) { 10743 return defer(() => textarea.focus()); 10744 } 10745 }, 10746 undo() { 10747 removeNode(editingFigcaption); 10748 figcaption.style.display = null; 10749 } 10750 }; 10751 })); 10752 this.didClickToolbar = this.didClickToolbar.bind(this); 10753 this.didClickActionButton = this.didClickActionButton.bind(this); 10754 this.didKeyDownCaption = this.didKeyDownCaption.bind(this); 10755 this.didInputCaption = this.didInputCaption.bind(this); 10756 this.didChangeCaption = this.didChangeCaption.bind(this); 10757 this.didBlurCaption = this.didBlurCaption.bind(this); 10758 this.attachmentPiece = attachmentPiece; 10759 this.element = _element; 10760 this.container = container; 10761 this.options = options; 10762 this.attachment = this.attachmentPiece.attachment; 10763 if (tagName(this.element) === "a") { 10764 this.element = this.element.firstChild; 10765 } 10766 this.install(); 10767 } 10768 install() { 10769 this.makeElementMutable(); 10770 this.addToolbar(); 10771 if (this.attachment.isPreviewable()) { 10772 this.installCaptionEditor(); 10773 } 10774 } 10775 uninstall() { 10776 var _this$delegate; 10777 let undo = this.undos.pop(); 10778 this.savePendingCaption(); 10779 while (undo) { 10780 undo(); 10781 undo = this.undos.pop(); 10782 } 10783 (_this$delegate = this.delegate) === null || _this$delegate === void 0 || _this$delegate.didUninstallAttachmentEditor(this); 10784 } 10785 10786 // Private 10787 10788 savePendingCaption() { 10789 if (this.pendingCaption != null) { 10790 const caption = this.pendingCaption; 10791 this.pendingCaption = null; 10792 if (caption) { 10793 var _this$delegate2, _this$delegate2$attac; 10794 (_this$delegate2 = this.delegate) === null || _this$delegate2 === void 0 || (_this$delegate2$attac = _this$delegate2.attachmentEditorDidRequestUpdatingAttributesForAttachment) === null || _this$delegate2$attac === void 0 || _this$delegate2$attac.call(_this$delegate2, { 10795 caption 10796 }, this.attachment); 10797 } else { 10798 var _this$delegate3, _this$delegate3$attac; 10799 (_this$delegate3 = this.delegate) === null || _this$delegate3 === void 0 || (_this$delegate3$attac = _this$delegate3.attachmentEditorDidRequestRemovingAttributeForAttachment) === null || _this$delegate3$attac === void 0 || _this$delegate3$attac.call(_this$delegate3, "caption", this.attachment); 10800 } 10801 } 10802 } 10803 // Event handlers 10804 10805 didClickToolbar(event) { 10806 event.preventDefault(); 10807 return event.stopPropagation(); 10808 } 10809 didClickActionButton(event) { 10810 var _this$delegate4; 10811 const action = event.target.getAttribute("data-trix-action"); 10812 switch (action) { 10813 case "remove": 10814 return (_this$delegate4 = this.delegate) === null || _this$delegate4 === void 0 ? void 0 : _this$delegate4.attachmentEditorDidRequestRemovalOfAttachment(this.attachment); 10815 } 10816 } 10817 didKeyDownCaption(event) { 10818 if (keyNames$1[event.keyCode] === "return") { 10819 var _this$delegate5, _this$delegate5$attac; 10820 event.preventDefault(); 10821 this.savePendingCaption(); 10822 return (_this$delegate5 = this.delegate) === null || _this$delegate5 === void 0 || (_this$delegate5$attac = _this$delegate5.attachmentEditorDidRequestDeselectingAttachment) === null || _this$delegate5$attac === void 0 ? void 0 : _this$delegate5$attac.call(_this$delegate5, this.attachment); 10823 } 10824 } 10825 didInputCaption(event) { 10826 this.pendingCaption = event.target.value.replace(/\s/g, " ").trim(); 10827 } 10828 didChangeCaption(event) { 10829 return this.savePendingCaption(); 10830 } 10831 didBlurCaption(event) { 10832 return this.savePendingCaption(); 10833 } 10834 } 10835 10836 class CompositionController extends BasicObject { 10837 constructor(element, composition) { 10838 super(...arguments); 10839 this.didFocus = this.didFocus.bind(this); 10840 this.didBlur = this.didBlur.bind(this); 10841 this.didClickAttachment = this.didClickAttachment.bind(this); 10842 this.element = element; 10843 this.composition = composition; 10844 this.documentView = new DocumentView(this.composition.document, { 10845 element: this.element 10846 }); 10847 handleEvent("focus", { 10848 onElement: this.element, 10849 withCallback: this.didFocus 10850 }); 10851 handleEvent("blur", { 10852 onElement: this.element, 10853 withCallback: this.didBlur 10854 }); 10855 handleEvent("click", { 10856 onElement: this.element, 10857 matchingSelector: "a[contenteditable=false]", 10858 preventDefault: true 10859 }); 10860 handleEvent("mousedown", { 10861 onElement: this.element, 10862 matchingSelector: attachmentSelector, 10863 withCallback: this.didClickAttachment 10864 }); 10865 handleEvent("click", { 10866 onElement: this.element, 10867 matchingSelector: "a".concat(attachmentSelector), 10868 preventDefault: true 10869 }); 10870 } 10871 didFocus(event) { 10872 var _this$blurPromise; 10873 const perform = () => { 10874 if (!this.focused) { 10875 var _this$delegate, _this$delegate$compos; 10876 this.focused = true; 10877 return (_this$delegate = this.delegate) === null || _this$delegate === void 0 || (_this$delegate$compos = _this$delegate.compositionControllerDidFocus) === null || _this$delegate$compos === void 0 ? void 0 : _this$delegate$compos.call(_this$delegate); 10878 } 10879 }; 10880 return ((_this$blurPromise = this.blurPromise) === null || _this$blurPromise === void 0 ? void 0 : _this$blurPromise.then(perform)) || perform(); 10881 } 10882 didBlur(event) { 10883 this.blurPromise = new Promise(resolve => { 10884 return defer(() => { 10885 if (!innerElementIsActive(this.element)) { 10886 var _this$delegate2, _this$delegate2$compo; 10887 this.focused = null; 10888 (_this$delegate2 = this.delegate) === null || _this$delegate2 === void 0 || (_this$delegate2$compo = _this$delegate2.compositionControllerDidBlur) === null || _this$delegate2$compo === void 0 || _this$delegate2$compo.call(_this$delegate2); 10889 } 10890 this.blurPromise = null; 10891 return resolve(); 10892 }); 10893 }); 10894 } 10895 didClickAttachment(event, target) { 10896 var _this$delegate3, _this$delegate3$compo; 10897 const attachment = this.findAttachmentForElement(target); 10898 const editCaption = !!findClosestElementFromNode(event.target, { 10899 matchingSelector: "figcaption" 10900 }); 10901 return (_this$delegate3 = this.delegate) === null || _this$delegate3 === void 0 || (_this$delegate3$compo = _this$delegate3.compositionControllerDidSelectAttachment) === null || _this$delegate3$compo === void 0 ? void 0 : _this$delegate3$compo.call(_this$delegate3, attachment, { 10902 editCaption 10903 }); 10904 } 10905 getSerializableElement() { 10906 if (this.isEditingAttachment()) { 10907 return this.documentView.shadowElement; 10908 } else { 10909 return this.element; 10910 } 10911 } 10912 render() { 10913 var _this$delegate6, _this$delegate6$compo; 10914 if (this.revision !== this.composition.revision) { 10915 this.documentView.setDocument(this.composition.document); 10916 this.documentView.render(); 10917 this.revision = this.composition.revision; 10918 } 10919 if (this.canSyncDocumentView() && !this.documentView.isSynced()) { 10920 var _this$delegate4, _this$delegate4$compo, _this$delegate5, _this$delegate5$compo; 10921 (_this$delegate4 = this.delegate) === null || _this$delegate4 === void 0 || (_this$delegate4$compo = _this$delegate4.compositionControllerWillSyncDocumentView) === null || _this$delegate4$compo === void 0 || _this$delegate4$compo.call(_this$delegate4); 10922 this.documentView.sync(); 10923 (_this$delegate5 = this.delegate) === null || _this$delegate5 === void 0 || (_this$delegate5$compo = _this$delegate5.compositionControllerDidSyncDocumentView) === null || _this$delegate5$compo === void 0 || _this$delegate5$compo.call(_this$delegate5); 10924 } 10925 return (_this$delegate6 = this.delegate) === null || _this$delegate6 === void 0 || (_this$delegate6$compo = _this$delegate6.compositionControllerDidRender) === null || _this$delegate6$compo === void 0 ? void 0 : _this$delegate6$compo.call(_this$delegate6); 10926 } 10927 rerenderViewForObject(object) { 10928 this.invalidateViewForObject(object); 10929 return this.render(); 10930 } 10931 invalidateViewForObject(object) { 10932 return this.documentView.invalidateViewForObject(object); 10933 } 10934 isViewCachingEnabled() { 10935 return this.documentView.isViewCachingEnabled(); 10936 } 10937 enableViewCaching() { 10938 return this.documentView.enableViewCaching(); 10939 } 10940 disableViewCaching() { 10941 return this.documentView.disableViewCaching(); 10942 } 10943 refreshViewCache() { 10944 return this.documentView.garbageCollectCachedViews(); 10945 } 10946 10947 // Attachment editor management 10948 10949 isEditingAttachment() { 10950 return !!this.attachmentEditor; 10951 } 10952 installAttachmentEditorForAttachment(attachment, options) { 10953 var _this$attachmentEdito; 10954 if (((_this$attachmentEdito = this.attachmentEditor) === null || _this$attachmentEdito === void 0 ? void 0 : _this$attachmentEdito.attachment) === attachment) return; 10955 const element = this.documentView.findElementForObject(attachment); 10956 if (!element) return; 10957 this.uninstallAttachmentEditor(); 10958 const attachmentPiece = this.composition.document.getAttachmentPieceForAttachment(attachment); 10959 this.attachmentEditor = new AttachmentEditorController(attachmentPiece, element, this.element, options); 10960 this.attachmentEditor.delegate = this; 10961 } 10962 uninstallAttachmentEditor() { 10963 var _this$attachmentEdito2; 10964 return (_this$attachmentEdito2 = this.attachmentEditor) === null || _this$attachmentEdito2 === void 0 ? void 0 : _this$attachmentEdito2.uninstall(); 10965 } 10966 10967 // Attachment controller delegate 10968 10969 didUninstallAttachmentEditor() { 10970 this.attachmentEditor = null; 10971 return this.render(); 10972 } 10973 attachmentEditorDidRequestUpdatingAttributesForAttachment(attributes, attachment) { 10974 var _this$delegate7, _this$delegate7$compo; 10975 (_this$delegate7 = this.delegate) === null || _this$delegate7 === void 0 || (_this$delegate7$compo = _this$delegate7.compositionControllerWillUpdateAttachment) === null || _this$delegate7$compo === void 0 || _this$delegate7$compo.call(_this$delegate7, attachment); 10976 return this.composition.updateAttributesForAttachment(attributes, attachment); 10977 } 10978 attachmentEditorDidRequestRemovingAttributeForAttachment(attribute, attachment) { 10979 var _this$delegate8, _this$delegate8$compo; 10980 (_this$delegate8 = this.delegate) === null || _this$delegate8 === void 0 || (_this$delegate8$compo = _this$delegate8.compositionControllerWillUpdateAttachment) === null || _this$delegate8$compo === void 0 || _this$delegate8$compo.call(_this$delegate8, attachment); 10981 return this.composition.removeAttributeForAttachment(attribute, attachment); 10982 } 10983 attachmentEditorDidRequestRemovalOfAttachment(attachment) { 10984 var _this$delegate9, _this$delegate9$compo; 10985 return (_this$delegate9 = this.delegate) === null || _this$delegate9 === void 0 || (_this$delegate9$compo = _this$delegate9.compositionControllerDidRequestRemovalOfAttachment) === null || _this$delegate9$compo === void 0 ? void 0 : _this$delegate9$compo.call(_this$delegate9, attachment); 10986 } 10987 attachmentEditorDidRequestDeselectingAttachment(attachment) { 10988 var _this$delegate10, _this$delegate10$comp; 10989 return (_this$delegate10 = this.delegate) === null || _this$delegate10 === void 0 || (_this$delegate10$comp = _this$delegate10.compositionControllerDidRequestDeselectingAttachment) === null || _this$delegate10$comp === void 0 ? void 0 : _this$delegate10$comp.call(_this$delegate10, attachment); 10990 } 10991 10992 // Private 10993 10994 canSyncDocumentView() { 10995 return !this.isEditingAttachment(); 10996 } 10997 findAttachmentForElement(element) { 10998 return this.composition.document.getAttachmentById(parseInt(element.dataset.trixId, 10)); 10999 } 11000 } 11001 11002 class Controller extends BasicObject {} 11003 11004 const mutableAttributeName = "data-trix-mutable"; 11005 const mutableSelector = "[".concat(mutableAttributeName, "]"); 11006 const options = { 11007 attributes: true, 11008 childList: true, 11009 characterData: true, 11010 characterDataOldValue: true, 11011 subtree: true 11012 }; 11013 class MutationObserver extends BasicObject { 11014 constructor(element) { 11015 super(element); 11016 this.didMutate = this.didMutate.bind(this); 11017 this.element = element; 11018 this.observer = new window.MutationObserver(this.didMutate); 11019 this.start(); 11020 } 11021 start() { 11022 this.reset(); 11023 return this.observer.observe(this.element, options); 11024 } 11025 stop() { 11026 return this.observer.disconnect(); 11027 } 11028 didMutate(mutations) { 11029 this.mutations.push(...Array.from(this.findSignificantMutations(mutations) || [])); 11030 if (this.mutations.length) { 11031 var _this$delegate, _this$delegate$elemen; 11032 (_this$delegate = this.delegate) === null || _this$delegate === void 0 || (_this$delegate$elemen = _this$delegate.elementDidMutate) === null || _this$delegate$elemen === void 0 || _this$delegate$elemen.call(_this$delegate, this.getMutationSummary()); 11033 return this.reset(); 11034 } 11035 } 11036 11037 // Private 11038 11039 reset() { 11040 this.mutations = []; 11041 } 11042 findSignificantMutations(mutations) { 11043 return mutations.filter(mutation => { 11044 return this.mutationIsSignificant(mutation); 11045 }); 11046 } 11047 mutationIsSignificant(mutation) { 11048 if (this.nodeIsMutable(mutation.target)) { 11049 return false; 11050 } 11051 for (const node of Array.from(this.nodesModifiedByMutation(mutation))) { 11052 if (this.nodeIsSignificant(node)) return true; 11053 } 11054 return false; 11055 } 11056 nodeIsSignificant(node) { 11057 return node !== this.element && !this.nodeIsMutable(node) && !nodeIsEmptyTextNode(node); 11058 } 11059 nodeIsMutable(node) { 11060 return findClosestElementFromNode(node, { 11061 matchingSelector: mutableSelector 11062 }); 11063 } 11064 nodesModifiedByMutation(mutation) { 11065 const nodes = []; 11066 switch (mutation.type) { 11067 case "attributes": 11068 if (mutation.attributeName !== mutableAttributeName) { 11069 nodes.push(mutation.target); 11070 } 11071 break; 11072 case "characterData": 11073 // Changes to text nodes should consider the parent element 11074 nodes.push(mutation.target.parentNode); 11075 nodes.push(mutation.target); 11076 break; 11077 case "childList": 11078 // Consider each added or removed node 11079 nodes.push(...Array.from(mutation.addedNodes || [])); 11080 nodes.push(...Array.from(mutation.removedNodes || [])); 11081 break; 11082 } 11083 return nodes; 11084 } 11085 getMutationSummary() { 11086 return this.getTextMutationSummary(); 11087 } 11088 getTextMutationSummary() { 11089 const { 11090 additions, 11091 deletions 11092 } = this.getTextChangesFromCharacterData(); 11093 const textChanges = this.getTextChangesFromChildList(); 11094 Array.from(textChanges.additions).forEach(addition => { 11095 if (!Array.from(additions).includes(addition)) { 11096 additions.push(addition); 11097 } 11098 }); 11099 deletions.push(...Array.from(textChanges.deletions || [])); 11100 const summary = {}; 11101 const added = additions.join(""); 11102 if (added) { 11103 summary.textAdded = added; 11104 } 11105 const deleted = deletions.join(""); 11106 if (deleted) { 11107 summary.textDeleted = deleted; 11108 } 11109 return summary; 11110 } 11111 getMutationsByType(type) { 11112 return Array.from(this.mutations).filter(mutation => mutation.type === type); 11113 } 11114 getTextChangesFromChildList() { 11115 let textAdded, textRemoved; 11116 const addedNodes = []; 11117 const removedNodes = []; 11118 Array.from(this.getMutationsByType("childList")).forEach(mutation => { 11119 addedNodes.push(...Array.from(mutation.addedNodes || [])); 11120 removedNodes.push(...Array.from(mutation.removedNodes || [])); 11121 }); 11122 const singleBlockCommentRemoved = addedNodes.length === 0 && removedNodes.length === 1 && nodeIsBlockStartComment(removedNodes[0]); 11123 if (singleBlockCommentRemoved) { 11124 textAdded = []; 11125 textRemoved = ["\n"]; 11126 } else { 11127 textAdded = getTextForNodes(addedNodes); 11128 textRemoved = getTextForNodes(removedNodes); 11129 } 11130 const additions = textAdded.filter((text, index) => text !== textRemoved[index]).map(normalizeSpaces); 11131 const deletions = textRemoved.filter((text, index) => text !== textAdded[index]).map(normalizeSpaces); 11132 return { 11133 additions, 11134 deletions 11135 }; 11136 } 11137 getTextChangesFromCharacterData() { 11138 let added, removed; 11139 const characterMutations = this.getMutationsByType("characterData"); 11140 if (characterMutations.length) { 11141 const startMutation = characterMutations[0], 11142 endMutation = characterMutations[characterMutations.length - 1]; 11143 const oldString = normalizeSpaces(startMutation.oldValue); 11144 const newString = normalizeSpaces(endMutation.target.data); 11145 const summarized = summarizeStringChange(oldString, newString); 11146 added = summarized.added; 11147 removed = summarized.removed; 11148 } 11149 return { 11150 additions: added ? [added] : [], 11151 deletions: removed ? [removed] : [] 11152 }; 11153 } 11154 } 11155 const getTextForNodes = function () { 11156 let nodes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : []; 11157 const text = []; 11158 for (const node of Array.from(nodes)) { 11159 switch (node.nodeType) { 11160 case Node.TEXT_NODE: 11161 text.push(node.data); 11162 break; 11163 case Node.ELEMENT_NODE: 11164 if (tagName(node) === "br") { 11165 text.push("\n"); 11166 } else { 11167 text.push(...Array.from(getTextForNodes(node.childNodes) || [])); 11168 } 11169 break; 11170 } 11171 } 11172 return text; 11173 }; 11174 11175 /* eslint-disable 11176 no-empty, 11177 */ 11178 class FileVerificationOperation extends Operation { 11179 constructor(file) { 11180 super(...arguments); 11181 this.file = file; 11182 } 11183 perform(callback) { 11184 const reader = new FileReader(); 11185 reader.onerror = () => callback(false); 11186 reader.onload = () => { 11187 reader.onerror = null; 11188 try { 11189 reader.abort(); 11190 } catch (error) {} 11191 return callback(true, this.file); 11192 }; 11193 return reader.readAsArrayBuffer(this.file); 11194 } 11195 } 11196 11197 // Each software keyboard on Android emits its own set of events and some of them can be buggy. 11198 // This class detects when some buggy events are being emitted and lets know the input controller 11199 // that they should be ignored. 11200 class FlakyAndroidKeyboardDetector { 11201 constructor(element) { 11202 this.element = element; 11203 } 11204 shouldIgnore(event) { 11205 if (!browser$1.samsungAndroid) return false; 11206 this.previousEvent = this.event; 11207 this.event = event; 11208 this.checkSamsungKeyboardBuggyModeStart(); 11209 this.checkSamsungKeyboardBuggyModeEnd(); 11210 return this.buggyMode; 11211 } 11212 11213 // private 11214 11215 // The Samsung keyboard on Android can enter a buggy state in which it emits a flurry of confused events that, 11216 // if processed, corrupts the editor. The buggy mode always starts with an insertText event, right after a 11217 // keydown event with for an "Unidentified" key, with the same text as the editor element, except for a few 11218 // extra whitespace, or exotic utf8, characters. 11219 checkSamsungKeyboardBuggyModeStart() { 11220 if (this.insertingLongTextAfterUnidentifiedChar() && differsInWhitespace(this.element.innerText, this.event.data)) { 11221 this.buggyMode = true; 11222 this.event.preventDefault(); 11223 } 11224 } 11225 11226 // The flurry of buggy events are always insertText. If we see any other type, it means it's over. 11227 checkSamsungKeyboardBuggyModeEnd() { 11228 if (this.buggyMode && this.event.inputType !== "insertText") { 11229 this.buggyMode = false; 11230 } 11231 } 11232 insertingLongTextAfterUnidentifiedChar() { 11233 var _this$event$data; 11234 return this.isBeforeInputInsertText() && this.previousEventWasUnidentifiedKeydown() && ((_this$event$data = this.event.data) === null || _this$event$data === void 0 ? void 0 : _this$event$data.length) > 50; 11235 } 11236 isBeforeInputInsertText() { 11237 return this.event.type === "beforeinput" && this.event.inputType === "insertText"; 11238 } 11239 previousEventWasUnidentifiedKeydown() { 11240 var _this$previousEvent, _this$previousEvent2; 11241 return ((_this$previousEvent = this.previousEvent) === null || _this$previousEvent === void 0 ? void 0 : _this$previousEvent.type) === "keydown" && ((_this$previousEvent2 = this.previousEvent) === null || _this$previousEvent2 === void 0 ? void 0 : _this$previousEvent2.key) === "Unidentified"; 11242 } 11243 } 11244 const differsInWhitespace = (text1, text2) => { 11245 return normalize(text1) === normalize(text2); 11246 }; 11247 const whiteSpaceNormalizerRegexp = new RegExp("(".concat(OBJECT_REPLACEMENT_CHARACTER, "|").concat(ZERO_WIDTH_SPACE, "|").concat(NON_BREAKING_SPACE, "|\\s)+"), "g"); 11248 const normalize = text => text.replace(whiteSpaceNormalizerRegexp, " ").trim(); 11249 11250 class InputController extends BasicObject { 11251 constructor(element) { 11252 super(...arguments); 11253 this.element = element; 11254 this.mutationObserver = new MutationObserver(this.element); 11255 this.mutationObserver.delegate = this; 11256 this.flakyKeyboardDetector = new FlakyAndroidKeyboardDetector(this.element); 11257 for (const eventName in this.constructor.events) { 11258 handleEvent(eventName, { 11259 onElement: this.element, 11260 withCallback: this.handlerFor(eventName) 11261 }); 11262 } 11263 } 11264 elementDidMutate(mutationSummary) {} 11265 editorWillSyncDocumentView() { 11266 return this.mutationObserver.stop(); 11267 } 11268 editorDidSyncDocumentView() { 11269 return this.mutationObserver.start(); 11270 } 11271 requestRender() { 11272 var _this$delegate, _this$delegate$inputC; 11273 return (_this$delegate = this.delegate) === null || _this$delegate === void 0 || (_this$delegate$inputC = _this$delegate.inputControllerDidRequestRender) === null || _this$delegate$inputC === void 0 ? void 0 : _this$delegate$inputC.call(_this$delegate); 11274 } 11275 requestReparse() { 11276 var _this$delegate2, _this$delegate2$input; 11277 (_this$delegate2 = this.delegate) === null || _this$delegate2 === void 0 || (_this$delegate2$input = _this$delegate2.inputControllerDidRequestReparse) === null || _this$delegate2$input === void 0 || _this$delegate2$input.call(_this$delegate2); 11278 return this.requestRender(); 11279 } 11280 attachFiles(files) { 11281 const operations = Array.from(files).map(file => new FileVerificationOperation(file)); 11282 return Promise.all(operations).then(files => { 11283 this.handleInput(function () { 11284 var _this$delegate3, _this$responder; 11285 (_this$delegate3 = this.delegate) === null || _this$delegate3 === void 0 || _this$delegate3.inputControllerWillAttachFiles(); 11286 (_this$responder = this.responder) === null || _this$responder === void 0 || _this$responder.insertFiles(files); 11287 return this.requestRender(); 11288 }); 11289 }); 11290 } 11291 11292 // Private 11293 11294 handlerFor(eventName) { 11295 return event => { 11296 if (!event.defaultPrevented) { 11297 this.handleInput(() => { 11298 if (!innerElementIsActive(this.element)) { 11299 if (this.flakyKeyboardDetector.shouldIgnore(event)) return; 11300 this.eventName = eventName; 11301 this.constructor.events[eventName].call(this, event); 11302 } 11303 }); 11304 } 11305 }; 11306 } 11307 handleInput(callback) { 11308 try { 11309 var _this$delegate4; 11310 (_this$delegate4 = this.delegate) === null || _this$delegate4 === void 0 || _this$delegate4.inputControllerWillHandleInput(); 11311 callback.call(this); 11312 } finally { 11313 var _this$delegate5; 11314 (_this$delegate5 = this.delegate) === null || _this$delegate5 === void 0 || _this$delegate5.inputControllerDidHandleInput(); 11315 } 11316 } 11317 createLinkHTML(href, text) { 11318 const link = document.createElement("a"); 11319 link.href = href; 11320 link.textContent = text ? text : href; 11321 return link.outerHTML; 11322 } 11323 } 11324 _defineProperty(InputController, "events", {}); 11325 11326 var _$codePointAt, _; 11327 const { 11328 browser, 11329 keyNames 11330 } = config; 11331 let pastedFileCount = 0; 11332 class Level0InputController extends InputController { 11333 constructor() { 11334 super(...arguments); 11335 this.resetInputSummary(); 11336 } 11337 setInputSummary() { 11338 let summary = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; 11339 this.inputSummary.eventName = this.eventName; 11340 for (const key in summary) { 11341 const value = summary[key]; 11342 this.inputSummary[key] = value; 11343 } 11344 return this.inputSummary; 11345 } 11346 resetInputSummary() { 11347 this.inputSummary = {}; 11348 } 11349 reset() { 11350 this.resetInputSummary(); 11351 return selectionChangeObserver.reset(); 11352 } 11353 11354 // Mutation observer delegate 11355 11356 elementDidMutate(mutationSummary) { 11357 if (this.isComposing()) { 11358 var _this$delegate, _this$delegate$inputC; 11359 return (_this$delegate = this.delegate) === null || _this$delegate === void 0 || (_this$delegate$inputC = _this$delegate.inputControllerDidAllowUnhandledInput) === null || _this$delegate$inputC === void 0 ? void 0 : _this$delegate$inputC.call(_this$delegate); 11360 } else { 11361 return this.handleInput(function () { 11362 if (this.mutationIsSignificant(mutationSummary)) { 11363 if (this.mutationIsExpected(mutationSummary)) { 11364 this.requestRender(); 11365 } else { 11366 this.requestReparse(); 11367 } 11368 } 11369 return this.reset(); 11370 }); 11371 } 11372 } 11373 mutationIsExpected(_ref) { 11374 let { 11375 textAdded, 11376 textDeleted 11377 } = _ref; 11378 if (this.inputSummary.preferDocument) { 11379 return true; 11380 } 11381 const mutationAdditionMatchesSummary = textAdded != null ? textAdded === this.inputSummary.textAdded : !this.inputSummary.textAdded; 11382 const mutationDeletionMatchesSummary = textDeleted != null ? this.inputSummary.didDelete : !this.inputSummary.didDelete; 11383 const unexpectedNewlineAddition = ["\n", " \n"].includes(textAdded) && !mutationAdditionMatchesSummary; 11384 const unexpectedNewlineDeletion = textDeleted === "\n" && !mutationDeletionMatchesSummary; 11385 const singleUnexpectedNewline = unexpectedNewlineAddition && !unexpectedNewlineDeletion || unexpectedNewlineDeletion && !unexpectedNewlineAddition; 11386 if (singleUnexpectedNewline) { 11387 const range = this.getSelectedRange(); 11388 if (range) { 11389 var _this$responder; 11390 const offset = unexpectedNewlineAddition ? textAdded.replace(/\n$/, "").length || -1 : (textAdded === null || textAdded === void 0 ? void 0 : textAdded.length) || 1; 11391 if ((_this$responder = this.responder) !== null && _this$responder !== void 0 && _this$responder.positionIsBlockBreak(range[1] + offset)) { 11392 return true; 11393 } 11394 } 11395 } 11396 return mutationAdditionMatchesSummary && mutationDeletionMatchesSummary; 11397 } 11398 mutationIsSignificant(mutationSummary) { 11399 var _this$compositionInpu; 11400 const textChanged = Object.keys(mutationSummary).length > 0; 11401 const composedEmptyString = ((_this$compositionInpu = this.compositionInput) === null || _this$compositionInpu === void 0 ? void 0 : _this$compositionInpu.getEndData()) === ""; 11402 return textChanged || !composedEmptyString; 11403 } 11404 11405 // Private 11406 11407 getCompositionInput() { 11408 if (this.isComposing()) { 11409 return this.compositionInput; 11410 } else { 11411 this.compositionInput = new CompositionInput(this); 11412 } 11413 } 11414 isComposing() { 11415 return this.compositionInput && !this.compositionInput.isEnded(); 11416 } 11417 deleteInDirection(direction, event) { 11418 var _this$responder2; 11419 if (((_this$responder2 = this.responder) === null || _this$responder2 === void 0 ? void 0 : _this$responder2.deleteInDirection(direction)) === false) { 11420 if (event) { 11421 event.preventDefault(); 11422 return this.requestRender(); 11423 } 11424 } else { 11425 return this.setInputSummary({ 11426 didDelete: true 11427 }); 11428 } 11429 } 11430 serializeSelectionToDataTransfer(dataTransfer) { 11431 var _this$responder3; 11432 if (!dataTransferIsWritable(dataTransfer)) return; 11433 const document = (_this$responder3 = this.responder) === null || _this$responder3 === void 0 ? void 0 : _this$responder3.getSelectedDocument().toSerializableDocument(); 11434 dataTransfer.setData("application/x-trix-document", JSON.stringify(document)); 11435 dataTransfer.setData("text/html", DocumentView.render(document).innerHTML); 11436 dataTransfer.setData("text/plain", document.toString().replace(/\n$/, "")); 11437 return true; 11438 } 11439 canAcceptDataTransfer(dataTransfer) { 11440 const types = {}; 11441 Array.from((dataTransfer === null || dataTransfer === void 0 ? void 0 : dataTransfer.types) || []).forEach(type => { 11442 types[type] = true; 11443 }); 11444 return types.Files || types["application/x-trix-document"] || types["text/html"] || types["text/plain"]; 11445 } 11446 getPastedHTMLUsingHiddenElement(callback) { 11447 const selectedRange = this.getSelectedRange(); 11448 const style = { 11449 position: "absolute", 11450 left: "".concat(window.pageXOffset, "px"), 11451 top: "".concat(window.pageYOffset, "px"), 11452 opacity: 0 11453 }; 11454 const element = makeElement({ 11455 style, 11456 tagName: "div", 11457 editable: true 11458 }); 11459 document.body.appendChild(element); 11460 element.focus(); 11461 return requestAnimationFrame(() => { 11462 const html = element.innerHTML; 11463 removeNode(element); 11464 this.setSelectedRange(selectedRange); 11465 return callback(html); 11466 }); 11467 } 11468 } 11469 _defineProperty(Level0InputController, "events", { 11470 keydown(event) { 11471 if (!this.isComposing()) { 11472 this.resetInputSummary(); 11473 } 11474 this.inputSummary.didInput = true; 11475 const keyName = keyNames[event.keyCode]; 11476 if (keyName) { 11477 var _context2; 11478 let context = this.keys; 11479 ["ctrl", "alt", "shift", "meta"].forEach(modifier => { 11480 if (event["".concat(modifier, "Key")]) { 11481 var _context; 11482 if (modifier === "ctrl") { 11483 modifier = "control"; 11484 } 11485 context = (_context = context) === null || _context === void 0 ? void 0 : _context[modifier]; 11486 } 11487 }); 11488 if (((_context2 = context) === null || _context2 === void 0 ? void 0 : _context2[keyName]) != null) { 11489 this.setInputSummary({ 11490 keyName 11491 }); 11492 selectionChangeObserver.reset(); 11493 context[keyName].call(this, event); 11494 } 11495 } 11496 if (keyEventIsKeyboardCommand(event)) { 11497 const character = String.fromCharCode(event.keyCode).toLowerCase(); 11498 if (character) { 11499 var _this$delegate3; 11500 const keys = ["alt", "shift"].map(modifier => { 11501 if (event["".concat(modifier, "Key")]) { 11502 return modifier; 11503 } 11504 }).filter(key => key); 11505 keys.push(character); 11506 if ((_this$delegate3 = this.delegate) !== null && _this$delegate3 !== void 0 && _this$delegate3.inputControllerDidReceiveKeyboardCommand(keys)) { 11507 event.preventDefault(); 11508 } 11509 } 11510 } 11511 }, 11512 keypress(event) { 11513 if (this.inputSummary.eventName != null) return; 11514 if (event.metaKey) return; 11515 if (event.ctrlKey && !event.altKey) return; 11516 const string = stringFromKeyEvent(event); 11517 if (string) { 11518 var _this$delegate4, _this$responder9; 11519 (_this$delegate4 = this.delegate) === null || _this$delegate4 === void 0 || _this$delegate4.inputControllerWillPerformTyping(); 11520 (_this$responder9 = this.responder) === null || _this$responder9 === void 0 || _this$responder9.insertString(string); 11521 return this.setInputSummary({ 11522 textAdded: string, 11523 didDelete: this.selectionIsExpanded() 11524 }); 11525 } 11526 }, 11527 textInput(event) { 11528 // Handle autocapitalization 11529 const { 11530 data 11531 } = event; 11532 const { 11533 textAdded 11534 } = this.inputSummary; 11535 if (textAdded && textAdded !== data && textAdded.toUpperCase() === data) { 11536 var _this$responder10; 11537 const range = this.getSelectedRange(); 11538 this.setSelectedRange([range[0], range[1] + textAdded.length]); 11539 (_this$responder10 = this.responder) === null || _this$responder10 === void 0 || _this$responder10.insertString(data); 11540 this.setInputSummary({ 11541 textAdded: data 11542 }); 11543 return this.setSelectedRange(range); 11544 } 11545 }, 11546 dragenter(event) { 11547 event.preventDefault(); 11548 }, 11549 dragstart(event) { 11550 var _this$delegate5, _this$delegate5$input; 11551 this.serializeSelectionToDataTransfer(event.dataTransfer); 11552 this.draggedRange = this.getSelectedRange(); 11553 return (_this$delegate5 = this.delegate) === null || _this$delegate5 === void 0 || (_this$delegate5$input = _this$delegate5.inputControllerDidStartDrag) === null || _this$delegate5$input === void 0 ? void 0 : _this$delegate5$input.call(_this$delegate5); 11554 }, 11555 dragover(event) { 11556 if (this.draggedRange || this.canAcceptDataTransfer(event.dataTransfer)) { 11557 event.preventDefault(); 11558 const draggingPoint = { 11559 x: event.clientX, 11560 y: event.clientY 11561 }; 11562 if (!objectsAreEqual(draggingPoint, this.draggingPoint)) { 11563 var _this$delegate6, _this$delegate6$input; 11564 this.draggingPoint = draggingPoint; 11565 return (_this$delegate6 = this.delegate) === null || _this$delegate6 === void 0 || (_this$delegate6$input = _this$delegate6.inputControllerDidReceiveDragOverPoint) === null || _this$delegate6$input === void 0 ? void 0 : _this$delegate6$input.call(_this$delegate6, this.draggingPoint); 11566 } 11567 } 11568 }, 11569 dragend(event) { 11570 var _this$delegate7, _this$delegate7$input; 11571 (_this$delegate7 = this.delegate) === null || _this$delegate7 === void 0 || (_this$delegate7$input = _this$delegate7.inputControllerDidCancelDrag) === null || _this$delegate7$input === void 0 || _this$delegate7$input.call(_this$delegate7); 11572 this.draggedRange = null; 11573 this.draggingPoint = null; 11574 }, 11575 drop(event) { 11576 var _event$dataTransfer, _this$responder11; 11577 event.preventDefault(); 11578 const files = (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.files; 11579 const documentJSON = event.dataTransfer.getData("application/x-trix-document"); 11580 const point = { 11581 x: event.clientX, 11582 y: event.clientY 11583 }; 11584 (_this$responder11 = this.responder) === null || _this$responder11 === void 0 || _this$responder11.setLocationRangeFromPointRange(point); 11585 if (files !== null && files !== void 0 && files.length) { 11586 this.attachFiles(files); 11587 } else if (this.draggedRange) { 11588 var _this$delegate8, _this$responder12; 11589 (_this$delegate8 = this.delegate) === null || _this$delegate8 === void 0 || _this$delegate8.inputControllerWillMoveText(); 11590 (_this$responder12 = this.responder) === null || _this$responder12 === void 0 || _this$responder12.moveTextFromRange(this.draggedRange); 11591 this.draggedRange = null; 11592 this.requestRender(); 11593 } else if (documentJSON) { 11594 var _this$responder13; 11595 const document = Document.fromJSONString(documentJSON); 11596 (_this$responder13 = this.responder) === null || _this$responder13 === void 0 || _this$responder13.insertDocument(document); 11597 this.requestRender(); 11598 } 11599 this.draggedRange = null; 11600 this.draggingPoint = null; 11601 }, 11602 cut(event) { 11603 var _this$responder14; 11604 if ((_this$responder14 = this.responder) !== null && _this$responder14 !== void 0 && _this$responder14.selectionIsExpanded()) { 11605 var _this$delegate9; 11606 if (this.serializeSelectionToDataTransfer(event.clipboardData)) { 11607 event.preventDefault(); 11608 } 11609 (_this$delegate9 = this.delegate) === null || _this$delegate9 === void 0 || _this$delegate9.inputControllerWillCutText(); 11610 this.deleteInDirection("backward"); 11611 if (event.defaultPrevented) { 11612 return this.requestRender(); 11613 } 11614 } 11615 }, 11616 copy(event) { 11617 var _this$responder15; 11618 if ((_this$responder15 = this.responder) !== null && _this$responder15 !== void 0 && _this$responder15.selectionIsExpanded()) { 11619 if (this.serializeSelectionToDataTransfer(event.clipboardData)) { 11620 event.preventDefault(); 11621 } 11622 } 11623 }, 11624 paste(event) { 11625 const clipboard = event.clipboardData || event.testClipboardData; 11626 const paste = { 11627 clipboard 11628 }; 11629 if (!clipboard || pasteEventIsCrippledSafariHTMLPaste(event)) { 11630 this.getPastedHTMLUsingHiddenElement(html => { 11631 var _this$delegate10, _this$responder16, _this$delegate11; 11632 paste.type = "text/html"; 11633 paste.html = html; 11634 (_this$delegate10 = this.delegate) === null || _this$delegate10 === void 0 || _this$delegate10.inputControllerWillPaste(paste); 11635 (_this$responder16 = this.responder) === null || _this$responder16 === void 0 || _this$responder16.insertHTML(paste.html); 11636 this.requestRender(); 11637 return (_this$delegate11 = this.delegate) === null || _this$delegate11 === void 0 ? void 0 : _this$delegate11.inputControllerDidPaste(paste); 11638 }); 11639 return; 11640 } 11641 const href = clipboard.getData("URL"); 11642 const html = clipboard.getData("text/html"); 11643 const name = clipboard.getData("public.url-name"); 11644 if (href) { 11645 var _this$delegate12, _this$responder17, _this$delegate13; 11646 let string; 11647 paste.type = "text/html"; 11648 if (name) { 11649 string = squishBreakableWhitespace(name).trim(); 11650 } else { 11651 string = href; 11652 } 11653 paste.html = this.createLinkHTML(href, string); 11654 (_this$delegate12 = this.delegate) === null || _this$delegate12 === void 0 || _this$delegate12.inputControllerWillPaste(paste); 11655 this.setInputSummary({ 11656 textAdded: string, 11657 didDelete: this.selectionIsExpanded() 11658 }); 11659 (_this$responder17 = this.responder) === null || _this$responder17 === void 0 || _this$responder17.insertHTML(paste.html); 11660 this.requestRender(); 11661 (_this$delegate13 = this.delegate) === null || _this$delegate13 === void 0 || _this$delegate13.inputControllerDidPaste(paste); 11662 } else if (dataTransferIsPlainText(clipboard)) { 11663 var _this$delegate14, _this$responder18, _this$delegate15; 11664 paste.type = "text/plain"; 11665 paste.string = clipboard.getData("text/plain"); 11666 (_this$delegate14 = this.delegate) === null || _this$delegate14 === void 0 || _this$delegate14.inputControllerWillPaste(paste); 11667 this.setInputSummary({ 11668 textAdded: paste.string, 11669 didDelete: this.selectionIsExpanded() 11670 }); 11671 (_this$responder18 = this.responder) === null || _this$responder18 === void 0 || _this$responder18.insertString(paste.string); 11672 this.requestRender(); 11673 (_this$delegate15 = this.delegate) === null || _this$delegate15 === void 0 || _this$delegate15.inputControllerDidPaste(paste); 11674 } else if (html) { 11675 var _this$delegate16, _this$responder19, _this$delegate17; 11676 paste.type = "text/html"; 11677 paste.html = html; 11678 (_this$delegate16 = this.delegate) === null || _this$delegate16 === void 0 || _this$delegate16.inputControllerWillPaste(paste); 11679 (_this$responder19 = this.responder) === null || _this$responder19 === void 0 || _this$responder19.insertHTML(paste.html); 11680 this.requestRender(); 11681 (_this$delegate17 = this.delegate) === null || _this$delegate17 === void 0 || _this$delegate17.inputControllerDidPaste(paste); 11682 } else if (Array.from(clipboard.types).includes("Files")) { 11683 var _clipboard$items, _clipboard$items$getA; 11684 const file = (_clipboard$items = clipboard.items) === null || _clipboard$items === void 0 || (_clipboard$items = _clipboard$items[0]) === null || _clipboard$items === void 0 || (_clipboard$items$getA = _clipboard$items.getAsFile) === null || _clipboard$items$getA === void 0 ? void 0 : _clipboard$items$getA.call(_clipboard$items); 11685 if (file) { 11686 var _this$delegate18, _this$responder20, _this$delegate19; 11687 const extension = extensionForFile(file); 11688 if (!file.name && extension) { 11689 file.name = "pasted-file-".concat(++pastedFileCount, ".").concat(extension); 11690 } 11691 paste.type = "File"; 11692 paste.file = file; 11693 (_this$delegate18 = this.delegate) === null || _this$delegate18 === void 0 || _this$delegate18.inputControllerWillAttachFiles(); 11694 (_this$responder20 = this.responder) === null || _this$responder20 === void 0 || _this$responder20.insertFile(paste.file); 11695 this.requestRender(); 11696 (_this$delegate19 = this.delegate) === null || _this$delegate19 === void 0 || _this$delegate19.inputControllerDidPaste(paste); 11697 } 11698 } 11699 event.preventDefault(); 11700 }, 11701 compositionstart(event) { 11702 return this.getCompositionInput().start(event.data); 11703 }, 11704 compositionupdate(event) { 11705 return this.getCompositionInput().update(event.data); 11706 }, 11707 compositionend(event) { 11708 return this.getCompositionInput().end(event.data); 11709 }, 11710 beforeinput(event) { 11711 this.inputSummary.didInput = true; 11712 }, 11713 input(event) { 11714 this.inputSummary.didInput = true; 11715 return event.stopPropagation(); 11716 } 11717 }); 11718 _defineProperty(Level0InputController, "keys", { 11719 backspace(event) { 11720 var _this$delegate20; 11721 (_this$delegate20 = this.delegate) === null || _this$delegate20 === void 0 || _this$delegate20.inputControllerWillPerformTyping(); 11722 return this.deleteInDirection("backward", event); 11723 }, 11724 delete(event) { 11725 var _this$delegate21; 11726 (_this$delegate21 = this.delegate) === null || _this$delegate21 === void 0 || _this$delegate21.inputControllerWillPerformTyping(); 11727 return this.deleteInDirection("forward", event); 11728 }, 11729 return(event) { 11730 var _this$delegate22, _this$responder21; 11731 this.setInputSummary({ 11732 preferDocument: true 11733 }); 11734 (_this$delegate22 = this.delegate) === null || _this$delegate22 === void 0 || _this$delegate22.inputControllerWillPerformTyping(); 11735 return (_this$responder21 = this.responder) === null || _this$responder21 === void 0 ? void 0 : _this$responder21.insertLineBreak(); 11736 }, 11737 tab(event) { 11738 var _this$responder22; 11739 if ((_this$responder22 = this.responder) !== null && _this$responder22 !== void 0 && _this$responder22.canIncreaseNestingLevel()) { 11740 var _this$responder23; 11741 (_this$responder23 = this.responder) === null || _this$responder23 === void 0 || _this$responder23.increaseNestingLevel(); 11742 this.requestRender(); 11743 event.preventDefault(); 11744 } 11745 }, 11746 left(event) { 11747 if (this.selectionIsInCursorTarget()) { 11748 var _this$responder24; 11749 event.preventDefault(); 11750 return (_this$responder24 = this.responder) === null || _this$responder24 === void 0 ? void 0 : _this$responder24.moveCursorInDirection("backward"); 11751 } 11752 }, 11753 right(event) { 11754 if (this.selectionIsInCursorTarget()) { 11755 var _this$responder25; 11756 event.preventDefault(); 11757 return (_this$responder25 = this.responder) === null || _this$responder25 === void 0 ? void 0 : _this$responder25.moveCursorInDirection("forward"); 11758 } 11759 }, 11760 control: { 11761 d(event) { 11762 var _this$delegate23; 11763 (_this$delegate23 = this.delegate) === null || _this$delegate23 === void 0 || _this$delegate23.inputControllerWillPerformTyping(); 11764 return this.deleteInDirection("forward", event); 11765 }, 11766 h(event) { 11767 var _this$delegate24; 11768 (_this$delegate24 = this.delegate) === null || _this$delegate24 === void 0 || _this$delegate24.inputControllerWillPerformTyping(); 11769 return this.deleteInDirection("backward", event); 11770 }, 11771 o(event) { 11772 var _this$delegate25, _this$responder26; 11773 event.preventDefault(); 11774 (_this$delegate25 = this.delegate) === null || _this$delegate25 === void 0 || _this$delegate25.inputControllerWillPerformTyping(); 11775 (_this$responder26 = this.responder) === null || _this$responder26 === void 0 || _this$responder26.insertString("\n", { 11776 updatePosition: false 11777 }); 11778 return this.requestRender(); 11779 } 11780 }, 11781 shift: { 11782 return(event) { 11783 var _this$delegate26, _this$responder27; 11784 (_this$delegate26 = this.delegate) === null || _this$delegate26 === void 0 || _this$delegate26.inputControllerWillPerformTyping(); 11785 (_this$responder27 = this.responder) === null || _this$responder27 === void 0 || _this$responder27.insertString("\n"); 11786 this.requestRender(); 11787 event.preventDefault(); 11788 }, 11789 tab(event) { 11790 var _this$responder28; 11791 if ((_this$responder28 = this.responder) !== null && _this$responder28 !== void 0 && _this$responder28.canDecreaseNestingLevel()) { 11792 var _this$responder29; 11793 (_this$responder29 = this.responder) === null || _this$responder29 === void 0 || _this$responder29.decreaseNestingLevel(); 11794 this.requestRender(); 11795 event.preventDefault(); 11796 } 11797 }, 11798 left(event) { 11799 if (this.selectionIsInCursorTarget()) { 11800 event.preventDefault(); 11801 return this.expandSelectionInDirection("backward"); 11802 } 11803 }, 11804 right(event) { 11805 if (this.selectionIsInCursorTarget()) { 11806 event.preventDefault(); 11807 return this.expandSelectionInDirection("forward"); 11808 } 11809 } 11810 }, 11811 alt: { 11812 backspace(event) { 11813 var _this$delegate27; 11814 this.setInputSummary({ 11815 preferDocument: false 11816 }); 11817 return (_this$delegate27 = this.delegate) === null || _this$delegate27 === void 0 ? void 0 : _this$delegate27.inputControllerWillPerformTyping(); 11818 } 11819 }, 11820 meta: { 11821 backspace(event) { 11822 var _this$delegate28; 11823 this.setInputSummary({ 11824 preferDocument: false 11825 }); 11826 return (_this$delegate28 = this.delegate) === null || _this$delegate28 === void 0 ? void 0 : _this$delegate28.inputControllerWillPerformTyping(); 11827 } 11828 } 11829 }); 11830 Level0InputController.proxyMethod("responder?.getSelectedRange"); 11831 Level0InputController.proxyMethod("responder?.setSelectedRange"); 11832 Level0InputController.proxyMethod("responder?.expandSelectionInDirection"); 11833 Level0InputController.proxyMethod("responder?.selectionIsInCursorTarget"); 11834 Level0InputController.proxyMethod("responder?.selectionIsExpanded"); 11835 const extensionForFile = file => { 11836 var _file$type; 11837 return (_file$type = file.type) === null || _file$type === void 0 || (_file$type = _file$type.match(/\/(\w+)$/)) === null || _file$type === void 0 ? void 0 : _file$type[1]; 11838 }; 11839 const hasStringCodePointAt = !!((_$codePointAt = (_ = " ").codePointAt) !== null && _$codePointAt !== void 0 && _$codePointAt.call(_, 0)); 11840 const stringFromKeyEvent = function (event) { 11841 if (event.key && hasStringCodePointAt && event.key.codePointAt(0) === event.keyCode) { 11842 return event.key; 11843 } else { 11844 let code; 11845 if (event.which === null) { 11846 code = event.keyCode; 11847 } else if (event.which !== 0 && event.charCode !== 0) { 11848 code = event.charCode; 11849 } 11850 if (code != null && keyNames[code] !== "escape") { 11851 return UTF16String.fromCodepoints([code]).toString(); 11852 } 11853 } 11854 }; 11855 const pasteEventIsCrippledSafariHTMLPaste = function (event) { 11856 const paste = event.clipboardData; 11857 if (paste) { 11858 if (paste.types.includes("text/html")) { 11859 // Answer is yes if there's any possibility of Paste and Match Style in Safari, 11860 // which is nearly impossible to detect confidently: https://bugs.webkit.org/show_bug.cgi?id=174165 11861 for (const type of paste.types) { 11862 const hasPasteboardFlavor = /^CorePasteboardFlavorType/.test(type); 11863 const hasReadableDynamicData = /^dyn\./.test(type) && paste.getData(type); 11864 const mightBePasteAndMatchStyle = hasPasteboardFlavor || hasReadableDynamicData; 11865 if (mightBePasteAndMatchStyle) { 11866 return true; 11867 } 11868 } 11869 return false; 11870 } else { 11871 const isExternalHTMLPaste = paste.types.includes("com.apple.webarchive"); 11872 const isExternalRichTextPaste = paste.types.includes("com.apple.flat-rtfd"); 11873 return isExternalHTMLPaste || isExternalRichTextPaste; 11874 } 11875 } 11876 }; 11877 class CompositionInput extends BasicObject { 11878 constructor(inputController) { 11879 super(...arguments); 11880 this.inputController = inputController; 11881 this.responder = this.inputController.responder; 11882 this.delegate = this.inputController.delegate; 11883 this.inputSummary = this.inputController.inputSummary; 11884 this.data = {}; 11885 } 11886 start(data) { 11887 this.data.start = data; 11888 if (this.isSignificant()) { 11889 var _this$responder5; 11890 if (this.inputSummary.eventName === "keypress" && this.inputSummary.textAdded) { 11891 var _this$responder4; 11892 (_this$responder4 = this.responder) === null || _this$responder4 === void 0 || _this$responder4.deleteInDirection("left"); 11893 } 11894 if (!this.selectionIsExpanded()) { 11895 this.insertPlaceholder(); 11896 this.requestRender(); 11897 } 11898 this.range = (_this$responder5 = this.responder) === null || _this$responder5 === void 0 ? void 0 : _this$responder5.getSelectedRange(); 11899 } 11900 } 11901 update(data) { 11902 this.data.update = data; 11903 if (this.isSignificant()) { 11904 const range = this.selectPlaceholder(); 11905 if (range) { 11906 this.forgetPlaceholder(); 11907 this.range = range; 11908 } 11909 } 11910 } 11911 end(data) { 11912 this.data.end = data; 11913 if (this.isSignificant()) { 11914 this.forgetPlaceholder(); 11915 if (this.canApplyToDocument()) { 11916 var _this$delegate2, _this$responder6, _this$responder7, _this$responder8; 11917 this.setInputSummary({ 11918 preferDocument: true, 11919 didInput: false 11920 }); 11921 (_this$delegate2 = this.delegate) === null || _this$delegate2 === void 0 || _this$delegate2.inputControllerWillPerformTyping(); 11922 (_this$responder6 = this.responder) === null || _this$responder6 === void 0 || _this$responder6.setSelectedRange(this.range); 11923 (_this$responder7 = this.responder) === null || _this$responder7 === void 0 || _this$responder7.insertString(this.data.end); 11924 return (_this$responder8 = this.responder) === null || _this$responder8 === void 0 ? void 0 : _this$responder8.setSelectedRange(this.range[0] + this.data.end.length); 11925 } else if (this.data.start != null || this.data.update != null) { 11926 this.requestReparse(); 11927 return this.inputController.reset(); 11928 } 11929 } else { 11930 return this.inputController.reset(); 11931 } 11932 } 11933 getEndData() { 11934 return this.data.end; 11935 } 11936 isEnded() { 11937 return this.getEndData() != null; 11938 } 11939 isSignificant() { 11940 if (browser.composesExistingText) { 11941 return this.inputSummary.didInput; 11942 } else { 11943 return true; 11944 } 11945 } 11946 11947 // Private 11948 11949 canApplyToDocument() { 11950 var _this$data$start, _this$data$end; 11951 return ((_this$data$start = this.data.start) === null || _this$data$start === void 0 ? void 0 : _this$data$start.length) === 0 && ((_this$data$end = this.data.end) === null || _this$data$end === void 0 ? void 0 : _this$data$end.length) > 0 && this.range; 11952 } 11953 } 11954 CompositionInput.proxyMethod("inputController.setInputSummary"); 11955 CompositionInput.proxyMethod("inputController.requestRender"); 11956 CompositionInput.proxyMethod("inputController.requestReparse"); 11957 CompositionInput.proxyMethod("responder?.selectionIsExpanded"); 11958 CompositionInput.proxyMethod("responder?.insertPlaceholder"); 11959 CompositionInput.proxyMethod("responder?.selectPlaceholder"); 11960 CompositionInput.proxyMethod("responder?.forgetPlaceholder"); 11961 11962 class Level2InputController extends InputController { 11963 constructor() { 11964 super(...arguments); 11965 this.render = this.render.bind(this); 11966 } 11967 elementDidMutate() { 11968 if (this.scheduledRender) { 11969 if (this.composing) { 11970 var _this$delegate, _this$delegate$inputC; 11971 return (_this$delegate = this.delegate) === null || _this$delegate === void 0 || (_this$delegate$inputC = _this$delegate.inputControllerDidAllowUnhandledInput) === null || _this$delegate$inputC === void 0 ? void 0 : _this$delegate$inputC.call(_this$delegate); 11972 } 11973 } else { 11974 return this.reparse(); 11975 } 11976 } 11977 scheduleRender() { 11978 return this.scheduledRender ? this.scheduledRender : this.scheduledRender = requestAnimationFrame(this.render); 11979 } 11980 render() { 11981 var _this$afterRender; 11982 cancelAnimationFrame(this.scheduledRender); 11983 this.scheduledRender = null; 11984 if (!this.composing) { 11985 var _this$delegate2; 11986 (_this$delegate2 = this.delegate) === null || _this$delegate2 === void 0 || _this$delegate2.render(); 11987 } 11988 (_this$afterRender = this.afterRender) === null || _this$afterRender === void 0 || _this$afterRender.call(this); 11989 this.afterRender = null; 11990 } 11991 reparse() { 11992 var _this$delegate3; 11993 return (_this$delegate3 = this.delegate) === null || _this$delegate3 === void 0 ? void 0 : _this$delegate3.reparse(); 11994 } 11995 11996 // Responder helpers 11997 11998 insertString() { 11999 var _this$delegate4; 12000 let string = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ""; 12001 let options = arguments.length > 1 ? arguments[1] : undefined; 12002 (_this$delegate4 = this.delegate) === null || _this$delegate4 === void 0 || _this$delegate4.inputControllerWillPerformTyping(); 12003 return this.withTargetDOMRange(function () { 12004 var _this$responder; 12005 return (_this$responder = this.responder) === null || _this$responder === void 0 ? void 0 : _this$responder.insertString(string, options); 12006 }); 12007 } 12008 toggleAttributeIfSupported(attributeName) { 12009 if (getAllAttributeNames().includes(attributeName)) { 12010 var _this$delegate5; 12011 (_this$delegate5 = this.delegate) === null || _this$delegate5 === void 0 || _this$delegate5.inputControllerWillPerformFormatting(attributeName); 12012 return this.withTargetDOMRange(function () { 12013 var _this$responder2; 12014 return (_this$responder2 = this.responder) === null || _this$responder2 === void 0 ? void 0 : _this$responder2.toggleCurrentAttribute(attributeName); 12015 }); 12016 } 12017 } 12018 activateAttributeIfSupported(attributeName, value) { 12019 if (getAllAttributeNames().includes(attributeName)) { 12020 var _this$delegate6; 12021 (_this$delegate6 = this.delegate) === null || _this$delegate6 === void 0 || _this$delegate6.inputControllerWillPerformFormatting(attributeName); 12022 return this.withTargetDOMRange(function () { 12023 var _this$responder3; 12024 return (_this$responder3 = this.responder) === null || _this$responder3 === void 0 ? void 0 : _this$responder3.setCurrentAttribute(attributeName, value); 12025 }); 12026 } 12027 } 12028 deleteInDirection(direction) { 12029 let { 12030 recordUndoEntry 12031 } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : { 12032 recordUndoEntry: true 12033 }; 12034 if (recordUndoEntry) { 12035 var _this$delegate7; 12036 (_this$delegate7 = this.delegate) === null || _this$delegate7 === void 0 || _this$delegate7.inputControllerWillPerformTyping(); 12037 } 12038 const perform = () => { 12039 var _this$responder4; 12040 return (_this$responder4 = this.responder) === null || _this$responder4 === void 0 ? void 0 : _this$responder4.deleteInDirection(direction); 12041 }; 12042 const domRange = this.getTargetDOMRange({ 12043 minLength: this.composing ? 1 : 2 12044 }); 12045 if (domRange) { 12046 return this.withTargetDOMRange(domRange, perform); 12047 } else { 12048 return perform(); 12049 } 12050 } 12051 12052 // Selection helpers 12053 12054 withTargetDOMRange(domRange, fn) { 12055 if (typeof domRange === "function") { 12056 fn = domRange; 12057 domRange = this.getTargetDOMRange(); 12058 } 12059 if (domRange) { 12060 var _this$responder5; 12061 return (_this$responder5 = this.responder) === null || _this$responder5 === void 0 ? void 0 : _this$responder5.withTargetDOMRange(domRange, fn.bind(this)); 12062 } else { 12063 selectionChangeObserver.reset(); 12064 return fn.call(this); 12065 } 12066 } 12067 getTargetDOMRange() { 12068 var _this$event$getTarget, _this$event; 12069 let { 12070 minLength 12071 } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { 12072 minLength: 0 12073 }; 12074 const targetRanges = (_this$event$getTarget = (_this$event = this.event).getTargetRanges) === null || _this$event$getTarget === void 0 ? void 0 : _this$event$getTarget.call(_this$event); 12075 if (targetRanges) { 12076 if (targetRanges.length) { 12077 const domRange = staticRangeToRange(targetRanges[0]); 12078 if (minLength === 0 || domRange.toString().length >= minLength) { 12079 return domRange; 12080 } 12081 } 12082 } 12083 } 12084 withEvent(event, fn) { 12085 let result; 12086 this.event = event; 12087 try { 12088 result = fn.call(this); 12089 } finally { 12090 this.event = null; 12091 } 12092 return result; 12093 } 12094 } 12095 _defineProperty(Level2InputController, "events", { 12096 keydown(event) { 12097 if (keyEventIsKeyboardCommand(event)) { 12098 var _this$delegate8; 12099 const command = keyboardCommandFromKeyEvent(event); 12100 if ((_this$delegate8 = this.delegate) !== null && _this$delegate8 !== void 0 && _this$delegate8.inputControllerDidReceiveKeyboardCommand(command)) { 12101 event.preventDefault(); 12102 } 12103 } else { 12104 let name = event.key; 12105 if (event.altKey) { 12106 name += "+Alt"; 12107 } 12108 if (event.shiftKey) { 12109 name += "+Shift"; 12110 } 12111 const handler = this.constructor.keys[name]; 12112 if (handler) { 12113 return this.withEvent(event, handler); 12114 } 12115 } 12116 }, 12117 // Handle paste event to work around beforeinput.insertFromPaste browser bugs. 12118 // Safe to remove each condition once fixed upstream. 12119 paste(event) { 12120 var _event$clipboardData; 12121 // https://bugs.webkit.org/show_bug.cgi?id=194921 12122 let paste; 12123 const href = (_event$clipboardData = event.clipboardData) === null || _event$clipboardData === void 0 ? void 0 : _event$clipboardData.getData("URL"); 12124 if (pasteEventHasFilesOnly(event)) { 12125 event.preventDefault(); 12126 return this.attachFiles(event.clipboardData.files); 12127 12128 // https://bugs.chromium.org/p/chromium/issues/detail?id=934448 12129 } else if (pasteEventHasPlainTextOnly(event)) { 12130 var _this$delegate9, _this$responder6, _this$delegate10; 12131 event.preventDefault(); 12132 paste = { 12133 type: "text/plain", 12134 string: event.clipboardData.getData("text/plain") 12135 }; 12136 (_this$delegate9 = this.delegate) === null || _this$delegate9 === void 0 || _this$delegate9.inputControllerWillPaste(paste); 12137 (_this$responder6 = this.responder) === null || _this$responder6 === void 0 || _this$responder6.insertString(paste.string); 12138 this.render(); 12139 return (_this$delegate10 = this.delegate) === null || _this$delegate10 === void 0 ? void 0 : _this$delegate10.inputControllerDidPaste(paste); 12140 12141 // https://bugs.webkit.org/show_bug.cgi?id=196702 12142 } else if (href) { 12143 var _this$delegate11, _this$responder7, _this$delegate12; 12144 event.preventDefault(); 12145 paste = { 12146 type: "text/html", 12147 html: this.createLinkHTML(href) 12148 }; 12149 (_this$delegate11 = this.delegate) === null || _this$delegate11 === void 0 || _this$delegate11.inputControllerWillPaste(paste); 12150 (_this$responder7 = this.responder) === null || _this$responder7 === void 0 || _this$responder7.insertHTML(paste.html); 12151 this.render(); 12152 return (_this$delegate12 = this.delegate) === null || _this$delegate12 === void 0 ? void 0 : _this$delegate12.inputControllerDidPaste(paste); 12153 } 12154 }, 12155 beforeinput(event) { 12156 const handler = this.constructor.inputTypes[event.inputType]; 12157 const immmediateRender = shouldRenderInmmediatelyToDealWithIOSDictation(event); 12158 if (handler) { 12159 this.withEvent(event, handler); 12160 if (!immmediateRender) { 12161 this.scheduleRender(); 12162 } 12163 } 12164 if (immmediateRender) { 12165 this.render(); 12166 } 12167 }, 12168 input(event) { 12169 selectionChangeObserver.reset(); 12170 }, 12171 dragstart(event) { 12172 var _this$responder8; 12173 if ((_this$responder8 = this.responder) !== null && _this$responder8 !== void 0 && _this$responder8.selectionContainsAttachments()) { 12174 var _this$responder9; 12175 event.dataTransfer.setData("application/x-trix-dragging", true); 12176 this.dragging = { 12177 range: (_this$responder9 = this.responder) === null || _this$responder9 === void 0 ? void 0 : _this$responder9.getSelectedRange(), 12178 point: pointFromEvent(event) 12179 }; 12180 } 12181 }, 12182 dragenter(event) { 12183 if (dragEventHasFiles(event)) { 12184 event.preventDefault(); 12185 } 12186 }, 12187 dragover(event) { 12188 if (this.dragging) { 12189 event.preventDefault(); 12190 const point = pointFromEvent(event); 12191 if (!objectsAreEqual(point, this.dragging.point)) { 12192 var _this$responder10; 12193 this.dragging.point = point; 12194 return (_this$responder10 = this.responder) === null || _this$responder10 === void 0 ? void 0 : _this$responder10.setLocationRangeFromPointRange(point); 12195 } 12196 } else if (dragEventHasFiles(event)) { 12197 event.preventDefault(); 12198 } 12199 }, 12200 drop(event) { 12201 if (this.dragging) { 12202 var _this$delegate13, _this$responder11; 12203 event.preventDefault(); 12204 (_this$delegate13 = this.delegate) === null || _this$delegate13 === void 0 || _this$delegate13.inputControllerWillMoveText(); 12205 (_this$responder11 = this.responder) === null || _this$responder11 === void 0 || _this$responder11.moveTextFromRange(this.dragging.range); 12206 this.dragging = null; 12207 return this.scheduleRender(); 12208 } else if (dragEventHasFiles(event)) { 12209 var _this$responder12; 12210 event.preventDefault(); 12211 const point = pointFromEvent(event); 12212 (_this$responder12 = this.responder) === null || _this$responder12 === void 0 || _this$responder12.setLocationRangeFromPointRange(point); 12213 return this.attachFiles(event.dataTransfer.files); 12214 } 12215 }, 12216 dragend() { 12217 if (this.dragging) { 12218 var _this$responder13; 12219 (_this$responder13 = this.responder) === null || _this$responder13 === void 0 || _this$responder13.setSelectedRange(this.dragging.range); 12220 this.dragging = null; 12221 } 12222 }, 12223 compositionend(event) { 12224 if (this.composing) { 12225 this.composing = false; 12226 if (!browser$1.recentAndroid) this.scheduleRender(); 12227 } 12228 } 12229 }); 12230 _defineProperty(Level2InputController, "keys", { 12231 ArrowLeft() { 12232 var _this$responder14; 12233 if ((_this$responder14 = this.responder) !== null && _this$responder14 !== void 0 && _this$responder14.shouldManageMovingCursorInDirection("backward")) { 12234 var _this$responder15; 12235 this.event.preventDefault(); 12236 return (_this$responder15 = this.responder) === null || _this$responder15 === void 0 ? void 0 : _this$responder15.moveCursorInDirection("backward"); 12237 } 12238 }, 12239 ArrowRight() { 12240 var _this$responder16; 12241 if ((_this$responder16 = this.responder) !== null && _this$responder16 !== void 0 && _this$responder16.shouldManageMovingCursorInDirection("forward")) { 12242 var _this$responder17; 12243 this.event.preventDefault(); 12244 return (_this$responder17 = this.responder) === null || _this$responder17 === void 0 ? void 0 : _this$responder17.moveCursorInDirection("forward"); 12245 } 12246 }, 12247 Backspace() { 12248 var _this$responder18; 12249 if ((_this$responder18 = this.responder) !== null && _this$responder18 !== void 0 && _this$responder18.shouldManageDeletingInDirection("backward")) { 12250 var _this$delegate14, _this$responder19; 12251 this.event.preventDefault(); 12252 (_this$delegate14 = this.delegate) === null || _this$delegate14 === void 0 || _this$delegate14.inputControllerWillPerformTyping(); 12253 (_this$responder19 = this.responder) === null || _this$responder19 === void 0 || _this$responder19.deleteInDirection("backward"); 12254 return this.render(); 12255 } 12256 }, 12257 Tab() { 12258 var _this$responder20; 12259 if ((_this$responder20 = this.responder) !== null && _this$responder20 !== void 0 && _this$responder20.canIncreaseNestingLevel()) { 12260 var _this$responder21; 12261 this.event.preventDefault(); 12262 (_this$responder21 = this.responder) === null || _this$responder21 === void 0 || _this$responder21.increaseNestingLevel(); 12263 return this.render(); 12264 } 12265 }, 12266 "Tab+Shift"() { 12267 var _this$responder22; 12268 if ((_this$responder22 = this.responder) !== null && _this$responder22 !== void 0 && _this$responder22.canDecreaseNestingLevel()) { 12269 var _this$responder23; 12270 this.event.preventDefault(); 12271 (_this$responder23 = this.responder) === null || _this$responder23 === void 0 || _this$responder23.decreaseNestingLevel(); 12272 return this.render(); 12273 } 12274 } 12275 }); 12276 _defineProperty(Level2InputController, "inputTypes", { 12277 deleteByComposition() { 12278 return this.deleteInDirection("backward", { 12279 recordUndoEntry: false 12280 }); 12281 }, 12282 deleteByCut() { 12283 return this.deleteInDirection("backward"); 12284 }, 12285 deleteByDrag() { 12286 this.event.preventDefault(); 12287 return this.withTargetDOMRange(function () { 12288 var _this$responder24; 12289 this.deleteByDragRange = (_this$responder24 = this.responder) === null || _this$responder24 === void 0 ? void 0 : _this$responder24.getSelectedRange(); 12290 }); 12291 }, 12292 deleteCompositionText() { 12293 return this.deleteInDirection("backward", { 12294 recordUndoEntry: false 12295 }); 12296 }, 12297 deleteContent() { 12298 return this.deleteInDirection("backward"); 12299 }, 12300 deleteContentBackward() { 12301 return this.deleteInDirection("backward"); 12302 }, 12303 deleteContentForward() { 12304 return this.deleteInDirection("forward"); 12305 }, 12306 deleteEntireSoftLine() { 12307 return this.deleteInDirection("forward"); 12308 }, 12309 deleteHardLineBackward() { 12310 return this.deleteInDirection("backward"); 12311 }, 12312 deleteHardLineForward() { 12313 return this.deleteInDirection("forward"); 12314 }, 12315 deleteSoftLineBackward() { 12316 return this.deleteInDirection("backward"); 12317 }, 12318 deleteSoftLineForward() { 12319 return this.deleteInDirection("forward"); 12320 }, 12321 deleteWordBackward() { 12322 return this.deleteInDirection("backward"); 12323 }, 12324 deleteWordForward() { 12325 return this.deleteInDirection("forward"); 12326 }, 12327 formatBackColor() { 12328 return this.activateAttributeIfSupported("backgroundColor", this.event.data); 12329 }, 12330 formatBold() { 12331 return this.toggleAttributeIfSupported("bold"); 12332 }, 12333 formatFontColor() { 12334 return this.activateAttributeIfSupported("color", this.event.data); 12335 }, 12336 formatFontName() { 12337 return this.activateAttributeIfSupported("font", this.event.data); 12338 }, 12339 formatIndent() { 12340 var _this$responder25; 12341 if ((_this$responder25 = this.responder) !== null && _this$responder25 !== void 0 && _this$responder25.canIncreaseNestingLevel()) { 12342 return this.withTargetDOMRange(function () { 12343 var _this$responder26; 12344 return (_this$responder26 = this.responder) === null || _this$responder26 === void 0 ? void 0 : _this$responder26.increaseNestingLevel(); 12345 }); 12346 } 12347 }, 12348 formatItalic() { 12349 return this.toggleAttributeIfSupported("italic"); 12350 }, 12351 formatJustifyCenter() { 12352 return this.toggleAttributeIfSupported("justifyCenter"); 12353 }, 12354 formatJustifyFull() { 12355 return this.toggleAttributeIfSupported("justifyFull"); 12356 }, 12357 formatJustifyLeft() { 12358 return this.toggleAttributeIfSupported("justifyLeft"); 12359 }, 12360 formatJustifyRight() { 12361 return this.toggleAttributeIfSupported("justifyRight"); 12362 }, 12363 formatOutdent() { 12364 var _this$responder27; 12365 if ((_this$responder27 = this.responder) !== null && _this$responder27 !== void 0 && _this$responder27.canDecreaseNestingLevel()) { 12366 return this.withTargetDOMRange(function () { 12367 var _this$responder28; 12368 return (_this$responder28 = this.responder) === null || _this$responder28 === void 0 ? void 0 : _this$responder28.decreaseNestingLevel(); 12369 }); 12370 } 12371 }, 12372 formatRemove() { 12373 this.withTargetDOMRange(function () { 12374 for (const attributeName in (_this$responder29 = this.responder) === null || _this$responder29 === void 0 ? void 0 : _this$responder29.getCurrentAttributes()) { 12375 var _this$responder29, _this$responder30; 12376 (_this$responder30 = this.responder) === null || _this$responder30 === void 0 || _this$responder30.removeCurrentAttribute(attributeName); 12377 } 12378 }); 12379 }, 12380 formatSetBlockTextDirection() { 12381 return this.activateAttributeIfSupported("blockDir", this.event.data); 12382 }, 12383 formatSetInlineTextDirection() { 12384 return this.activateAttributeIfSupported("textDir", this.event.data); 12385 }, 12386 formatStrikeThrough() { 12387 return this.toggleAttributeIfSupported("strike"); 12388 }, 12389 formatSubscript() { 12390 return this.toggleAttributeIfSupported("sub"); 12391 }, 12392 formatSuperscript() { 12393 return this.toggleAttributeIfSupported("sup"); 12394 }, 12395 formatUnderline() { 12396 return this.toggleAttributeIfSupported("underline"); 12397 }, 12398 historyRedo() { 12399 var _this$delegate15; 12400 return (_this$delegate15 = this.delegate) === null || _this$delegate15 === void 0 ? void 0 : _this$delegate15.inputControllerWillPerformRedo(); 12401 }, 12402 historyUndo() { 12403 var _this$delegate16; 12404 return (_this$delegate16 = this.delegate) === null || _this$delegate16 === void 0 ? void 0 : _this$delegate16.inputControllerWillPerformUndo(); 12405 }, 12406 insertCompositionText() { 12407 this.composing = true; 12408 return this.insertString(this.event.data); 12409 }, 12410 insertFromComposition() { 12411 this.composing = false; 12412 return this.insertString(this.event.data); 12413 }, 12414 insertFromDrop() { 12415 const range = this.deleteByDragRange; 12416 if (range) { 12417 var _this$delegate17; 12418 this.deleteByDragRange = null; 12419 (_this$delegate17 = this.delegate) === null || _this$delegate17 === void 0 || _this$delegate17.inputControllerWillMoveText(); 12420 return this.withTargetDOMRange(function () { 12421 var _this$responder31; 12422 return (_this$responder31 = this.responder) === null || _this$responder31 === void 0 ? void 0 : _this$responder31.moveTextFromRange(range); 12423 }); 12424 } 12425 }, 12426 insertFromPaste() { 12427 const { 12428 dataTransfer 12429 } = this.event; 12430 const paste = { 12431 dataTransfer 12432 }; 12433 const href = dataTransfer.getData("URL"); 12434 const html = dataTransfer.getData("text/html"); 12435 if (href) { 12436 var _this$delegate18; 12437 let string; 12438 this.event.preventDefault(); 12439 paste.type = "text/html"; 12440 const name = dataTransfer.getData("public.url-name"); 12441 if (name) { 12442 string = squishBreakableWhitespace(name).trim(); 12443 } else { 12444 string = href; 12445 } 12446 paste.html = this.createLinkHTML(href, string); 12447 (_this$delegate18 = this.delegate) === null || _this$delegate18 === void 0 || _this$delegate18.inputControllerWillPaste(paste); 12448 this.withTargetDOMRange(function () { 12449 var _this$responder32; 12450 return (_this$responder32 = this.responder) === null || _this$responder32 === void 0 ? void 0 : _this$responder32.insertHTML(paste.html); 12451 }); 12452 this.afterRender = () => { 12453 var _this$delegate19; 12454 return (_this$delegate19 = this.delegate) === null || _this$delegate19 === void 0 ? void 0 : _this$delegate19.inputControllerDidPaste(paste); 12455 }; 12456 } else if (dataTransferIsPlainText(dataTransfer)) { 12457 var _this$delegate20; 12458 paste.type = "text/plain"; 12459 paste.string = dataTransfer.getData("text/plain"); 12460 (_this$delegate20 = this.delegate) === null || _this$delegate20 === void 0 || _this$delegate20.inputControllerWillPaste(paste); 12461 this.withTargetDOMRange(function () { 12462 var _this$responder33; 12463 return (_this$responder33 = this.responder) === null || _this$responder33 === void 0 ? void 0 : _this$responder33.insertString(paste.string); 12464 }); 12465 this.afterRender = () => { 12466 var _this$delegate21; 12467 return (_this$delegate21 = this.delegate) === null || _this$delegate21 === void 0 ? void 0 : _this$delegate21.inputControllerDidPaste(paste); 12468 }; 12469 } else if (processableFilePaste(this.event)) { 12470 var _this$delegate22; 12471 paste.type = "File"; 12472 paste.file = dataTransfer.files[0]; 12473 (_this$delegate22 = this.delegate) === null || _this$delegate22 === void 0 || _this$delegate22.inputControllerWillPaste(paste); 12474 this.withTargetDOMRange(function () { 12475 var _this$responder34; 12476 return (_this$responder34 = this.responder) === null || _this$responder34 === void 0 ? void 0 : _this$responder34.insertFile(paste.file); 12477 }); 12478 this.afterRender = () => { 12479 var _this$delegate23; 12480 return (_this$delegate23 = this.delegate) === null || _this$delegate23 === void 0 ? void 0 : _this$delegate23.inputControllerDidPaste(paste); 12481 }; 12482 } else if (html) { 12483 var _this$delegate24; 12484 this.event.preventDefault(); 12485 paste.type = "text/html"; 12486 paste.html = html; 12487 (_this$delegate24 = this.delegate) === null || _this$delegate24 === void 0 || _this$delegate24.inputControllerWillPaste(paste); 12488 this.withTargetDOMRange(function () { 12489 var _this$responder35; 12490 return (_this$responder35 = this.responder) === null || _this$responder35 === void 0 ? void 0 : _this$responder35.insertHTML(paste.html); 12491 }); 12492 this.afterRender = () => { 12493 var _this$delegate25; 12494 return (_this$delegate25 = this.delegate) === null || _this$delegate25 === void 0 ? void 0 : _this$delegate25.inputControllerDidPaste(paste); 12495 }; 12496 } 12497 }, 12498 insertFromYank() { 12499 return this.insertString(this.event.data); 12500 }, 12501 insertLineBreak() { 12502 return this.insertString("\n"); 12503 }, 12504 insertLink() { 12505 return this.activateAttributeIfSupported("href", this.event.data); 12506 }, 12507 insertOrderedList() { 12508 return this.toggleAttributeIfSupported("number"); 12509 }, 12510 insertParagraph() { 12511 var _this$delegate26; 12512 (_this$delegate26 = this.delegate) === null || _this$delegate26 === void 0 || _this$delegate26.inputControllerWillPerformTyping(); 12513 return this.withTargetDOMRange(function () { 12514 var _this$responder36; 12515 return (_this$responder36 = this.responder) === null || _this$responder36 === void 0 ? void 0 : _this$responder36.insertLineBreak(); 12516 }); 12517 }, 12518 insertReplacementText() { 12519 const replacement = this.event.dataTransfer.getData("text/plain"); 12520 const domRange = this.event.getTargetRanges()[0]; 12521 this.withTargetDOMRange(domRange, () => { 12522 this.insertString(replacement, { 12523 updatePosition: false 12524 }); 12525 }); 12526 }, 12527 insertText() { 12528 var _this$event$dataTrans; 12529 return this.insertString(this.event.data || ((_this$event$dataTrans = this.event.dataTransfer) === null || _this$event$dataTrans === void 0 ? void 0 : _this$event$dataTrans.getData("text/plain"))); 12530 }, 12531 insertTranspose() { 12532 return this.insertString(this.event.data); 12533 }, 12534 insertUnorderedList() { 12535 return this.toggleAttributeIfSupported("bullet"); 12536 } 12537 }); 12538 const staticRangeToRange = function (staticRange) { 12539 const range = document.createRange(); 12540 range.setStart(staticRange.startContainer, staticRange.startOffset); 12541 range.setEnd(staticRange.endContainer, staticRange.endOffset); 12542 return range; 12543 }; 12544 12545 // Event helpers 12546 12547 const dragEventHasFiles = event => { 12548 var _event$dataTransfer; 12549 return Array.from(((_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.types) || []).includes("Files"); 12550 }; 12551 const processableFilePaste = event => { 12552 var _event$dataTransfer$f; 12553 // Paste events that only have files are handled by the paste event handler, 12554 // to work around Safari not supporting beforeinput.insertFromPaste for files. 12555 12556 // MS Office text pastes include a file with a screenshot of the text, but we should 12557 // handle them as text pastes. 12558 return ((_event$dataTransfer$f = event.dataTransfer.files) === null || _event$dataTransfer$f === void 0 ? void 0 : _event$dataTransfer$f[0]) && !pasteEventHasFilesOnly(event) && !dataTransferIsMsOfficePaste(event); 12559 }; 12560 const pasteEventHasFilesOnly = function (event) { 12561 const clipboard = event.clipboardData; 12562 if (clipboard) { 12563 const fileTypes = Array.from(clipboard.types).filter(type => type.match(/file/i)); // "Files", "application/x-moz-file" 12564 return fileTypes.length === clipboard.types.length && clipboard.files.length >= 1; 12565 } 12566 }; 12567 const pasteEventHasPlainTextOnly = function (event) { 12568 const clipboard = event.clipboardData; 12569 if (clipboard) { 12570 return clipboard.types.includes("text/plain") && clipboard.types.length === 1; 12571 } 12572 }; 12573 const keyboardCommandFromKeyEvent = function (event) { 12574 const command = []; 12575 if (event.altKey) { 12576 command.push("alt"); 12577 } 12578 if (event.shiftKey) { 12579 command.push("shift"); 12580 } 12581 command.push(event.key); 12582 return command; 12583 }; 12584 const pointFromEvent = event => ({ 12585 x: event.clientX, 12586 y: event.clientY 12587 }); 12588 12589 const attributeButtonSelector = "[data-trix-attribute]"; 12590 const actionButtonSelector = "[data-trix-action]"; 12591 const toolbarButtonSelector = "".concat(attributeButtonSelector, ", ").concat(actionButtonSelector); 12592 const dialogSelector = "[data-trix-dialog]"; 12593 const activeDialogSelector = "".concat(dialogSelector, "[data-trix-active]"); 12594 const dialogButtonSelector = "".concat(dialogSelector, " [data-trix-method]"); 12595 const dialogInputSelector = "".concat(dialogSelector, " [data-trix-input]"); 12596 const getInputForDialog = (element, attributeName) => { 12597 if (!attributeName) { 12598 attributeName = getAttributeName(element); 12599 } 12600 return element.querySelector("[data-trix-input][name='".concat(attributeName, "']")); 12601 }; 12602 const getActionName = element => element.getAttribute("data-trix-action"); 12603 const getAttributeName = element => { 12604 return element.getAttribute("data-trix-attribute") || element.getAttribute("data-trix-dialog-attribute"); 12605 }; 12606 const getDialogName = element => element.getAttribute("data-trix-dialog"); 12607 class ToolbarController extends BasicObject { 12608 constructor(element) { 12609 super(element); 12610 this.didClickActionButton = this.didClickActionButton.bind(this); 12611 this.didClickAttributeButton = this.didClickAttributeButton.bind(this); 12612 this.didClickDialogButton = this.didClickDialogButton.bind(this); 12613 this.didKeyDownDialogInput = this.didKeyDownDialogInput.bind(this); 12614 this.element = element; 12615 this.attributes = {}; 12616 this.actions = {}; 12617 this.resetDialogInputs(); 12618 handleEvent("mousedown", { 12619 onElement: this.element, 12620 matchingSelector: actionButtonSelector, 12621 withCallback: this.didClickActionButton 12622 }); 12623 handleEvent("mousedown", { 12624 onElement: this.element, 12625 matchingSelector: attributeButtonSelector, 12626 withCallback: this.didClickAttributeButton 12627 }); 12628 handleEvent("click", { 12629 onElement: this.element, 12630 matchingSelector: toolbarButtonSelector, 12631 preventDefault: true 12632 }); 12633 handleEvent("click", { 12634 onElement: this.element, 12635 matchingSelector: dialogButtonSelector, 12636 withCallback: this.didClickDialogButton 12637 }); 12638 handleEvent("keydown", { 12639 onElement: this.element, 12640 matchingSelector: dialogInputSelector, 12641 withCallback: this.didKeyDownDialogInput 12642 }); 12643 } 12644 12645 // Event handlers 12646 12647 didClickActionButton(event, element) { 12648 var _this$delegate; 12649 (_this$delegate = this.delegate) === null || _this$delegate === void 0 || _this$delegate.toolbarDidClickButton(); 12650 event.preventDefault(); 12651 const actionName = getActionName(element); 12652 if (this.getDialog(actionName)) { 12653 return this.toggleDialog(actionName); 12654 } else { 12655 var _this$delegate2; 12656 return (_this$delegate2 = this.delegate) === null || _this$delegate2 === void 0 ? void 0 : _this$delegate2.toolbarDidInvokeAction(actionName, element); 12657 } 12658 } 12659 didClickAttributeButton(event, element) { 12660 var _this$delegate3; 12661 (_this$delegate3 = this.delegate) === null || _this$delegate3 === void 0 || _this$delegate3.toolbarDidClickButton(); 12662 event.preventDefault(); 12663 const attributeName = getAttributeName(element); 12664 if (this.getDialog(attributeName)) { 12665 this.toggleDialog(attributeName); 12666 } else { 12667 var _this$delegate4; 12668 (_this$delegate4 = this.delegate) === null || _this$delegate4 === void 0 || _this$delegate4.toolbarDidToggleAttribute(attributeName); 12669 } 12670 return this.refreshAttributeButtons(); 12671 } 12672 didClickDialogButton(event, element) { 12673 const dialogElement = findClosestElementFromNode(element, { 12674 matchingSelector: dialogSelector 12675 }); 12676 const method = element.getAttribute("data-trix-method"); 12677 return this[method].call(this, dialogElement); 12678 } 12679 didKeyDownDialogInput(event, element) { 12680 if (event.keyCode === 13) { 12681 // Enter key 12682 event.preventDefault(); 12683 const attribute = element.getAttribute("name"); 12684 const dialog = this.getDialog(attribute); 12685 this.setAttribute(dialog); 12686 } 12687 if (event.keyCode === 27) { 12688 // Escape key 12689 event.preventDefault(); 12690 return this.hideDialog(); 12691 } 12692 } 12693 12694 // Action buttons 12695 12696 updateActions(actions) { 12697 this.actions = actions; 12698 return this.refreshActionButtons(); 12699 } 12700 refreshActionButtons() { 12701 return this.eachActionButton((element, actionName) => { 12702 element.disabled = this.actions[actionName] === false; 12703 }); 12704 } 12705 eachActionButton(callback) { 12706 return Array.from(this.element.querySelectorAll(actionButtonSelector)).map(element => callback(element, getActionName(element))); 12707 } 12708 12709 // Attribute buttons 12710 12711 updateAttributes(attributes) { 12712 this.attributes = attributes; 12713 return this.refreshAttributeButtons(); 12714 } 12715 refreshAttributeButtons() { 12716 return this.eachAttributeButton((element, attributeName) => { 12717 element.disabled = this.attributes[attributeName] === false; 12718 if (this.attributes[attributeName] || this.dialogIsVisible(attributeName)) { 12719 element.setAttribute("data-trix-active", ""); 12720 return element.classList.add("trix-active"); 12721 } else { 12722 element.removeAttribute("data-trix-active"); 12723 return element.classList.remove("trix-active"); 12724 } 12725 }); 12726 } 12727 eachAttributeButton(callback) { 12728 return Array.from(this.element.querySelectorAll(attributeButtonSelector)).map(element => callback(element, getAttributeName(element))); 12729 } 12730 applyKeyboardCommand(keys) { 12731 const keyString = JSON.stringify(keys.sort()); 12732 for (const button of Array.from(this.element.querySelectorAll("[data-trix-key]"))) { 12733 const buttonKeys = button.getAttribute("data-trix-key").split("+"); 12734 const buttonKeyString = JSON.stringify(buttonKeys.sort()); 12735 if (buttonKeyString === keyString) { 12736 triggerEvent("mousedown", { 12737 onElement: button 12738 }); 12739 return true; 12740 } 12741 } 12742 return false; 12743 } 12744 12745 // Dialogs 12746 12747 dialogIsVisible(dialogName) { 12748 const element = this.getDialog(dialogName); 12749 if (element) { 12750 return element.hasAttribute("data-trix-active"); 12751 } 12752 } 12753 toggleDialog(dialogName) { 12754 if (this.dialogIsVisible(dialogName)) { 12755 return this.hideDialog(); 12756 } else { 12757 return this.showDialog(dialogName); 12758 } 12759 } 12760 showDialog(dialogName) { 12761 var _this$delegate5, _this$delegate6; 12762 this.hideDialog(); 12763 (_this$delegate5 = this.delegate) === null || _this$delegate5 === void 0 || _this$delegate5.toolbarWillShowDialog(); 12764 const element = this.getDialog(dialogName); 12765 element.setAttribute("data-trix-active", ""); 12766 element.classList.add("trix-active"); 12767 Array.from(element.querySelectorAll("input[disabled]")).forEach(disabledInput => { 12768 disabledInput.removeAttribute("disabled"); 12769 }); 12770 const attributeName = getAttributeName(element); 12771 if (attributeName) { 12772 const input = getInputForDialog(element, dialogName); 12773 if (input) { 12774 input.value = this.attributes[attributeName] || ""; 12775 input.select(); 12776 } 12777 } 12778 return (_this$delegate6 = this.delegate) === null || _this$delegate6 === void 0 ? void 0 : _this$delegate6.toolbarDidShowDialog(dialogName); 12779 } 12780 setAttribute(dialogElement) { 12781 var _this$delegate7; 12782 const attributeName = getAttributeName(dialogElement); 12783 const input = getInputForDialog(dialogElement, attributeName); 12784 if (input.willValidate) { 12785 input.setCustomValidity(""); 12786 if (!input.checkValidity() || !this.isSafeAttribute(input)) { 12787 input.setCustomValidity("Invalid value"); 12788 input.setAttribute("data-trix-validate", ""); 12789 input.classList.add("trix-validate"); 12790 return input.focus(); 12791 } 12792 } 12793 (_this$delegate7 = this.delegate) === null || _this$delegate7 === void 0 || _this$delegate7.toolbarDidUpdateAttribute(attributeName, input.value); 12794 return this.hideDialog(); 12795 } 12796 isSafeAttribute(input) { 12797 if (input.hasAttribute("data-trix-validate-href")) { 12798 return purify.isValidAttribute("a", "href", input.value); 12799 } else { 12800 return true; 12801 } 12802 } 12803 removeAttribute(dialogElement) { 12804 var _this$delegate8; 12805 const attributeName = getAttributeName(dialogElement); 12806 (_this$delegate8 = this.delegate) === null || _this$delegate8 === void 0 || _this$delegate8.toolbarDidRemoveAttribute(attributeName); 12807 return this.hideDialog(); 12808 } 12809 hideDialog() { 12810 const element = this.element.querySelector(activeDialogSelector); 12811 if (element) { 12812 var _this$delegate9; 12813 element.removeAttribute("data-trix-active"); 12814 element.classList.remove("trix-active"); 12815 this.resetDialogInputs(); 12816 return (_this$delegate9 = this.delegate) === null || _this$delegate9 === void 0 ? void 0 : _this$delegate9.toolbarDidHideDialog(getDialogName(element)); 12817 } 12818 } 12819 resetDialogInputs() { 12820 Array.from(this.element.querySelectorAll(dialogInputSelector)).forEach(input => { 12821 input.setAttribute("disabled", "disabled"); 12822 input.removeAttribute("data-trix-validate"); 12823 input.classList.remove("trix-validate"); 12824 }); 12825 } 12826 getDialog(dialogName) { 12827 return this.element.querySelector("[data-trix-dialog=".concat(dialogName, "]")); 12828 } 12829 } 12830 12831 const snapshotsAreEqual = (a, b) => rangesAreEqual(a.selectedRange, b.selectedRange) && a.document.isEqualTo(b.document); 12832 class EditorController extends Controller { 12833 constructor(_ref) { 12834 let { 12835 editorElement, 12836 document, 12837 html 12838 } = _ref; 12839 super(...arguments); 12840 this.editorElement = editorElement; 12841 this.selectionManager = new SelectionManager(this.editorElement); 12842 this.selectionManager.delegate = this; 12843 this.composition = new Composition(); 12844 this.composition.delegate = this; 12845 this.attachmentManager = new AttachmentManager(this.composition.getAttachments()); 12846 this.attachmentManager.delegate = this; 12847 this.inputController = input.getLevel() === 2 ? new Level2InputController(this.editorElement) : new Level0InputController(this.editorElement); 12848 this.inputController.delegate = this; 12849 this.inputController.responder = this.composition; 12850 this.compositionController = new CompositionController(this.editorElement, this.composition); 12851 this.compositionController.delegate = this; 12852 this.toolbarController = new ToolbarController(this.editorElement.toolbarElement); 12853 this.toolbarController.delegate = this; 12854 this.editor = new Editor(this.composition, this.selectionManager, this.editorElement); 12855 if (document) { 12856 this.editor.loadDocument(document); 12857 } else { 12858 this.editor.loadHTML(html); 12859 } 12860 } 12861 registerSelectionManager() { 12862 return selectionChangeObserver.registerSelectionManager(this.selectionManager); 12863 } 12864 unregisterSelectionManager() { 12865 return selectionChangeObserver.unregisterSelectionManager(this.selectionManager); 12866 } 12867 render() { 12868 return this.compositionController.render(); 12869 } 12870 reparse() { 12871 return this.composition.replaceHTML(this.editorElement.innerHTML); 12872 } 12873 12874 // Composition delegate 12875 12876 compositionDidChangeDocument(document) { 12877 this.notifyEditorElement("document-change"); 12878 if (!this.handlingInput) { 12879 return this.render(); 12880 } 12881 } 12882 compositionDidChangeCurrentAttributes(currentAttributes) { 12883 this.currentAttributes = currentAttributes; 12884 this.toolbarController.updateAttributes(this.currentAttributes); 12885 this.updateCurrentActions(); 12886 return this.notifyEditorElement("attributes-change", { 12887 attributes: this.currentAttributes 12888 }); 12889 } 12890 compositionDidPerformInsertionAtRange(range) { 12891 if (this.pasting) { 12892 this.pastedRange = range; 12893 } 12894 } 12895 compositionShouldAcceptFile(file) { 12896 return this.notifyEditorElement("file-accept", { 12897 file 12898 }); 12899 } 12900 compositionDidAddAttachment(attachment) { 12901 const managedAttachment = this.attachmentManager.manageAttachment(attachment); 12902 return this.notifyEditorElement("attachment-add", { 12903 attachment: managedAttachment 12904 }); 12905 } 12906 compositionDidEditAttachment(attachment) { 12907 this.compositionController.rerenderViewForObject(attachment); 12908 const managedAttachment = this.attachmentManager.manageAttachment(attachment); 12909 this.notifyEditorElement("attachment-edit", { 12910 attachment: managedAttachment 12911 }); 12912 return this.notifyEditorElement("change"); 12913 } 12914 compositionDidChangeAttachmentPreviewURL(attachment) { 12915 this.compositionController.invalidateViewForObject(attachment); 12916 return this.notifyEditorElement("change"); 12917 } 12918 compositionDidRemoveAttachment(attachment) { 12919 const managedAttachment = this.attachmentManager.unmanageAttachment(attachment); 12920 return this.notifyEditorElement("attachment-remove", { 12921 attachment: managedAttachment 12922 }); 12923 } 12924 compositionDidStartEditingAttachment(attachment, options) { 12925 this.attachmentLocationRange = this.composition.document.getLocationRangeOfAttachment(attachment); 12926 this.compositionController.installAttachmentEditorForAttachment(attachment, options); 12927 return this.selectionManager.setLocationRange(this.attachmentLocationRange); 12928 } 12929 compositionDidStopEditingAttachment(attachment) { 12930 this.compositionController.uninstallAttachmentEditor(); 12931 this.attachmentLocationRange = null; 12932 } 12933 compositionDidRequestChangingSelectionToLocationRange(locationRange) { 12934 if (this.loadingSnapshot && !this.isFocused()) return; 12935 this.requestedLocationRange = locationRange; 12936 this.compositionRevisionWhenLocationRangeRequested = this.composition.revision; 12937 if (!this.handlingInput) { 12938 return this.render(); 12939 } 12940 } 12941 compositionWillLoadSnapshot() { 12942 this.loadingSnapshot = true; 12943 } 12944 compositionDidLoadSnapshot() { 12945 this.compositionController.refreshViewCache(); 12946 this.render(); 12947 this.loadingSnapshot = false; 12948 } 12949 getSelectionManager() { 12950 return this.selectionManager; 12951 } 12952 12953 // Attachment manager delegate 12954 12955 attachmentManagerDidRequestRemovalOfAttachment(attachment) { 12956 return this.removeAttachment(attachment); 12957 } 12958 12959 // Document controller delegate 12960 12961 compositionControllerWillSyncDocumentView() { 12962 this.inputController.editorWillSyncDocumentView(); 12963 this.selectionManager.lock(); 12964 return this.selectionManager.clearSelection(); 12965 } 12966 compositionControllerDidSyncDocumentView() { 12967 this.inputController.editorDidSyncDocumentView(); 12968 this.selectionManager.unlock(); 12969 this.updateCurrentActions(); 12970 return this.notifyEditorElement("sync"); 12971 } 12972 compositionControllerDidRender() { 12973 if (this.requestedLocationRange) { 12974 if (this.compositionRevisionWhenLocationRangeRequested === this.composition.revision) { 12975 this.selectionManager.setLocationRange(this.requestedLocationRange); 12976 } 12977 this.requestedLocationRange = null; 12978 this.compositionRevisionWhenLocationRangeRequested = null; 12979 } 12980 if (this.renderedCompositionRevision !== this.composition.revision) { 12981 this.runEditorFilters(); 12982 this.composition.updateCurrentAttributes(); 12983 this.notifyEditorElement("render"); 12984 } 12985 this.renderedCompositionRevision = this.composition.revision; 12986 } 12987 compositionControllerDidFocus() { 12988 if (this.isFocusedInvisibly()) { 12989 this.setLocationRange({ 12990 index: 0, 12991 offset: 0 12992 }); 12993 } 12994 this.toolbarController.hideDialog(); 12995 return this.notifyEditorElement("focus"); 12996 } 12997 compositionControllerDidBlur() { 12998 return this.notifyEditorElement("blur"); 12999 } 13000 compositionControllerDidSelectAttachment(attachment, options) { 13001 this.toolbarController.hideDialog(); 13002 return this.composition.editAttachment(attachment, options); 13003 } 13004 compositionControllerDidRequestDeselectingAttachment(attachment) { 13005 const locationRange = this.attachmentLocationRange || this.composition.document.getLocationRangeOfAttachment(attachment); 13006 return this.selectionManager.setLocationRange(locationRange[1]); 13007 } 13008 compositionControllerWillUpdateAttachment(attachment) { 13009 return this.editor.recordUndoEntry("Edit Attachment", { 13010 context: attachment.id, 13011 consolidatable: true 13012 }); 13013 } 13014 compositionControllerDidRequestRemovalOfAttachment(attachment) { 13015 return this.removeAttachment(attachment); 13016 } 13017 13018 // Input controller delegate 13019 13020 inputControllerWillHandleInput() { 13021 this.handlingInput = true; 13022 this.requestedRender = false; 13023 } 13024 inputControllerDidRequestRender() { 13025 this.requestedRender = true; 13026 } 13027 inputControllerDidHandleInput() { 13028 this.handlingInput = false; 13029 if (this.requestedRender) { 13030 this.requestedRender = false; 13031 return this.render(); 13032 } 13033 } 13034 inputControllerDidAllowUnhandledInput() { 13035 return this.notifyEditorElement("change"); 13036 } 13037 inputControllerDidRequestReparse() { 13038 return this.reparse(); 13039 } 13040 inputControllerWillPerformTyping() { 13041 return this.recordTypingUndoEntry(); 13042 } 13043 inputControllerWillPerformFormatting(attributeName) { 13044 return this.recordFormattingUndoEntry(attributeName); 13045 } 13046 inputControllerWillCutText() { 13047 return this.editor.recordUndoEntry("Cut"); 13048 } 13049 inputControllerWillPaste(paste) { 13050 this.editor.recordUndoEntry("Paste"); 13051 this.pasting = true; 13052 return this.notifyEditorElement("before-paste", { 13053 paste 13054 }); 13055 } 13056 inputControllerDidPaste(paste) { 13057 paste.range = this.pastedRange; 13058 this.pastedRange = null; 13059 this.pasting = null; 13060 return this.notifyEditorElement("paste", { 13061 paste 13062 }); 13063 } 13064 inputControllerWillMoveText() { 13065 return this.editor.recordUndoEntry("Move"); 13066 } 13067 inputControllerWillAttachFiles() { 13068 return this.editor.recordUndoEntry("Drop Files"); 13069 } 13070 inputControllerWillPerformUndo() { 13071 return this.editor.undo(); 13072 } 13073 inputControllerWillPerformRedo() { 13074 return this.editor.redo(); 13075 } 13076 inputControllerDidReceiveKeyboardCommand(keys) { 13077 return this.toolbarController.applyKeyboardCommand(keys); 13078 } 13079 inputControllerDidStartDrag() { 13080 this.locationRangeBeforeDrag = this.selectionManager.getLocationRange(); 13081 } 13082 inputControllerDidReceiveDragOverPoint(point) { 13083 return this.selectionManager.setLocationRangeFromPointRange(point); 13084 } 13085 inputControllerDidCancelDrag() { 13086 this.selectionManager.setLocationRange(this.locationRangeBeforeDrag); 13087 this.locationRangeBeforeDrag = null; 13088 } 13089 13090 // Selection manager delegate 13091 13092 locationRangeDidChange(locationRange) { 13093 this.composition.updateCurrentAttributes(); 13094 this.updateCurrentActions(); 13095 if (this.attachmentLocationRange && !rangesAreEqual(this.attachmentLocationRange, locationRange)) { 13096 this.composition.stopEditingAttachment(); 13097 } 13098 return this.notifyEditorElement("selection-change"); 13099 } 13100 13101 // Toolbar controller delegate 13102 13103 toolbarDidClickButton() { 13104 if (!this.getLocationRange()) { 13105 return this.setLocationRange({ 13106 index: 0, 13107 offset: 0 13108 }); 13109 } 13110 } 13111 toolbarDidInvokeAction(actionName, invokingElement) { 13112 return this.invokeAction(actionName, invokingElement); 13113 } 13114 toolbarDidToggleAttribute(attributeName) { 13115 this.recordFormattingUndoEntry(attributeName); 13116 this.composition.toggleCurrentAttribute(attributeName); 13117 this.render(); 13118 if (!this.selectionFrozen) { 13119 return this.editorElement.focus(); 13120 } 13121 } 13122 toolbarDidUpdateAttribute(attributeName, value) { 13123 this.recordFormattingUndoEntry(attributeName); 13124 this.composition.setCurrentAttribute(attributeName, value); 13125 this.render(); 13126 if (!this.selectionFrozen) { 13127 return this.editorElement.focus(); 13128 } 13129 } 13130 toolbarDidRemoveAttribute(attributeName) { 13131 this.recordFormattingUndoEntry(attributeName); 13132 this.composition.removeCurrentAttribute(attributeName); 13133 this.render(); 13134 if (!this.selectionFrozen) { 13135 return this.editorElement.focus(); 13136 } 13137 } 13138 toolbarWillShowDialog(dialogElement) { 13139 this.composition.expandSelectionForEditing(); 13140 return this.freezeSelection(); 13141 } 13142 toolbarDidShowDialog(dialogName) { 13143 return this.notifyEditorElement("toolbar-dialog-show", { 13144 dialogName 13145 }); 13146 } 13147 toolbarDidHideDialog(dialogName) { 13148 this.thawSelection(); 13149 this.editorElement.focus(); 13150 return this.notifyEditorElement("toolbar-dialog-hide", { 13151 dialogName 13152 }); 13153 } 13154 13155 // Selection 13156 13157 freezeSelection() { 13158 if (!this.selectionFrozen) { 13159 this.selectionManager.lock(); 13160 this.composition.freezeSelection(); 13161 this.selectionFrozen = true; 13162 return this.render(); 13163 } 13164 } 13165 thawSelection() { 13166 if (this.selectionFrozen) { 13167 this.composition.thawSelection(); 13168 this.selectionManager.unlock(); 13169 this.selectionFrozen = false; 13170 return this.render(); 13171 } 13172 } 13173 canInvokeAction(actionName) { 13174 if (this.actionIsExternal(actionName)) { 13175 return true; 13176 } else { 13177 var _this$actions$actionN; 13178 return !!((_this$actions$actionN = this.actions[actionName]) !== null && _this$actions$actionN !== void 0 && (_this$actions$actionN = _this$actions$actionN.test) !== null && _this$actions$actionN !== void 0 && _this$actions$actionN.call(this)); 13179 } 13180 } 13181 invokeAction(actionName, invokingElement) { 13182 if (this.actionIsExternal(actionName)) { 13183 return this.notifyEditorElement("action-invoke", { 13184 actionName, 13185 invokingElement 13186 }); 13187 } else { 13188 var _this$actions$actionN2; 13189 return (_this$actions$actionN2 = this.actions[actionName]) === null || _this$actions$actionN2 === void 0 || (_this$actions$actionN2 = _this$actions$actionN2.perform) === null || _this$actions$actionN2 === void 0 ? void 0 : _this$actions$actionN2.call(this); 13190 } 13191 } 13192 actionIsExternal(actionName) { 13193 return /^x-./.test(actionName); 13194 } 13195 getCurrentActions() { 13196 const result = {}; 13197 for (const actionName in this.actions) { 13198 result[actionName] = this.canInvokeAction(actionName); 13199 } 13200 return result; 13201 } 13202 updateCurrentActions() { 13203 const currentActions = this.getCurrentActions(); 13204 if (!objectsAreEqual(currentActions, this.currentActions)) { 13205 this.currentActions = currentActions; 13206 this.toolbarController.updateActions(this.currentActions); 13207 return this.notifyEditorElement("actions-change", { 13208 actions: this.currentActions 13209 }); 13210 } 13211 } 13212 13213 // Editor filters 13214 13215 runEditorFilters() { 13216 let snapshot = this.composition.getSnapshot(); 13217 Array.from(this.editor.filters).forEach(filter => { 13218 const { 13219 document, 13220 selectedRange 13221 } = snapshot; 13222 snapshot = filter.call(this.editor, snapshot) || {}; 13223 if (!snapshot.document) { 13224 snapshot.document = document; 13225 } 13226 if (!snapshot.selectedRange) { 13227 snapshot.selectedRange = selectedRange; 13228 } 13229 }); 13230 if (!snapshotsAreEqual(snapshot, this.composition.getSnapshot())) { 13231 return this.composition.loadSnapshot(snapshot); 13232 } 13233 } 13234 13235 // Private 13236 13237 updateInputElement() { 13238 const element = this.compositionController.getSerializableElement(); 13239 const value = serializeToContentType(element, "text/html"); 13240 return this.editorElement.setFormValue(value); 13241 } 13242 notifyEditorElement(message, data) { 13243 switch (message) { 13244 case "document-change": 13245 this.documentChangedSinceLastRender = true; 13246 break; 13247 case "render": 13248 if (this.documentChangedSinceLastRender) { 13249 this.documentChangedSinceLastRender = false; 13250 this.notifyEditorElement("change"); 13251 } 13252 break; 13253 case "change": 13254 case "attachment-add": 13255 case "attachment-edit": 13256 case "attachment-remove": 13257 this.updateInputElement(); 13258 break; 13259 } 13260 return this.editorElement.notify(message, data); 13261 } 13262 removeAttachment(attachment) { 13263 this.editor.recordUndoEntry("Delete Attachment"); 13264 this.composition.removeAttachment(attachment); 13265 return this.render(); 13266 } 13267 recordFormattingUndoEntry(attributeName) { 13268 const blockConfig = getBlockConfig(attributeName); 13269 const locationRange = this.selectionManager.getLocationRange(); 13270 if (blockConfig || !rangeIsCollapsed(locationRange)) { 13271 return this.editor.recordUndoEntry("Formatting", { 13272 context: this.getUndoContext(), 13273 consolidatable: true 13274 }); 13275 } 13276 } 13277 recordTypingUndoEntry() { 13278 return this.editor.recordUndoEntry("Typing", { 13279 context: this.getUndoContext(this.currentAttributes), 13280 consolidatable: true 13281 }); 13282 } 13283 getUndoContext() { 13284 for (var _len = arguments.length, context = new Array(_len), _key = 0; _key < _len; _key++) { 13285 context[_key] = arguments[_key]; 13286 } 13287 return [this.getLocationContext(), this.getTimeContext(), ...Array.from(context)]; 13288 } 13289 getLocationContext() { 13290 const locationRange = this.selectionManager.getLocationRange(); 13291 if (rangeIsCollapsed(locationRange)) { 13292 return locationRange[0].index; 13293 } else { 13294 return locationRange; 13295 } 13296 } 13297 getTimeContext() { 13298 if (undo.interval > 0) { 13299 return Math.floor(new Date().getTime() / undo.interval); 13300 } else { 13301 return 0; 13302 } 13303 } 13304 isFocused() { 13305 var _this$editorElement$o; 13306 return this.editorElement === ((_this$editorElement$o = this.editorElement.ownerDocument) === null || _this$editorElement$o === void 0 ? void 0 : _this$editorElement$o.activeElement); 13307 } 13308 13309 // Detect "Cursor disappears sporadically" Firefox bug. 13310 // - https://bugzilla.mozilla.org/show_bug.cgi?id=226301 13311 isFocusedInvisibly() { 13312 return this.isFocused() && !this.getLocationRange(); 13313 } 13314 get actions() { 13315 return this.constructor.actions; 13316 } 13317 } 13318 _defineProperty(EditorController, "actions", { 13319 undo: { 13320 test() { 13321 return this.editor.canUndo(); 13322 }, 13323 perform() { 13324 return this.editor.undo(); 13325 } 13326 }, 13327 redo: { 13328 test() { 13329 return this.editor.canRedo(); 13330 }, 13331 perform() { 13332 return this.editor.redo(); 13333 } 13334 }, 13335 link: { 13336 test() { 13337 return this.editor.canActivateAttribute("href"); 13338 } 13339 }, 13340 increaseNestingLevel: { 13341 test() { 13342 return this.editor.canIncreaseNestingLevel(); 13343 }, 13344 perform() { 13345 return this.editor.increaseNestingLevel() && this.render(); 13346 } 13347 }, 13348 decreaseNestingLevel: { 13349 test() { 13350 return this.editor.canDecreaseNestingLevel(); 13351 }, 13352 perform() { 13353 return this.editor.decreaseNestingLevel() && this.render(); 13354 } 13355 }, 13356 attachFiles: { 13357 test() { 13358 return true; 13359 }, 13360 perform() { 13361 return input.pickFiles(this.editor.insertFiles); 13362 } 13363 } 13364 }); 13365 EditorController.proxyMethod("getSelectionManager().setLocationRange"); 13366 EditorController.proxyMethod("getSelectionManager().getLocationRange"); 13367 13368 var controllers = /*#__PURE__*/Object.freeze({ 13369 __proto__: null, 13370 AttachmentEditorController: AttachmentEditorController, 13371 CompositionController: CompositionController, 13372 Controller: Controller, 13373 EditorController: EditorController, 13374 InputController: InputController, 13375 Level0InputController: Level0InputController, 13376 Level2InputController: Level2InputController, 13377 ToolbarController: ToolbarController 13378 }); 13379 13380 var observers = /*#__PURE__*/Object.freeze({ 13381 __proto__: null, 13382 MutationObserver: MutationObserver, 13383 SelectionChangeObserver: SelectionChangeObserver 13384 }); 13385 13386 var operations = /*#__PURE__*/Object.freeze({ 13387 __proto__: null, 13388 FileVerificationOperation: FileVerificationOperation, 13389 ImagePreloadOperation: ImagePreloadOperation 13390 }); 13391 13392 installDefaultCSSForTagName("trix-toolbar", "%t {\n display: block;\n}\n\n%t {\n white-space: nowrap;\n}\n\n%t [data-trix-dialog] {\n display: none;\n}\n\n%t [data-trix-dialog][data-trix-active] {\n display: block;\n}\n\n%t [data-trix-dialog] [data-trix-validate]:invalid {\n background-color: #ffdddd;\n}"); 13393 class TrixToolbarElement extends HTMLElement { 13394 // Element lifecycle 13395 13396 connectedCallback() { 13397 if (this.innerHTML === "") { 13398 this.innerHTML = toolbar.getDefaultHTML(); 13399 } 13400 } 13401 13402 // Properties 13403 13404 get editorElements() { 13405 if (this.id) { 13406 var _this$ownerDocument; 13407 const nodeList = (_this$ownerDocument = this.ownerDocument) === null || _this$ownerDocument === void 0 ? void 0 : _this$ownerDocument.querySelectorAll("trix-editor[toolbar=\"".concat(this.id, "\"]")); 13408 return Array.from(nodeList); 13409 } else { 13410 return []; 13411 } 13412 } 13413 get editorElement() { 13414 const [editorElement] = this.editorElements; 13415 return editorElement; 13416 } 13417 } 13418 13419 let id = 0; 13420 13421 // Contenteditable support helpers 13422 13423 const autofocus = function (element) { 13424 if (!document.querySelector(":focus")) { 13425 if (element.hasAttribute("autofocus") && document.querySelector("[autofocus]") === element) { 13426 return element.focus(); 13427 } 13428 } 13429 }; 13430 const makeEditable = function (element) { 13431 if (element.hasAttribute("contenteditable")) { 13432 return; 13433 } 13434 element.toggleAttribute("contenteditable", !element.disabled); 13435 return handleEventOnce("focus", { 13436 onElement: element, 13437 withCallback() { 13438 return configureContentEditable(element); 13439 } 13440 }); 13441 }; 13442 const configureContentEditable = function (element) { 13443 disableObjectResizing(element); 13444 return setDefaultParagraphSeparator(element); 13445 }; 13446 const disableObjectResizing = function (element) { 13447 var _document$queryComman, _document; 13448 if ((_document$queryComman = (_document = document).queryCommandSupported) !== null && _document$queryComman !== void 0 && _document$queryComman.call(_document, "enableObjectResizing")) { 13449 document.execCommand("enableObjectResizing", false, false); 13450 return handleEvent("mscontrolselect", { 13451 onElement: element, 13452 preventDefault: true 13453 }); 13454 } 13455 }; 13456 const setDefaultParagraphSeparator = function (element) { 13457 var _document$queryComman2, _document2; 13458 if ((_document$queryComman2 = (_document2 = document).queryCommandSupported) !== null && _document$queryComman2 !== void 0 && _document$queryComman2.call(_document2, "DefaultParagraphSeparator")) { 13459 const { 13460 tagName 13461 } = attributes.default; 13462 if (["div", "p"].includes(tagName)) { 13463 return document.execCommand("DefaultParagraphSeparator", false, tagName); 13464 } 13465 } 13466 }; 13467 13468 // Accessibility helpers 13469 13470 const addAccessibilityRole = function (element) { 13471 if (element.hasAttribute("role")) { 13472 return; 13473 } 13474 return element.setAttribute("role", "textbox"); 13475 }; 13476 const ensureAriaLabel = function (element) { 13477 if (element.hasAttribute("aria-label") || element.hasAttribute("aria-labelledby")) { 13478 return; 13479 } 13480 const update = function () { 13481 const texts = Array.from(element.labels).map(label => { 13482 if (!label.contains(element)) return label.textContent; 13483 }).filter(text => text); 13484 const text = texts.join(" "); 13485 if (text) { 13486 return element.setAttribute("aria-label", text); 13487 } else { 13488 return element.removeAttribute("aria-label"); 13489 } 13490 }; 13491 update(); 13492 return handleEvent("focus", { 13493 onElement: element, 13494 withCallback: update 13495 }); 13496 }; 13497 13498 // Style 13499 13500 const cursorTargetStyles = function () { 13501 if (browser$1.forcesObjectResizing) { 13502 return { 13503 display: "inline", 13504 width: "auto" 13505 }; 13506 } else { 13507 return { 13508 display: "inline-block", 13509 width: "1px" 13510 }; 13511 } 13512 }(); 13513 installDefaultCSSForTagName("trix-editor", "%t {\n display: block;\n}\n\n%t:empty::before {\n content: attr(placeholder);\n color: graytext;\n cursor: text;\n pointer-events: none;\n white-space: pre-line;\n}\n\n%t a[contenteditable=false] {\n cursor: text;\n}\n\n%t img {\n max-width: 100%;\n height: auto;\n}\n\n%t ".concat(attachmentSelector, " figcaption textarea {\n resize: none;\n}\n\n%t ").concat(attachmentSelector, " figcaption textarea.trix-autoresize-clone {\n position: absolute;\n left: -9999px;\n max-height: 0px;\n}\n\n%t ").concat(attachmentSelector, " figcaption[data-trix-placeholder]:empty::before {\n content: attr(data-trix-placeholder);\n color: graytext;\n}\n\n%t [data-trix-cursor-target] {\n display: ").concat(cursorTargetStyles.display, " !important;\n width: ").concat(cursorTargetStyles.width, " !important;\n padding: 0 !important;\n margin: 0 !important;\n border: none !important;\n}\n\n%t [data-trix-cursor-target=left] {\n vertical-align: top !important;\n margin-left: -1px !important;\n}\n\n%t [data-trix-cursor-target=right] {\n vertical-align: bottom !important;\n margin-right: -1px !important;\n}")); 13514 var _internals = /*#__PURE__*/new WeakMap(); 13515 var _formDisabled = /*#__PURE__*/new WeakMap(); 13516 var _validate = /*#__PURE__*/new WeakSet(); 13517 class ElementInternalsDelegate { 13518 constructor(element) { 13519 _classPrivateMethodInitSpec(this, _validate); 13520 _defineProperty(this, "value", ""); 13521 _classPrivateFieldInitSpec(this, _internals, { 13522 writable: true, 13523 value: void 0 13524 }); 13525 _classPrivateFieldInitSpec(this, _formDisabled, { 13526 writable: true, 13527 value: void 0 13528 }); 13529 this.element = element; 13530 _classPrivateFieldSet(this, _internals, element.attachInternals()); 13531 _classPrivateFieldSet(this, _formDisabled, false); 13532 } 13533 connectedCallback() { 13534 _classPrivateMethodGet(this, _validate, _validate2).call(this); 13535 } 13536 disconnectedCallback() {} 13537 get form() { 13538 return _classPrivateFieldGet(this, _internals).form; 13539 } 13540 get name() { 13541 return this.element.getAttribute("name"); 13542 } 13543 set name(value) { 13544 this.element.setAttribute("name", value); 13545 } 13546 get labels() { 13547 return _classPrivateFieldGet(this, _internals).labels; 13548 } 13549 get disabled() { 13550 return _classPrivateFieldGet(this, _formDisabled) || this.element.hasAttribute("disabled"); 13551 } 13552 set disabled(value) { 13553 this.element.toggleAttribute("disabled", value); 13554 } 13555 get required() { 13556 return this.element.hasAttribute("required"); 13557 } 13558 set required(value) { 13559 this.element.toggleAttribute("required", value); 13560 _classPrivateMethodGet(this, _validate, _validate2).call(this); 13561 } 13562 get validity() { 13563 return _classPrivateFieldGet(this, _internals).validity; 13564 } 13565 get validationMessage() { 13566 return _classPrivateFieldGet(this, _internals).validationMessage; 13567 } 13568 get willValidate() { 13569 return _classPrivateFieldGet(this, _internals).willValidate; 13570 } 13571 formDisabledCallback(disabled) { 13572 _classPrivateFieldSet(this, _formDisabled, disabled); 13573 } 13574 setFormValue(value) { 13575 this.value = value; 13576 _classPrivateMethodGet(this, _validate, _validate2).call(this); 13577 _classPrivateFieldGet(this, _internals).setFormValue(this.element.disabled ? undefined : this.value); 13578 } 13579 checkValidity() { 13580 return _classPrivateFieldGet(this, _internals).checkValidity(); 13581 } 13582 reportValidity() { 13583 return _classPrivateFieldGet(this, _internals).reportValidity(); 13584 } 13585 setCustomValidity(validationMessage) { 13586 _classPrivateMethodGet(this, _validate, _validate2).call(this, validationMessage); 13587 } 13588 } 13589 function _validate2() { 13590 let customValidationMessage = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ""; 13591 const { 13592 required, 13593 value 13594 } = this.element; 13595 const valueMissing = required && !value; 13596 const customError = !!customValidationMessage; 13597 const input = makeElement("input", { 13598 required 13599 }); 13600 const validationMessage = customValidationMessage || input.validationMessage; 13601 _classPrivateFieldGet(this, _internals).setValidity({ 13602 valueMissing, 13603 customError 13604 }, validationMessage); 13605 } 13606 var _focusHandler = /*#__PURE__*/new WeakMap(); 13607 var _resetBubbled = /*#__PURE__*/new WeakMap(); 13608 var _clickBubbled = /*#__PURE__*/new WeakMap(); 13609 class LegacyDelegate { 13610 constructor(element) { 13611 _classPrivateFieldInitSpec(this, _focusHandler, { 13612 writable: true, 13613 value: void 0 13614 }); 13615 _classPrivateFieldInitSpec(this, _resetBubbled, { 13616 writable: true, 13617 value: event => { 13618 if (event.defaultPrevented) return; 13619 if (event.target !== this.element.form) return; 13620 this.element.reset(); 13621 } 13622 }); 13623 _classPrivateFieldInitSpec(this, _clickBubbled, { 13624 writable: true, 13625 value: event => { 13626 if (event.defaultPrevented) return; 13627 if (this.element.contains(event.target)) return; 13628 const label = findClosestElementFromNode(event.target, { 13629 matchingSelector: "label" 13630 }); 13631 if (!label) return; 13632 if (!Array.from(this.labels).includes(label)) return; 13633 this.element.focus(); 13634 } 13635 }); 13636 this.element = element; 13637 } 13638 connectedCallback() { 13639 _classPrivateFieldSet(this, _focusHandler, ensureAriaLabel(this.element)); 13640 window.addEventListener("reset", _classPrivateFieldGet(this, _resetBubbled), false); 13641 window.addEventListener("click", _classPrivateFieldGet(this, _clickBubbled), false); 13642 } 13643 disconnectedCallback() { 13644 var _classPrivateFieldGet2; 13645 (_classPrivateFieldGet2 = _classPrivateFieldGet(this, _focusHandler)) === null || _classPrivateFieldGet2 === void 0 || _classPrivateFieldGet2.destroy(); 13646 window.removeEventListener("reset", _classPrivateFieldGet(this, _resetBubbled), false); 13647 window.removeEventListener("click", _classPrivateFieldGet(this, _clickBubbled), false); 13648 } 13649 get labels() { 13650 const labels = []; 13651 if (this.element.id && this.element.ownerDocument) { 13652 labels.push(...Array.from(this.element.ownerDocument.querySelectorAll("label[for='".concat(this.element.id, "']")) || [])); 13653 } 13654 const label = findClosestElementFromNode(this.element, { 13655 matchingSelector: "label" 13656 }); 13657 if (label) { 13658 if ([this.element, null].includes(label.control)) { 13659 labels.push(label); 13660 } 13661 } 13662 return labels; 13663 } 13664 get form() { 13665 console.warn("This browser does not support the .form property for trix-editor elements."); 13666 return null; 13667 } 13668 get name() { 13669 console.warn("This browser does not support the .name property for trix-editor elements."); 13670 return null; 13671 } 13672 set name(value) { 13673 console.warn("This browser does not support the .name property for trix-editor elements."); 13674 } 13675 get disabled() { 13676 console.warn("This browser does not support the [disabled] attribute for trix-editor elements."); 13677 return false; 13678 } 13679 set disabled(value) { 13680 console.warn("This browser does not support the [disabled] attribute for trix-editor elements."); 13681 } 13682 get required() { 13683 console.warn("This browser does not support the [required] attribute for trix-editor elements."); 13684 return false; 13685 } 13686 set required(value) { 13687 console.warn("This browser does not support the [required] attribute for trix-editor elements."); 13688 } 13689 get validity() { 13690 console.warn("This browser does not support the validity property for trix-editor elements."); 13691 return null; 13692 } 13693 get validationMessage() { 13694 console.warn("This browser does not support the validationMessage property for trix-editor elements."); 13695 return ""; 13696 } 13697 get willValidate() { 13698 console.warn("This browser does not support the willValidate property for trix-editor elements."); 13699 return false; 13700 } 13701 formDisabledCallback(value) {} 13702 setFormValue(value) {} 13703 checkValidity() { 13704 console.warn("This browser does not support checkValidity() for trix-editor elements."); 13705 return true; 13706 } 13707 reportValidity() { 13708 console.warn("This browser does not support reportValidity() for trix-editor elements."); 13709 return true; 13710 } 13711 setCustomValidity(validationMessage) { 13712 console.warn("This browser does not support setCustomValidity(validationMessage) for trix-editor elements."); 13713 } 13714 } 13715 var _delegate = /*#__PURE__*/new WeakMap(); 13716 class TrixEditorElement extends HTMLElement { 13717 constructor() { 13718 super(); 13719 _classPrivateFieldInitSpec(this, _delegate, { 13720 writable: true, 13721 value: void 0 13722 }); 13723 this.willCreateInput = true; 13724 _classPrivateFieldSet(this, _delegate, this.constructor.formAssociated ? new ElementInternalsDelegate(this) : new LegacyDelegate(this)); 13725 } 13726 13727 // Properties 13728 13729 get trixId() { 13730 if (this.hasAttribute("trix-id")) { 13731 return this.getAttribute("trix-id"); 13732 } else { 13733 this.setAttribute("trix-id", ++id); 13734 return this.trixId; 13735 } 13736 } 13737 get labels() { 13738 return _classPrivateFieldGet(this, _delegate).labels; 13739 } 13740 get disabled() { 13741 const { 13742 inputElement 13743 } = this; 13744 if (inputElement) { 13745 return inputElement.disabled; 13746 } else { 13747 return _classPrivateFieldGet(this, _delegate).disabled; 13748 } 13749 } 13750 set disabled(value) { 13751 const { 13752 inputElement 13753 } = this; 13754 if (inputElement) { 13755 inputElement.disabled = value; 13756 } 13757 _classPrivateFieldGet(this, _delegate).disabled = value; 13758 } 13759 get required() { 13760 return _classPrivateFieldGet(this, _delegate).required; 13761 } 13762 set required(value) { 13763 _classPrivateFieldGet(this, _delegate).required = value; 13764 } 13765 get validity() { 13766 return _classPrivateFieldGet(this, _delegate).validity; 13767 } 13768 get validationMessage() { 13769 return _classPrivateFieldGet(this, _delegate).validationMessage; 13770 } 13771 get willValidate() { 13772 return _classPrivateFieldGet(this, _delegate).willValidate; 13773 } 13774 get type() { 13775 return this.localName; 13776 } 13777 get toolbarElement() { 13778 if (this.hasAttribute("toolbar")) { 13779 var _this$ownerDocument; 13780 return (_this$ownerDocument = this.ownerDocument) === null || _this$ownerDocument === void 0 ? void 0 : _this$ownerDocument.getElementById(this.getAttribute("toolbar")); 13781 } else if (this.parentNode) { 13782 const toolbarId = "trix-toolbar-".concat(this.trixId); 13783 this.setAttribute("toolbar", toolbarId); 13784 this.internalToolbar = makeElement("trix-toolbar", { 13785 id: toolbarId 13786 }); 13787 this.parentNode.insertBefore(this.internalToolbar, this); 13788 return this.internalToolbar; 13789 } else { 13790 return undefined; 13791 } 13792 } 13793 get form() { 13794 const { 13795 inputElement 13796 } = this; 13797 if (inputElement) { 13798 return inputElement.form; 13799 } else { 13800 return _classPrivateFieldGet(this, _delegate).form; 13801 } 13802 } 13803 get inputElement() { 13804 if (this.hasAttribute("input")) { 13805 var _this$ownerDocument2; 13806 return (_this$ownerDocument2 = this.ownerDocument) === null || _this$ownerDocument2 === void 0 ? void 0 : _this$ownerDocument2.getElementById(this.getAttribute("input")); 13807 } else { 13808 return undefined; 13809 } 13810 } 13811 get editor() { 13812 var _this$editorControlle; 13813 return (_this$editorControlle = this.editorController) === null || _this$editorControlle === void 0 ? void 0 : _this$editorControlle.editor; 13814 } 13815 get name() { 13816 const { 13817 inputElement 13818 } = this; 13819 if (inputElement) { 13820 return inputElement.name; 13821 } else { 13822 return _classPrivateFieldGet(this, _delegate).name; 13823 } 13824 } 13825 set name(value) { 13826 const { 13827 inputElement 13828 } = this; 13829 if (inputElement) { 13830 inputElement.name = value; 13831 } else { 13832 _classPrivateFieldGet(this, _delegate).name = value; 13833 } 13834 } 13835 get value() { 13836 const { 13837 inputElement 13838 } = this; 13839 if (inputElement) { 13840 return inputElement.value; 13841 } else { 13842 return _classPrivateFieldGet(this, _delegate).value; 13843 } 13844 } 13845 set value(defaultValue) { 13846 var _this$editor; 13847 this.defaultValue = defaultValue; 13848 (_this$editor = this.editor) === null || _this$editor === void 0 || _this$editor.loadHTML(this.defaultValue); 13849 } 13850 13851 // Element callbacks 13852 13853 attributeChangedCallback(name, oldValue, newValue) { 13854 if (name === "connected" && this.isConnected && oldValue != null && oldValue !== newValue) { 13855 requestAnimationFrame(() => this.reconnect()); 13856 } 13857 } 13858 13859 // Controller delegate methods 13860 13861 notify(message, data) { 13862 if (this.editorController) { 13863 return triggerEvent("trix-".concat(message), { 13864 onElement: this, 13865 attributes: data 13866 }); 13867 } 13868 } 13869 setFormValue(value) { 13870 const { 13871 inputElement 13872 } = this; 13873 if (inputElement) { 13874 inputElement.value = value; 13875 } 13876 _classPrivateFieldGet(this, _delegate).setFormValue(value); 13877 } 13878 13879 // Element lifecycle 13880 13881 connectedCallback() { 13882 if (!this.hasAttribute("data-trix-internal")) { 13883 makeEditable(this); 13884 addAccessibilityRole(this); 13885 if (!this.editorController) { 13886 triggerEvent("trix-before-initialize", { 13887 onElement: this 13888 }); 13889 this.defaultValue = this.inputElement ? this.inputElement.value : this.innerHTML; 13890 if (!this.hasAttribute("input") && this.parentNode && this.willCreateInput) { 13891 const inputId = "trix-input-".concat(this.trixId); 13892 this.setAttribute("input", inputId); 13893 const element = makeElement("input", { 13894 type: "hidden", 13895 id: inputId 13896 }); 13897 this.parentNode.insertBefore(element, this.nextElementSibling); 13898 } 13899 this.editorController = new EditorController({ 13900 editorElement: this, 13901 html: this.defaultValue 13902 }); 13903 requestAnimationFrame(() => triggerEvent("trix-initialize", { 13904 onElement: this 13905 })); 13906 } 13907 this.editorController.registerSelectionManager(); 13908 _classPrivateFieldGet(this, _delegate).connectedCallback(); 13909 this.toggleAttribute("connected", true); 13910 autofocus(this); 13911 } 13912 } 13913 disconnectedCallback() { 13914 var _this$editorControlle2; 13915 (_this$editorControlle2 = this.editorController) === null || _this$editorControlle2 === void 0 || _this$editorControlle2.unregisterSelectionManager(); 13916 _classPrivateFieldGet(this, _delegate).disconnectedCallback(); 13917 this.toggleAttribute("connected", false); 13918 } 13919 reconnect() { 13920 this.removeInternalToolbar(); 13921 this.disconnectedCallback(); 13922 this.connectedCallback(); 13923 } 13924 removeInternalToolbar() { 13925 var _this$internalToolbar; 13926 (_this$internalToolbar = this.internalToolbar) === null || _this$internalToolbar === void 0 || _this$internalToolbar.remove(); 13927 this.internalToolbar = null; 13928 } 13929 13930 // Form support 13931 13932 checkValidity() { 13933 return _classPrivateFieldGet(this, _delegate).checkValidity(); 13934 } 13935 reportValidity() { 13936 return _classPrivateFieldGet(this, _delegate).reportValidity(); 13937 } 13938 setCustomValidity(validationMessage) { 13939 _classPrivateFieldGet(this, _delegate).setCustomValidity(validationMessage); 13940 } 13941 formDisabledCallback(disabled) { 13942 const { 13943 inputElement 13944 } = this; 13945 if (inputElement) { 13946 inputElement.disabled = disabled; 13947 } 13948 this.toggleAttribute("contenteditable", !disabled); 13949 _classPrivateFieldGet(this, _delegate).formDisabledCallback(disabled); 13950 } 13951 formResetCallback() { 13952 this.reset(); 13953 } 13954 reset() { 13955 this.value = this.defaultValue; 13956 } 13957 } 13958 _defineProperty(TrixEditorElement, "formAssociated", "ElementInternals" in window); 13959 _defineProperty(TrixEditorElement, "observedAttributes", ["connected"]); 13960 13961 var elements = /*#__PURE__*/Object.freeze({ 13962 __proto__: null, 13963 TrixEditorElement: TrixEditorElement, 13964 TrixToolbarElement: TrixToolbarElement 13965 }); 13966 13967 var filters = /*#__PURE__*/Object.freeze({ 13968 __proto__: null, 13969 Filter: Filter, 13970 attachmentGalleryFilter: attachmentGalleryFilter 13971 }); 13972 13973 const Trix = { 13974 VERSION: version, 13975 config, 13976 core, 13977 models, 13978 views, 13979 controllers, 13980 observers, 13981 operations, 13982 elements, 13983 filters 13984 }; 13985 13986 // Expose models under the Trix constant for compatibility with v1 13987 Object.assign(Trix, models); 13988 function start() { 13989 if (!customElements.get("trix-toolbar")) { 13990 customElements.define("trix-toolbar", TrixToolbarElement); 13991 } 13992 if (!customElements.get("trix-editor")) { 13993 customElements.define("trix-editor", TrixEditorElement); 13994 } 13995 } 13996 window.Trix = Trix; 13997 setTimeout(start, 0); 13998 13999 return Trix; 14000 14001}));
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.