this["wp"] = this["wp"] || {}; this["wp"]["dom"] = /******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) { /******/ return installedModules[moduleId].exports; /******/ } /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ i: moduleId, /******/ l: false, /******/ exports: {} /******/ }; /******/ /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ /******/ // Flag the module as loaded /******/ module.l = true; /******/ /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ /******/ /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ /******/ // define getter function for harmony exports /******/ __webpack_require__.d = function(exports, name, getter) { /******/ if(!__webpack_require__.o(exports, name)) { /******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); /******/ } /******/ }; /******/ /******/ // define __esModule on exports /******/ __webpack_require__.r = function(exports) { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; /******/ /******/ // create a fake namespace object /******/ // mode & 1: value is a module id, require it /******/ // mode & 2: merge all properties of value into the ns /******/ // mode & 4: return value when already ns object /******/ // mode & 8|1: behave like require /******/ __webpack_require__.t = function(value, mode) { /******/ if(mode & 1) value = __webpack_require__(value); /******/ if(mode & 8) return value; /******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; /******/ var ns = Object.create(null); /******/ __webpack_require__.r(ns); /******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); /******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); /******/ return ns; /******/ }; /******/ /******/ // getDefaultExport function for compatibility with non-harmony modules /******/ __webpack_require__.n = function(module) { /******/ var getter = module && module.__esModule ? /******/ function getDefault() { return module['default']; } : /******/ function getModuleExports() { return module; }; /******/ __webpack_require__.d(getter, 'a', getter); /******/ return getter; /******/ }; /******/ /******/ // Object.prototype.hasOwnProperty.call /******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; /******/ /******/ // __webpack_public_path__ /******/ __webpack_require__.p = ""; /******/ /******/ /******/ // Load entry module and return exports /******/ return __webpack_require__(__webpack_require__.s = 479); /******/ }) /************************************************************************/ /******/ ({ /***/ 2: /***/ (function(module, exports) { (function() { module.exports = this["lodash"]; }()); /***/ }), /***/ 479: /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; // ESM COMPAT FLAG __webpack_require__.r(__webpack_exports__); // EXPORTS __webpack_require__.d(__webpack_exports__, "focus", function() { return /* binding */ build_module_focus; }); __webpack_require__.d(__webpack_exports__, "isHorizontalEdge", function() { return /* reexport */ isHorizontalEdge; }); __webpack_require__.d(__webpack_exports__, "isVerticalEdge", function() { return /* reexport */ isVerticalEdge; }); __webpack_require__.d(__webpack_exports__, "getRectangleFromRange", function() { return /* reexport */ getRectangleFromRange; }); __webpack_require__.d(__webpack_exports__, "computeCaretRect", function() { return /* reexport */ computeCaretRect; }); __webpack_require__.d(__webpack_exports__, "placeCaretAtHorizontalEdge", function() { return /* reexport */ placeCaretAtHorizontalEdge; }); __webpack_require__.d(__webpack_exports__, "placeCaretAtVerticalEdge", function() { return /* reexport */ placeCaretAtVerticalEdge; }); __webpack_require__.d(__webpack_exports__, "isTextField", function() { return /* reexport */ isTextField; }); __webpack_require__.d(__webpack_exports__, "isNumberInput", function() { return /* reexport */ isNumberInput; }); __webpack_require__.d(__webpack_exports__, "documentHasTextSelection", function() { return /* reexport */ documentHasTextSelection; }); __webpack_require__.d(__webpack_exports__, "documentHasUncollapsedSelection", function() { return /* reexport */ documentHasUncollapsedSelection; }); __webpack_require__.d(__webpack_exports__, "documentHasSelection", function() { return /* reexport */ documentHasSelection; }); __webpack_require__.d(__webpack_exports__, "isEntirelySelected", function() { return /* reexport */ isEntirelySelected; }); __webpack_require__.d(__webpack_exports__, "getScrollContainer", function() { return /* reexport */ getScrollContainer; }); __webpack_require__.d(__webpack_exports__, "getOffsetParent", function() { return /* reexport */ getOffsetParent; }); __webpack_require__.d(__webpack_exports__, "replace", function() { return /* reexport */ replace; }); __webpack_require__.d(__webpack_exports__, "remove", function() { return /* reexport */ remove; }); __webpack_require__.d(__webpack_exports__, "insertAfter", function() { return /* reexport */ insertAfter; }); __webpack_require__.d(__webpack_exports__, "unwrap", function() { return /* reexport */ unwrap; }); __webpack_require__.d(__webpack_exports__, "replaceTag", function() { return /* reexport */ replaceTag; }); __webpack_require__.d(__webpack_exports__, "wrap", function() { return /* reexport */ wrap; }); __webpack_require__.d(__webpack_exports__, "__unstableStripHTML", function() { return /* reexport */ __unstableStripHTML; }); __webpack_require__.d(__webpack_exports__, "isEmpty", function() { return /* reexport */ isEmpty; }); __webpack_require__.d(__webpack_exports__, "removeInvalidHTML", function() { return /* reexport */ removeInvalidHTML; }); __webpack_require__.d(__webpack_exports__, "getPhrasingContentSchema", function() { return /* reexport */ getPhrasingContentSchema; }); __webpack_require__.d(__webpack_exports__, "isPhrasingContent", function() { return /* reexport */ isPhrasingContent; }); __webpack_require__.d(__webpack_exports__, "isTextContent", function() { return /* reexport */ isTextContent; }); // NAMESPACE OBJECT: ./node_modules/@wordpress/dom/build-module/focusable.js var focusable_namespaceObject = {}; __webpack_require__.r(focusable_namespaceObject); __webpack_require__.d(focusable_namespaceObject, "find", function() { return find; }); // NAMESPACE OBJECT: ./node_modules/@wordpress/dom/build-module/tabbable.js var tabbable_namespaceObject = {}; __webpack_require__.r(tabbable_namespaceObject); __webpack_require__.d(tabbable_namespaceObject, "isTabbableIndex", function() { return isTabbableIndex; }); __webpack_require__.d(tabbable_namespaceObject, "find", function() { return tabbable_find; }); __webpack_require__.d(tabbable_namespaceObject, "findPrevious", function() { return findPrevious; }); __webpack_require__.d(tabbable_namespaceObject, "findNext", function() { return findNext; }); // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/focusable.js /** * References: * * Focusable: * - https://www.w3.org/TR/html5/editing.html#focus-management * * Sequential focus navigation: * - https://www.w3.org/TR/html5/editing.html#sequential-focus-navigation-and-the-tabindex-attribute * * Disabled elements: * - https://www.w3.org/TR/html5/disabled-elements.html#disabled-elements * * getClientRects algorithm (requiring layout box): * - https://www.w3.org/TR/cssom-view-1/#extension-to-the-element-interface * * AREA elements associated with an IMG: * - https://w3c.github.io/html/editing.html#data-model */ var SELECTOR = ['[tabindex]', 'a[href]', 'button:not([disabled])', 'input:not([type="hidden"]):not([disabled])', 'select:not([disabled])', 'textarea:not([disabled])', 'iframe', 'object', 'embed', 'area[href]', '[contenteditable]:not([contenteditable=false])'].join(','); /** * Returns true if the specified element is visible (i.e. neither display: none * nor visibility: hidden). * * @param {Element} element DOM element to test. * * @return {boolean} Whether element is visible. */ function isVisible(element) { return element.offsetWidth > 0 || element.offsetHeight > 0 || element.getClientRects().length > 0; } /** * Returns true if the specified element should be skipped from focusable elements. * For now it rather specific for `iframes` and if tabindex attribute is set to -1. * * @param {Element} element DOM element to test. * * @return {boolean} Whether element should be skipped from focusable elements. */ function skipFocus(element) { return element.nodeName.toLowerCase() === 'iframe' && element.getAttribute('tabindex') === '-1'; } /** * Returns true if the specified area element is a valid focusable element, or * false otherwise. Area is only focusable if within a map where a named map * referenced by an image somewhere in the document. * * @param {Element} element DOM area element to test. * * @return {boolean} Whether area element is valid for focus. */ function isValidFocusableArea(element) { var map = element.closest('map[name]'); if (!map) { return false; } var img = element.ownerDocument.querySelector('img[usemap="#' + map.name + '"]'); return !!img && isVisible(img); } /** * Returns all focusable elements within a given context. * * @param {Element} context Element in which to search. * * @return {Element[]} Focusable elements. */ function find(context) { var elements = context.querySelectorAll(SELECTOR); return Array.from(elements).filter(function (element) { if (!isVisible(element) || skipFocus(element)) { return false; } var nodeName = element.nodeName; if ('AREA' === nodeName) { return isValidFocusableArea(element); } return true; }); } // EXTERNAL MODULE: external {"this":"lodash"} var external_this_lodash_ = __webpack_require__(2); // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/tabbable.js /** * External dependencies */ /** * Internal dependencies */ /** * Returns the tab index of the given element. In contrast with the tabIndex * property, this normalizes the default (0) to avoid browser inconsistencies, * operating under the assumption that this function is only ever called with a * focusable node. * * @see https://bugzilla.mozilla.org/show_bug.cgi?id=1190261 * * @param {Element} element Element from which to retrieve. * * @return {?number} Tab index of element (default 0). */ function getTabIndex(element) { var tabIndex = element.getAttribute('tabindex'); return tabIndex === null ? 0 : parseInt(tabIndex, 10); } /** * Returns true if the specified element is tabbable, or false otherwise. * * @param {Element} element Element to test. * * @return {boolean} Whether element is tabbable. */ function isTabbableIndex(element) { return getTabIndex(element) !== -1; } /** * Returns a stateful reducer function which constructs a filtered array of * tabbable elements, where at most one radio input is selected for a given * name, giving priority to checked input, falling back to the first * encountered. * * @return {Function} Radio group collapse reducer. */ function createStatefulCollapseRadioGroup() { var CHOSEN_RADIO_BY_NAME = {}; return function collapseRadioGroup(result, element) { var nodeName = element.nodeName, type = element.type, checked = element.checked, name = element.name; // For all non-radio tabbables, construct to array by concatenating. if (nodeName !== 'INPUT' || type !== 'radio' || !name) { return result.concat(element); } var hasChosen = CHOSEN_RADIO_BY_NAME.hasOwnProperty(name); // Omit by skipping concatenation if the radio element is not chosen. var isChosen = checked || !hasChosen; if (!isChosen) { return result; } // At this point, if there had been a chosen element, the current // element is checked and should take priority. Retroactively remove // the element which had previously been considered the chosen one. if (hasChosen) { var hadChosenElement = CHOSEN_RADIO_BY_NAME[name]; result = Object(external_this_lodash_["without"])(result, hadChosenElement); } CHOSEN_RADIO_BY_NAME[name] = element; return result.concat(element); }; } /** * An array map callback, returning an object with the element value and its * array index location as properties. This is used to emulate a proper stable * sort where equal tabIndex should be left in order of their occurrence in the * document. * * @param {Element} element Element. * @param {number} index Array index of element. * * @return {Object} Mapped object with element, index. */ function mapElementToObjectTabbable(element, index) { return { element: element, index: index }; } /** * An array map callback, returning an element of the given mapped object's * element value. * * @param {Object} object Mapped object with index. * * @return {Element} Mapped object element. */ function mapObjectTabbableToElement(object) { return object.element; } /** * A sort comparator function used in comparing two objects of mapped elements. * * @see mapElementToObjectTabbable * * @param {Object} a First object to compare. * @param {Object} b Second object to compare. * * @return {number} Comparator result. */ function compareObjectTabbables(a, b) { var aTabIndex = getTabIndex(a.element); var bTabIndex = getTabIndex(b.element); if (aTabIndex === bTabIndex) { return a.index - b.index; } return aTabIndex - bTabIndex; } /** * Givin focusable elements, filters out tabbable element. * * @param {Array} focusables Focusable elements to filter. * * @return {Array} Tabbable elements. */ function filterTabbable(focusables) { return focusables.filter(isTabbableIndex).map(mapElementToObjectTabbable).sort(compareObjectTabbables).map(mapObjectTabbableToElement).reduce(createStatefulCollapseRadioGroup(), []); } function tabbable_find(context) { return filterTabbable(find(context)); } /** * Given a focusable element, find the preceding tabbable element. * * @param {Element} element The focusable element before which to look. Defaults * to the active element. */ function findPrevious(element) { var focusables = find(element.ownerDocument.body); var index = focusables.indexOf(element); // Remove all focusables after and including `element`. focusables.length = index; return Object(external_this_lodash_["last"])(filterTabbable(focusables)); } /** * Given a focusable element, find the next tabbable element. * * @param {Element} element The focusable element after which to look. Defaults * to the active element. */ function findNext(element) { var focusables = find(element.ownerDocument.body); var index = focusables.indexOf(element); // Remove all focusables before and inside `element`. var remaining = focusables.slice(index + 1).filter(function (node) { return !element.contains(node); }); return Object(external_this_lodash_["first"])(filterTabbable(remaining)); } // EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/defineProperty.js var defineProperty = __webpack_require__(5); // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/phrasing-content.js function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; } function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; } /** * External dependencies */ /** * All phrasing content elements. * * @see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content-0 */ /** * All text-level semantic elements. * * @see https://html.spec.whatwg.org/multipage/text-level-semantics.html */ var textContentSchema = { strong: {}, em: {}, s: {}, del: {}, ins: {}, a: { attributes: ['href', 'target', 'rel'] }, code: {}, abbr: { attributes: ['title'] }, sub: {}, sup: {}, br: {}, small: {}, // To do: fix blockquote. // cite: {}, q: { attributes: ['cite'] }, dfn: { attributes: ['title'] }, data: { attributes: ['value'] }, time: { attributes: ['datetime'] }, var: {}, samp: {}, kbd: {}, i: {}, b: {}, u: {}, mark: {}, ruby: {}, rt: {}, rp: {}, bdi: { attributes: ['dir'] }, bdo: { attributes: ['dir'] }, wbr: {}, '#text': {} }; // Recursion is needed. // Possible: strong > em > strong. // Impossible: strong > strong. Object(external_this_lodash_["without"])(Object.keys(textContentSchema), '#text', 'br').forEach(function (tag) { textContentSchema[tag].children = Object(external_this_lodash_["omit"])(textContentSchema, tag); }); /** * Embedded content elements. * * @see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#embedded-content-0 */ var embeddedContentSchema = { audio: { attributes: ['src', 'preload', 'autoplay', 'mediagroup', 'loop', 'muted'] }, canvas: { attributes: ['width', 'height'] }, embed: { attributes: ['src', 'type', 'width', 'height'] }, img: { attributes: ['alt', 'src', 'srcset', 'usemap', 'ismap', 'width', 'height'] }, object: { attributes: ['data', 'type', 'name', 'usemap', 'form', 'width', 'height'] }, video: { attributes: ['src', 'poster', 'preload', 'autoplay', 'mediagroup', 'loop', 'muted', 'controls', 'width', 'height'] } }; /** * Phrasing content elements. * * @see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content-0 */ var phrasingContentSchema = _objectSpread(_objectSpread({}, textContentSchema), embeddedContentSchema); /** * Get schema of possible paths for phrasing content. * * @see https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content * * @param {string} context Set to "paste" to exclude invisible elements and * sensitive data. * * @return {Object} Schema. */ function getPhrasingContentSchema(context) { if (context !== 'paste') { return phrasingContentSchema; } return Object(external_this_lodash_["omit"])(_objectSpread(_objectSpread({}, phrasingContentSchema), {}, { // We shouldn't paste potentially sensitive information which is not // visible to the user when pasted, so strip the attributes. ins: { children: phrasingContentSchema.ins.children }, del: { children: phrasingContentSchema.del.children } }), ['u', // Used to mark misspelling. Shouldn't be pasted. 'abbr', // Invisible. 'data', // Invisible. 'time', // Invisible. 'wbr', // Invisible. 'bdi', // Invisible. 'bdo' // Invisible. ]); } /** * Find out whether or not the given node is phrasing content. * * @see https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content * * @param {Element} node The node to test. * * @return {boolean} True if phrasing content, false if not. */ function isPhrasingContent(node) { var tag = node.nodeName.toLowerCase(); return getPhrasingContentSchema().hasOwnProperty(tag) || tag === 'span'; } function isTextContent(node) { var tag = node.nodeName.toLowerCase(); return textContentSchema.hasOwnProperty(tag) || tag === 'span'; } // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom.js /** * External dependencies */ /** * Internal dependencies */ function getComputedStyle(node) { return node.ownerDocument.defaultView.getComputedStyle(node); } /** * Returns true if the given selection object is in the forward direction, or * false otherwise. * * @see https://developer.mozilla.org/en-US/docs/Web/API/Node/compareDocumentPosition * * @param {Selection} selection Selection object to check. * * @return {boolean} Whether the selection is forward. */ function isSelectionForward(selection) { var anchorNode = selection.anchorNode, focusNode = selection.focusNode, anchorOffset = selection.anchorOffset, focusOffset = selection.focusOffset; var position = anchorNode.compareDocumentPosition(focusNode); // Disable reason: `Node#compareDocumentPosition` returns a bitmask value, // so bitwise operators are intended. /* eslint-disable no-bitwise */ // Compare whether anchor node precedes focus node. If focus node (where // end of selection occurs) is after the anchor node, it is forward. if (position & anchorNode.DOCUMENT_POSITION_PRECEDING) { return false; } if (position & anchorNode.DOCUMENT_POSITION_FOLLOWING) { return true; } /* eslint-enable no-bitwise */ // `compareDocumentPosition` returns 0 when passed the same node, in which // case compare offsets. if (position === 0) { return anchorOffset <= focusOffset; } // This should never be reached, but return true as default case. return true; } /** * Check whether the selection is at the edge of the container. Checks for * horizontal position by default. Set `onlyVertical` to true to check only * vertically. * * @param {Element} container Focusable element. * @param {boolean} isReverse Set to true to check left, false to check right. * @param {boolean} onlyVertical Set to true to check only vertical position. * * @return {boolean} True if at the edge, false if not. */ function isEdge(container, isReverse, onlyVertical) { if (Object(external_this_lodash_["includes"])(['INPUT', 'TEXTAREA'], container.tagName)) { if (container.selectionStart !== container.selectionEnd) { return false; } if (isReverse) { return container.selectionStart === 0; } return container.value.length === container.selectionStart; } if (!container.isContentEditable) { return true; } var ownerDocument = container.ownerDocument; var defaultView = ownerDocument.defaultView; var selection = defaultView.getSelection(); if (!selection.rangeCount) { return false; } var originalRange = selection.getRangeAt(0); var range = originalRange.cloneRange(); var isForward = isSelectionForward(selection); var isCollapsed = selection.isCollapsed; // Collapse in direction of selection. if (!isCollapsed) { range.collapse(!isForward); } var rangeRect = getRectangleFromRange(range); if (!rangeRect) { return false; } var computedStyle = getComputedStyle(container); var lineHeight = parseInt(computedStyle.lineHeight, 10) || 0; // Only consider the multiline selection at the edge if the direction is // towards the edge. if (!isCollapsed && rangeRect.height > lineHeight && isForward === isReverse) { return false; } var padding = parseInt(computedStyle["padding".concat(isReverse ? 'Top' : 'Bottom')], 10) || 0; // Calculate a buffer that is half the line height. In some browsers, the // selection rectangle may not fill the entire height of the line, so we add // 3/4 the line height to the selection rectangle to ensure that it is well // over its line boundary. var buffer = 3 * parseInt(lineHeight, 10) / 4; var containerRect = container.getBoundingClientRect(); var originalRangeRect = getRectangleFromRange(originalRange); var verticalEdge = isReverse ? containerRect.top + padding > originalRangeRect.top - buffer : containerRect.bottom - padding < originalRangeRect.bottom + buffer; if (!verticalEdge) { return false; } if (onlyVertical) { return true; } // In the case of RTL scripts, the horizontal edge is at the opposite side. var direction = computedStyle.direction; var isReverseDir = direction === 'rtl' ? !isReverse : isReverse; // To calculate the horizontal position, we insert a test range and see if // this test range has the same horizontal position. This method proves to // be better than a DOM-based calculation, because it ignores empty text // nodes and a trailing line break element. In other words, we need to check // visual positioning, not DOM positioning. var x = isReverseDir ? containerRect.left + 1 : containerRect.right - 1; var y = isReverse ? containerRect.top + buffer : containerRect.bottom - buffer; var testRange = hiddenCaretRangeFromPoint(ownerDocument, x, y, container); if (!testRange) { return false; } var side = isReverseDir ? 'left' : 'right'; var testRect = getRectangleFromRange(testRange); // Allow the position to be 1px off. return Math.abs(testRect[side] - rangeRect[side]) <= 1; } /** * Check whether the selection is horizontally at the edge of the container. * * @param {Element} container Focusable element. * @param {boolean} isReverse Set to true to check left, false for right. * * @return {boolean} True if at the horizontal edge, false if not. */ function isHorizontalEdge(container, isReverse) { return isEdge(container, isReverse); } /** * Check whether the selection is vertically at the edge of the container. * * @param {Element} container Focusable element. * @param {boolean} isReverse Set to true to check top, false for bottom. * * @return {boolean} True if at the vertical edge, false if not. */ function isVerticalEdge(container, isReverse) { return isEdge(container, isReverse, true); } /** * Get the rectangle of a given Range. * * @param {Range} range The range. * * @return {DOMRect} The rectangle. */ function getRectangleFromRange(range) { // For uncollapsed ranges, get the rectangle that bounds the contents of the // range; this a rectangle enclosing the union of the bounding rectangles // for all the elements in the range. if (!range.collapsed) { return range.getBoundingClientRect(); } var _range = range, startContainer = _range.startContainer; var ownerDocument = startContainer.ownerDocument; // Correct invalid "BR" ranges. The cannot contain any children. if (startContainer.nodeName === 'BR') { var parentNode = startContainer.parentNode; var index = Array.from(parentNode.childNodes).indexOf(startContainer); range = ownerDocument.createRange(); range.setStart(parentNode, index); range.setEnd(parentNode, index); } var rect = range.getClientRects()[0]; // If the collapsed range starts (and therefore ends) at an element node, // `getClientRects` can be empty in some browsers. This can be resolved // by adding a temporary text node with zero-width space to the range. // // See: https://stackoverflow.com/a/6847328/995445 if (!rect) { var padNode = ownerDocument.createTextNode("\u200B"); // Do not modify the live range. range = range.cloneRange(); range.insertNode(padNode); rect = range.getClientRects()[0]; padNode.parentNode.removeChild(padNode); } return rect; } /** * Get the rectangle for the selection in a container. * * @param {Window} win The window of the selection. * * @return {?DOMRect} The rectangle. */ function computeCaretRect(win) { var selection = win.getSelection(); var range = selection.rangeCount ? selection.getRangeAt(0) : null; if (!range) { return; } return getRectangleFromRange(range); } /** * Places the caret at start or end of a given element. * * @param {Element} container Focusable element. * @param {boolean} isReverse True for end, false for start. */ function placeCaretAtHorizontalEdge(container, isReverse) { if (!container) { return; } if (Object(external_this_lodash_["includes"])(['INPUT', 'TEXTAREA'], container.tagName)) { container.focus(); if (isReverse) { container.selectionStart = container.value.length; container.selectionEnd = container.value.length; } else { container.selectionStart = 0; container.selectionEnd = 0; } return; } container.focus(); if (!container.isContentEditable) { return; } // Select on extent child of the container, not the container itself. This // avoids the selection always being `endOffset` of 1 when placed at end, // where `startContainer`, `endContainer` would always be container itself. var rangeTarget = container[isReverse ? 'lastChild' : 'firstChild']; // If no range target, it implies that the container is empty. Focusing is // sufficient for caret to be placed correctly. if (!rangeTarget) { return; } var ownerDocument = container.ownerDocument; var defaultView = ownerDocument.defaultView; var selection = defaultView.getSelection(); var range = ownerDocument.createRange(); range.selectNodeContents(rangeTarget); range.collapse(!isReverse); selection.removeAllRanges(); selection.addRange(range); } /** * Polyfill. * Get a collapsed range for a given point. * * @see https://developer.mozilla.org/en-US/docs/Web/API/Document/caretRangeFromPoint * * @param {Document} doc The document of the range. * @param {number} x Horizontal position within the current viewport. * @param {number} y Vertical position within the current viewport. * * @return {?Range} The best range for the given point. */ function caretRangeFromPoint(doc, x, y) { if (doc.caretRangeFromPoint) { return doc.caretRangeFromPoint(x, y); } if (!doc.caretPositionFromPoint) { return null; } var point = doc.caretPositionFromPoint(x, y); // If x or y are negative, outside viewport, or there is no text entry node. // https://developer.mozilla.org/en-US/docs/Web/API/Document/caretRangeFromPoint if (!point) { return null; } var range = doc.createRange(); range.setStart(point.offsetNode, point.offset); range.collapse(true); return range; } /** * Get a collapsed range for a given point. * Gives the container a temporary high z-index (above any UI). * This is preferred over getting the UI nodes and set styles there. * * @param {Document} doc The document of the range. * @param {number} x Horizontal position within the current viewport. * @param {number} y Vertical position within the current viewport. * @param {Element} container Container in which the range is expected to be found. * * @return {?Range} The best range for the given point. */ function hiddenCaretRangeFromPoint(doc, x, y, container) { var originalZIndex = container.style.zIndex; var originalPosition = container.style.position; // A z-index only works if the element position is not static. container.style.zIndex = '10000'; container.style.position = 'relative'; var range = caretRangeFromPoint(doc, x, y); container.style.zIndex = originalZIndex; container.style.position = originalPosition; return range; } /** * Places the caret at the top or bottom of a given element. * * @param {Element} container Focusable element. * @param {boolean} isReverse True for bottom, false for top. * @param {DOMRect} [rect] The rectangle to position the caret with. * @param {boolean} [mayUseScroll=true] True to allow scrolling, false to disallow. */ function placeCaretAtVerticalEdge(container, isReverse, rect) { var mayUseScroll = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true; if (!container) { return; } if (!rect || !container.isContentEditable) { placeCaretAtHorizontalEdge(container, isReverse); return; } // Offset by a buffer half the height of the caret rect. This is needed // because caretRangeFromPoint may default to the end of the selection if // offset is too close to the edge. It's unclear how to precisely calculate // this threshold; it may be the padded area of some combination of line // height, caret height, and font size. The buffer offset is effectively // equivalent to a point at half the height of a line of text. var buffer = rect.height / 2; var editableRect = container.getBoundingClientRect(); var x = rect.left; var y = isReverse ? editableRect.bottom - buffer : editableRect.top + buffer; var ownerDocument = container.ownerDocument; var defaultView = ownerDocument.defaultView; var range = hiddenCaretRangeFromPoint(ownerDocument, x, y, container); if (!range || !container.contains(range.startContainer)) { if (mayUseScroll && (!range || !range.startContainer || !range.startContainer.contains(container))) { // Might be out of view. // Easier than attempting to calculate manually. container.scrollIntoView(isReverse); placeCaretAtVerticalEdge(container, isReverse, rect, false); return; } placeCaretAtHorizontalEdge(container, isReverse); return; } var selection = defaultView.getSelection(); selection.removeAllRanges(); selection.addRange(range); container.focus(); // Editable was already focussed, it goes back to old range... // This fixes it. selection.removeAllRanges(); selection.addRange(range); } /** * Check whether the given element is a text field, where text field is defined * by the ability to select within the input, or that it is contenteditable. * * See: https://html.spec.whatwg.org/#textFieldSelection * * @param {HTMLElement} element The HTML element. * * @return {boolean} True if the element is an text field, false if not. */ function isTextField(element) { var nodeName = element.nodeName, contentEditable = element.contentEditable; var nonTextInputs = ['button', 'checkbox', 'hidden', 'file', 'radio', 'image', 'range', 'reset', 'submit', 'number']; return nodeName === 'INPUT' && !nonTextInputs.includes(element.type) || nodeName === 'TEXTAREA' || contentEditable === 'true'; } /** * Check whether the given element is an input field of type number * and has a valueAsNumber * * @param {HTMLElement} element The HTML element. * * @return {boolean} True if the element is input and holds a number. */ function isNumberInput(element) { var nodeName = element.nodeName, type = element.type, valueAsNumber = element.valueAsNumber; return nodeName === 'INPUT' && type === 'number' && !!valueAsNumber; } /** * Check whether the current document has selected text. This applies to ranges * of text in the document, and not selection inside and