| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081 |
- 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 = "2sUP");
- /******/ })
- /************************************************************************/
- /******/ ({
- /***/ "2sUP":
- /***/ (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__, "computeCaretRect", function() { return /* reexport */ computeCaretRect; });
- __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__, "getRectangleFromRange", function() { return /* reexport */ getRectangleFromRange; });
- __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__, "isEntirelySelected", function() { return /* reexport */ isEntirelySelected; });
- __webpack_require__.d(__webpack_exports__, "isHorizontalEdge", function() { return /* reexport */ isHorizontalEdge; });
- __webpack_require__.d(__webpack_exports__, "isNumberInput", function() { return /* reexport */ isNumberInput; });
- __webpack_require__.d(__webpack_exports__, "isTextField", function() { return /* reexport */ isTextField; });
- __webpack_require__.d(__webpack_exports__, "isVerticalEdge", function() { return /* reexport */ isVerticalEdge; });
- __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__, "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 */ stripHTML; });
- __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__, "isRTL", function() { return /* reexport */ isRTL; });
- __webpack_require__.d(__webpack_exports__, "safeHTML", function() { return /* reexport */ safeHTML; });
- __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; });
- __webpack_require__.d(__webpack_exports__, "getFilesFromDataTransfer", function() { return /* reexport */ getFilesFromDataTransfer; });
- // 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
- */
- const 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 {HTMLElement} 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 {HTMLAreaElement} element DOM area element to test.
- *
- * @return {boolean} Whether area element is valid for focus.
- */
- function isValidFocusableArea(element) {
- /** @type {HTMLMapElement | null} */
- const map = element.closest('map[name]');
- if (!map) {
- return false;
- }
- /** @type {HTMLImageElement | null} */
- const 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) {
- /* eslint-disable jsdoc/no-undefined-types */
- /** @type {NodeListOf<HTMLElement>} */
- /* eslint-enable jsdoc/no-undefined-types */
- const elements = context.querySelectorAll(SELECTOR);
- return Array.from(elements).filter(element => {
- if (!isVisible(element) || skipFocus(element)) {
- return false;
- }
- const {
- nodeName
- } = element;
- if ('AREA' === nodeName) {
- return isValidFocusableArea(
- /** @type {HTMLAreaElement} */
- element);
- }
- return true;
- });
- }
- // EXTERNAL MODULE: external "lodash"
- var external_lodash_ = __webpack_require__("YLtl");
- // 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) {
- const 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;
- }
- /** @typedef {Element & { type?: string, checked?: boolean, name?: string }} MaybeHTMLInputElement */
- /**
- * 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 {(acc: MaybeHTMLInputElement[], el: MaybeHTMLInputElement) => MaybeHTMLInputElement[]} Radio group collapse reducer.
- */
- function createStatefulCollapseRadioGroup() {
- /** @type {Record<string, MaybeHTMLInputElement>} */
- const CHOSEN_RADIO_BY_NAME = {};
- return function collapseRadioGroup(
- /** @type {MaybeHTMLInputElement[]} */
- result,
- /** @type {MaybeHTMLInputElement} */
- element) {
- const {
- nodeName,
- type,
- checked,
- name
- } = element; // For all non-radio tabbables, construct to array by concatenating.
- if (nodeName !== 'INPUT' || type !== 'radio' || !name) {
- return result.concat(element);
- }
- const hasChosen = CHOSEN_RADIO_BY_NAME.hasOwnProperty(name); // Omit by skipping concatenation if the radio element is not chosen.
- const 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) {
- const hadChosenElement = CHOSEN_RADIO_BY_NAME[name];
- result = Object(external_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 {{ element: Element, index: number }} Mapped object with element, index.
- */
- function mapElementToObjectTabbable(element, index) {
- return {
- element,
- index
- };
- }
- /**
- * An array map callback, returning an element of the given mapped object's
- * element value.
- *
- * @param {{ element: Element }} object Mapped object with element.
- *
- * @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 {{ element: Element, index: number }} a First object to compare.
- * @param {{ element: Element, index: number }} b Second object to compare.
- *
- * @return {number} Comparator result.
- */
- function compareObjectTabbables(a, b) {
- const aTabIndex = getTabIndex(a.element);
- const bTabIndex = getTabIndex(b.element);
- if (aTabIndex === bTabIndex) {
- return a.index - b.index;
- }
- return aTabIndex - bTabIndex;
- }
- /**
- * Givin focusable elements, filters out tabbable element.
- *
- * @param {Element[]} focusables Focusable elements to filter.
- *
- * @return {Element[]} Tabbable elements.
- */
- function filterTabbable(focusables) {
- return focusables.filter(isTabbableIndex).map(mapElementToObjectTabbable).sort(compareObjectTabbables).map(mapObjectTabbableToElement).reduce(createStatefulCollapseRadioGroup(), []);
- }
- /**
- * @param {Element} context
- * @return {Element[]} Tabbable elements within the context.
- */
- 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) {
- const focusables = find(element.ownerDocument.body);
- const index = focusables.indexOf(element); // Remove all focusables after and including `element`.
- focusables.length = index;
- return Object(external_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) {
- const focusables = find(element.ownerDocument.body);
- const index = focusables.indexOf(element); // Remove all focusables before and inside `element`.
- const remaining = focusables.slice(index + 1).filter(node => !element.contains(node));
- return Object(external_lodash_["first"])(filterTabbable(remaining));
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/utils/assert-is-defined.js
- function assertIsDefined(val, name) {
- if (false) {}
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/get-rectangle-from-range.js
- /**
- * Internal dependencies
- */
- /**
- * 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) {
- const rects = Array.from(range.getClientRects()); // If there's just a single rect, return it.
- if (rects.length === 1) {
- return rects[0];
- } // Ignore tiny selection at the edge of a range.
- const filteredRects = rects.filter(({
- width
- }) => width > 1); // If it's full of tiny selections, return browser default.
- if (filteredRects.length === 0) {
- return range.getBoundingClientRect();
- }
- if (filteredRects.length === 1) {
- return filteredRects[0];
- }
- let {
- top: furthestTop,
- bottom: furthestBottom,
- left: furthestLeft,
- right: furthestRight
- } = filteredRects[0];
- for (const {
- top,
- bottom,
- left,
- right
- } of filteredRects) {
- if (top < furthestTop) furthestTop = top;
- if (bottom > furthestBottom) furthestBottom = bottom;
- if (left < furthestLeft) furthestLeft = left;
- if (right > furthestRight) furthestRight = right;
- }
- return new window.DOMRect(furthestLeft, furthestTop, furthestRight - furthestLeft, furthestBottom - furthestTop);
- }
- const {
- startContainer
- } = range;
- const {
- ownerDocument
- } = startContainer; // Correct invalid "BR" ranges. The cannot contain any children.
- if (startContainer.nodeName === 'BR') {
- const {
- parentNode
- } = startContainer;
- assertIsDefined(parentNode, 'parentNode');
- const index =
- /** @type {Node[]} */
- Array.from(parentNode.childNodes).indexOf(startContainer);
- assertIsDefined(ownerDocument, 'ownerDocument');
- range = ownerDocument.createRange();
- range.setStart(parentNode, index);
- range.setEnd(parentNode, index);
- }
- let 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) {
- assertIsDefined(ownerDocument, 'ownerDocument');
- const padNode = ownerDocument.createTextNode('\u200b'); // Do not modify the live range.
- range = range.cloneRange();
- range.insertNode(padNode);
- rect = range.getClientRects()[0];
- assertIsDefined(padNode.parentNode, 'padNode.parentNode');
- padNode.parentNode.removeChild(padNode);
- }
- return rect;
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/compute-caret-rect.js
- /**
- * Internal dependencies
- */
- /**
- * Get the rectangle for the selection in a container.
- *
- * @param {Window} win The window of the selection.
- *
- * @return {DOMRect | null} The rectangle.
- */
- function computeCaretRect(win) {
- const selection = win.getSelection();
- assertIsDefined(selection, 'selection');
- const range = selection.rangeCount ? selection.getRangeAt(0) : null;
- if (!range) {
- return null;
- }
- return getRectangleFromRange(range);
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/document-has-text-selection.js
- /**
- * Internal dependencies
- */
- /**
- * Check whether the current document has selected text. This applies to ranges
- * of text in the document, and not selection inside <input> and <textarea>
- * elements.
- *
- * See: https://developer.mozilla.org/en-US/docs/Web/API/Window/getSelection#Related_objects.
- *
- * @param {Document} doc The document to check.
- *
- * @return {boolean} True if there is selection, false if not.
- */
- function documentHasTextSelection(doc) {
- assertIsDefined(doc.defaultView, 'doc.defaultView');
- const selection = doc.defaultView.getSelection();
- assertIsDefined(selection, 'selection');
- const range = selection.rangeCount ? selection.getRangeAt(0) : null;
- return !!range && !range.collapsed;
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/is-html-input-element.js
- /* eslint-disable jsdoc/valid-types */
- /**
- * @param {Node} node
- * @return {node is HTMLInputElement} Whether the node is an HTMLInputElement.
- */
- function isHTMLInputElement(node) {
- /* eslint-enable jsdoc/valid-types */
- return !!node && node.nodeName === 'INPUT';
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/is-text-field.js
- /**
- * Internal dependencies
- */
- /* eslint-disable jsdoc/valid-types */
- /**
- * 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 {Node} node The HTML element.
- * @return {node is HTMLElement} True if the element is an text field, false if not.
- */
- function isTextField(node) {
- /* eslint-enable jsdoc/valid-types */
- const nonTextInputs = ['button', 'checkbox', 'hidden', 'file', 'radio', 'image', 'range', 'reset', 'submit', 'number'];
- return isHTMLInputElement(node) && node.type && !nonTextInputs.includes(node.type) || node.nodeName === 'TEXTAREA' ||
- /** @type {HTMLElement} */
- node.contentEditable === 'true';
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/is-number-input.js
- /**
- * Internal dependencies
- */
- /* eslint-disable jsdoc/valid-types */
- /**
- * Check whether the given element is an input field of type number
- * and has a valueAsNumber
- *
- * @param {Node} node The HTML node.
- *
- * @return {node is HTMLInputElement} True if the node is input and holds a number.
- */
- function isNumberInput(node) {
- /* eslint-enable jsdoc/valid-types */
- return isHTMLInputElement(node) && node.type === 'number' && !!node.valueAsNumber;
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/input-field-has-uncollapsed-selection.js
- /**
- * Internal dependencies
- */
- /**
- * Check whether the given element, assumed an input field or textarea,
- * contains a (uncollapsed) selection of text.
- *
- * Note: this is perhaps an abuse of the term "selection", since these elements
- * manage selection differently and aren't covered by Selection#collapsed.
- *
- * See: https://developer.mozilla.org/en-US/docs/Web/API/Window/getSelection#Related_objects.
- *
- * @param {Element} element The HTML element.
- *
- * @return {boolean} Whether the input/textareaa element has some "selection".
- */
- function inputFieldHasUncollapsedSelection(element) {
- if (!isTextField(element) && !isNumberInput(element)) {
- return false;
- }
- try {
- const {
- selectionStart,
- selectionEnd
- } =
- /** @type {HTMLInputElement | HTMLTextAreaElement} */
- element;
- return selectionStart !== null && selectionStart !== selectionEnd;
- } catch (error) {
- // Safari throws an exception when trying to get `selectionStart`
- // on non-text <input> elements (which, understandably, don't
- // have the text selection API). We catch this via a try/catch
- // block, as opposed to a more explicit check of the element's
- // input types, because of Safari's non-standard behavior. This
- // also means we don't have to worry about the list of input
- // types that support `selectionStart` changing as the HTML spec
- // evolves over time.
- return false;
- }
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/document-has-uncollapsed-selection.js
- /**
- * Internal dependencies
- */
- /**
- * Check whether the current document has any sort of selection. This includes
- * ranges of text across elements and any selection inside <input> and
- * <textarea> elements.
- *
- * @param {Document} doc The document to check.
- *
- * @return {boolean} Whether there is any sort of "selection" in the document.
- */
- function documentHasUncollapsedSelection(doc) {
- return documentHasTextSelection(doc) || !!doc.activeElement && inputFieldHasUncollapsedSelection(doc.activeElement);
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/document-has-selection.js
- /**
- * Internal dependencies
- */
- /**
- * Check whether the current document has a selection. This checks for both
- * focus in an input field and general text selection.
- *
- * @param {Document} doc The document to check.
- *
- * @return {boolean} True if there is selection, false if not.
- */
- function documentHasSelection(doc) {
- return !!doc.activeElement && (isTextField(doc.activeElement) || isNumberInput(doc.activeElement) || documentHasTextSelection(doc));
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/get-computed-style.js
- /**
- * Internal dependencies
- */
- /* eslint-disable jsdoc/valid-types */
- /**
- * @param {Element} element
- * @return {ReturnType<Window['getComputedStyle']>} The computed style for the element.
- */
- function getComputedStyle(element) {
- /* eslint-enable jsdoc/valid-types */
- assertIsDefined(element.ownerDocument.defaultView, 'element.ownerDocument.defaultView');
- return element.ownerDocument.defaultView.getComputedStyle(element);
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/get-scroll-container.js
- /**
- * Internal dependencies
- */
- /**
- * Given a DOM node, finds the closest scrollable container node.
- *
- * @param {Element | null} node Node from which to start.
- *
- * @return {Element | undefined} Scrollable container node, if found.
- */
- function getScrollContainer(node) {
- if (!node) {
- return undefined;
- } // Scrollable if scrollable height exceeds displayed...
- if (node.scrollHeight > node.clientHeight) {
- // ...except when overflow is defined to be hidden or visible
- const {
- overflowY
- } = getComputedStyle(node);
- if (/(auto|scroll)/.test(overflowY)) {
- return node;
- }
- } // Continue traversing
- return getScrollContainer(
- /** @type {Element} */
- node.parentNode);
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/get-offset-parent.js
- /**
- * Internal dependencies
- */
- /**
- * Returns the closest positioned element, or null under any of the conditions
- * of the offsetParent specification. Unlike offsetParent, this function is not
- * limited to HTMLElement and accepts any Node (e.g. Node.TEXT_NODE).
- *
- * @see https://drafts.csswg.org/cssom-view/#dom-htmlelement-offsetparent
- *
- * @param {Node} node Node from which to find offset parent.
- *
- * @return {Node | null} Offset parent.
- */
- function getOffsetParent(node) {
- // Cannot retrieve computed style or offset parent only anything other than
- // an element node, so find the closest element node.
- let closestElement;
- while (closestElement =
- /** @type {Node} */
- node.parentNode) {
- if (closestElement.nodeType === closestElement.ELEMENT_NODE) {
- break;
- }
- }
- if (!closestElement) {
- return null;
- } // If the closest element is already positioned, return it, as offsetParent
- // does not otherwise consider the node itself.
- if (getComputedStyle(
- /** @type {Element} */
- closestElement).position !== 'static') {
- return closestElement;
- } // offsetParent is undocumented/draft
- return (
- /** @type {Node & { offsetParent: Node }} */
- closestElement.offsetParent
- );
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/is-input-or-text-area.js
- /* eslint-disable jsdoc/valid-types */
- /**
- * @param {Element} element
- * @return {element is HTMLInputElement | HTMLTextAreaElement} Whether the element is an input or textarea
- */
- function isInputOrTextArea(element) {
- /* eslint-enable jsdoc/valid-types */
- return element.tagName === 'INPUT' || element.tagName === 'TEXTAREA';
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/is-entirely-selected.js
- /**
- * Internal dependencies
- */
- /**
- * Check whether the contents of the element have been entirely selected.
- * Returns true if there is no possibility of selection.
- *
- * @param {HTMLElement} element The element to check.
- *
- * @return {boolean} True if entirely selected, false if not.
- */
- function isEntirelySelected(element) {
- if (isInputOrTextArea(element)) {
- return element.selectionStart === 0 && element.value.length === element.selectionEnd;
- }
- if (!element.isContentEditable) {
- return true;
- }
- const {
- ownerDocument
- } = element;
- const {
- defaultView
- } = ownerDocument;
- assertIsDefined(defaultView, 'defaultView');
- const selection = defaultView.getSelection();
- assertIsDefined(selection, 'selection');
- const range = selection.rangeCount ? selection.getRangeAt(0) : null;
- if (!range) {
- return true;
- }
- const {
- startContainer,
- endContainer,
- startOffset,
- endOffset
- } = range;
- if (startContainer === element && endContainer === element && startOffset === 0 && endOffset === element.childNodes.length) {
- return true;
- }
- const lastChild = element.lastChild;
- assertIsDefined(lastChild, 'lastChild');
- const endContainerContentLength = endContainer.nodeType === endContainer.TEXT_NODE ?
- /** @type {Text} */
- endContainer.data.length : endContainer.childNodes.length;
- return isDeepChild(startContainer, element, 'firstChild') && isDeepChild(endContainer, element, 'lastChild') && startOffset === 0 && endOffset === endContainerContentLength;
- }
- /**
- * Check whether the contents of the element have been entirely selected.
- * Returns true if there is no possibility of selection.
- *
- * @param {HTMLElement|Node} query The element to check.
- * @param {HTMLElement} container The container that we suspect "query" may be a first or last child of.
- * @param {"firstChild"|"lastChild"} propName "firstChild" or "lastChild"
- *
- * @return {boolean} True if query is a deep first/last child of container, false otherwise.
- */
- function isDeepChild(query, container, propName) {
- /** @type {HTMLElement | ChildNode | null} */
- let candidate = container;
- do {
- if (query === candidate) {
- return true;
- }
- candidate = candidate[propName];
- } while (candidate);
- return false;
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/is-rtl.js
- /**
- * Internal dependencies
- */
- /**
- * Whether the element's text direction is right-to-left.
- *
- * @param {Element} element The element to check.
- *
- * @return {boolean} True if rtl, false if ltr.
- */
- function isRTL(element) {
- return getComputedStyle(element).direction === 'rtl';
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/get-range-height.js
- /**
- * Gets the height of the range without ignoring zero width rectangles, which
- * some browsers ignore when creating a union.
- *
- * @param {Range} range The range to check.
- * @return {number | undefined} Height of the range or undefined if the range has no client rectangles.
- */
- function getRangeHeight(range) {
- const rects = Array.from(range.getClientRects());
- if (!rects.length) {
- return;
- }
- const highestTop = Math.min(...rects.map(({
- top
- }) => top));
- const lowestBottom = Math.max(...rects.map(({
- bottom
- }) => bottom));
- return lowestBottom - highestTop;
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/is-selection-forward.js
- /**
- * Internal dependencies
- */
- /**
- * 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) {
- const {
- anchorNode,
- focusNode,
- anchorOffset,
- focusOffset
- } = selection;
- assertIsDefined(anchorNode, 'anchorNode');
- assertIsDefined(focusNode, 'focusNode');
- const 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;
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/caret-range-from-point.js
- /**
- * 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 | null} 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;
- }
- const 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;
- }
- const range = doc.createRange();
- range.setStart(point.offsetNode, point.offset);
- range.collapse(true);
- return range;
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/hidden-caret-range-from-point.js
- /**
- * Internal dependencies
- */
- /**
- * 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 {HTMLElement} 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) {
- const originalZIndex = container.style.zIndex;
- const originalPosition = container.style.position;
- const {
- position = 'static'
- } = getComputedStyle(container); // A z-index only works if the element position is not static.
- if (position === 'static') {
- container.style.position = 'relative';
- }
- container.style.zIndex = '10000';
- const range = caretRangeFromPoint(doc, x, y);
- container.style.zIndex = originalZIndex;
- container.style.position = originalPosition;
- return range;
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/is-edge.js
- /**
- * Internal dependencies
- */
- /**
- * 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=false] Set to true to check only vertical position.
- *
- * @return {boolean} True if at the edge, false if not.
- */
- function isEdge(container, isReverse, onlyVertical = false) {
- if (isInputOrTextArea(container)) {
- if (container.selectionStart !== container.selectionEnd) {
- return false;
- }
- if (isReverse) {
- return container.selectionStart === 0;
- }
- return container.value.length === container.selectionStart;
- }
- if (!
- /** @type {HTMLElement} */
- container.isContentEditable) {
- return true;
- }
- const {
- ownerDocument
- } = container;
- const {
- defaultView
- } = ownerDocument;
- assertIsDefined(defaultView, 'defaultView');
- const selection = defaultView.getSelection();
- if (!selection || !selection.rangeCount) {
- return false;
- }
- const range = selection.getRangeAt(0);
- const collapsedRange = range.cloneRange();
- const isForward = isSelectionForward(selection);
- const isCollapsed = selection.isCollapsed; // Collapse in direction of selection.
- if (!isCollapsed) {
- collapsedRange.collapse(!isForward);
- }
- const collapsedRangeRect = getRectangleFromRange(collapsedRange);
- const rangeRect = getRectangleFromRange(range);
- if (!collapsedRangeRect || !rangeRect) {
- return false;
- } // Only consider the multiline selection at the edge if the direction is
- // towards the edge. The selection is multiline if it is taller than the
- // collapsed selection.
- const rangeHeight = getRangeHeight(range);
- if (!isCollapsed && rangeHeight && rangeHeight > collapsedRangeRect.height && isForward === isReverse) {
- return false;
- } // In the case of RTL scripts, the horizontal edge is at the opposite side.
- const isReverseDir = isRTL(container) ? !isReverse : isReverse;
- const containerRect = container.getBoundingClientRect(); // To check if a selection is at the edge, we insert a test selection at the
- // edge of the container and check if the selections have the same vertical
- // or horizontal position. If they do, the selection is at the edge.
- // This method proves to be better than a DOM-based calculation for the
- // horizontal edge, since it ignores empty textnodes and a trailing line
- // break element. In other words, we need to check visual positioning, not
- // DOM positioning.
- // It also proves better than using the computed style for the vertical
- // edge, because we cannot know the padding and line height reliably in
- // pixels. `getComputedStyle` may return a value with different units.
- const x = isReverseDir ? containerRect.left + 1 : containerRect.right - 1;
- const y = isReverse ? containerRect.top + 1 : containerRect.bottom - 1;
- const testRange = hiddenCaretRangeFromPoint(ownerDocument, x, y,
- /** @type {HTMLElement} */
- container);
- if (!testRange) {
- return false;
- }
- const testRect = getRectangleFromRange(testRange);
- if (!testRect) {
- return false;
- }
- const verticalSide = isReverse ? 'top' : 'bottom';
- const horizontalSide = isReverseDir ? 'left' : 'right';
- const verticalDiff = testRect[verticalSide] - rangeRect[verticalSide];
- const horizontalDiff = testRect[horizontalSide] - collapsedRangeRect[horizontalSide]; // Allow the position to be 1px off.
- const hasVerticalDiff = Math.abs(verticalDiff) <= 1;
- const hasHorizontalDiff = Math.abs(horizontalDiff) <= 1;
- return onlyVertical ? hasVerticalDiff : hasVerticalDiff && hasHorizontalDiff;
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/is-horizontal-edge.js
- /**
- * Internal dependencies
- */
- /**
- * 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);
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/is-vertical-edge.js
- /**
- * Internal dependencies
- */
- /**
- * 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);
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/place-caret-at-horizontal-edge.js
- /**
- * Internal dependencies
- */
- /**
- * Internal dependencies
- */
- /**
- * Gets the range to place.
- *
- * @param {HTMLElement} container Focusable element.
- * @param {boolean} isReverse True for end, false for start.
- *
- * @return {Range|null} The range to place.
- */
- function getRange(container, isReverse) {
- const {
- ownerDocument
- } = container; // In the case of RTL scripts, the horizontal edge is at the opposite side.
- const isReverseDir = isRTL(container) ? !isReverse : isReverse;
- const containerRect = container.getBoundingClientRect(); // When placing at the end (isReverse), find the closest range to the bottom
- // right corner. When placing at the start, to the top left corner.
- const x = isReverse ? containerRect.right - 1 : containerRect.left + 1;
- const y = isReverseDir ? containerRect.bottom - 1 : containerRect.top + 1;
- return hiddenCaretRangeFromPoint(ownerDocument, x, y, container);
- }
- /**
- * Places the caret at start or end of a given element.
- *
- * @param {HTMLElement} container Focusable element.
- * @param {boolean} isReverse True for end, false for start.
- */
- function placeCaretAtHorizontalEdge(container, isReverse) {
- if (!container) {
- return;
- }
- container.focus();
- if (isInputOrTextArea(container)) {
- // The element may not support selection setting.
- if (typeof container.selectionStart !== 'number') {
- return;
- }
- if (isReverse) {
- container.selectionStart = container.value.length;
- container.selectionEnd = container.value.length;
- } else {
- container.selectionStart = 0;
- container.selectionEnd = 0;
- }
- return;
- }
- if (!container.isContentEditable) {
- return;
- }
- let range = getRange(container, isReverse); // If no range range can be created or it is outside the container, the
- // element may be out of view.
- if (!range || !range.startContainer || !container.contains(range.startContainer)) {
- container.scrollIntoView(isReverse);
- range = getRange(container, isReverse);
- if (!range || !range.startContainer || !container.contains(range.startContainer)) {
- return;
- }
- }
- const {
- ownerDocument
- } = container;
- const {
- defaultView
- } = ownerDocument;
- assertIsDefined(defaultView, 'defaultView');
- const selection = defaultView.getSelection();
- assertIsDefined(selection, 'selection');
- selection.removeAllRanges();
- selection.addRange(range);
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/place-caret-at-vertical-edge.js
- /**
- * Internal dependencies
- */
- /**
- * Places the caret at the top or bottom of a given element.
- *
- * @param {HTMLElement} 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, mayUseScroll = true) {
- if (!container) {
- return;
- }
- if (!rect || !container.isContentEditable) {
- placeCaretAtHorizontalEdge(container, isReverse);
- return;
- }
- container.focus(); // 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.
- const buffer = rect.height / 2;
- const editableRect = container.getBoundingClientRect();
- const x = rect.left;
- const y = isReverse ? editableRect.bottom - buffer : editableRect.top + buffer;
- const {
- ownerDocument
- } = container;
- const {
- defaultView
- } = ownerDocument;
- const 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;
- }
- assertIsDefined(defaultView, 'defaultView');
- const selection = defaultView.getSelection();
- assertIsDefined(selection, 'selection');
- selection.removeAllRanges();
- selection.addRange(range);
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/insert-after.js
- /**
- * Internal dependencies
- */
- /**
- * Given two DOM nodes, inserts the former in the DOM as the next sibling of
- * the latter.
- *
- * @param {Node} newNode Node to be inserted.
- * @param {Node} referenceNode Node after which to perform the insertion.
- * @return {void}
- */
- function insertAfter(newNode, referenceNode) {
- assertIsDefined(referenceNode.parentNode, 'referenceNode.parentNode');
- referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/remove.js
- /**
- * Internal dependencies
- */
- /**
- * Given a DOM node, removes it from the DOM.
- *
- * @param {Node} node Node to be removed.
- * @return {void}
- */
- function remove(node) {
- assertIsDefined(node.parentNode, 'node.parentNode');
- node.parentNode.removeChild(node);
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/replace.js
- /**
- * Internal dependencies
- */
- /**
- * Given two DOM nodes, replaces the former with the latter in the DOM.
- *
- * @param {Element} processedNode Node to be removed.
- * @param {Element} newNode Node to be inserted in its place.
- * @return {void}
- */
- function replace(processedNode, newNode) {
- assertIsDefined(processedNode.parentNode, 'processedNode.parentNode');
- insertAfter(newNode, processedNode.parentNode);
- remove(processedNode);
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/unwrap.js
- /**
- * Internal dependencies
- */
- /**
- * Unwrap the given node. This means any child nodes are moved to the parent.
- *
- * @param {Node} node The node to unwrap.
- *
- * @return {void}
- */
- function unwrap(node) {
- const parent = node.parentNode;
- assertIsDefined(parent, 'node.parentNode');
- while (node.firstChild) {
- parent.insertBefore(node.firstChild, node);
- }
- parent.removeChild(node);
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/replace-tag.js
- /**
- * Internal dependencies
- */
- /**
- * Replaces the given node with a new node with the given tag name.
- *
- * @param {Element} node The node to replace
- * @param {string} tagName The new tag name.
- *
- * @return {Element} The new node.
- */
- function replaceTag(node, tagName) {
- const newNode = node.ownerDocument.createElement(tagName);
- while (node.firstChild) {
- newNode.appendChild(node.firstChild);
- }
- assertIsDefined(node.parentNode, 'node.parentNode');
- node.parentNode.replaceChild(newNode, node);
- return newNode;
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/wrap.js
- /**
- * Internal dependencies
- */
- /**
- * Wraps the given node with a new node with the given tag name.
- *
- * @param {Element} newNode The node to insert.
- * @param {Element} referenceNode The node to wrap.
- */
- function wrap(newNode, referenceNode) {
- assertIsDefined(referenceNode.parentNode, 'referenceNode.parentNode');
- referenceNode.parentNode.insertBefore(newNode, referenceNode);
- newNode.appendChild(referenceNode);
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/strip-html.js
- /**
- * Removes any HTML tags from the provided string.
- *
- * @param {string} html The string containing html.
- *
- * @return {string} The text content with any html removed.
- */
- function stripHTML(html) {
- const document = new window.DOMParser().parseFromString(html, 'text/html');
- return document.body.textContent || '';
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/is-empty.js
- /**
- * Recursively checks if an element is empty. An element is not empty if it
- * contains text or contains elements with attributes such as images.
- *
- * @param {Element} element The element to check.
- *
- * @return {boolean} Whether or not the element is empty.
- */
- function isEmpty(element) {
- switch (element.nodeType) {
- case element.TEXT_NODE:
- // We cannot use \s since it includes special spaces which we want
- // to preserve.
- return /^[ \f\n\r\t\v\u00a0]*$/.test(element.nodeValue || '');
- case element.ELEMENT_NODE:
- if (element.hasAttributes()) {
- return false;
- } else if (!element.hasChildNodes()) {
- return true;
- }
- return (
- /** @type {Element[]} */
- Array.from(element.childNodes).every(isEmpty)
- );
- default:
- return true;
- }
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/phrasing-content.js
- /**
- * External dependencies
- */
- /**
- * All phrasing content elements.
- *
- * @see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content-0
- */
- /**
- * @typedef {Record<string,SemanticElementDefinition>} ContentSchema
- */
- /**
- * @typedef SemanticElementDefinition
- * @property {string[]} [attributes] Content attributes
- * @property {ContentSchema} [children] Content attributes
- */
- /**
- * All text-level semantic elements.
- *
- * @see https://html.spec.whatwg.org/multipage/text-level-semantics.html
- *
- * @type {ContentSchema}
- */
- const 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_lodash_["without"])(Object.keys(textContentSchema), '#text', 'br').forEach(tag => {
- textContentSchema[tag].children = Object(external_lodash_["omit"])(textContentSchema, tag);
- });
- /**
- * Embedded content elements.
- *
- * @see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#embedded-content-0
- *
- * @type {ContentSchema}
- */
- const 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
- */
- const phrasingContentSchema = { ...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 {Partial<ContentSchema>} Schema.
- */
- function getPhrasingContentSchema(context) {
- if (context !== 'paste') {
- return phrasingContentSchema;
- }
- return Object(external_lodash_["omit"])({ ...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 {Node} node The node to test.
- *
- * @return {boolean} True if phrasing content, false if not.
- */
- function isPhrasingContent(node) {
- const tag = node.nodeName.toLowerCase();
- return getPhrasingContentSchema().hasOwnProperty(tag) || tag === 'span';
- }
- /**
- * @param {Node} node
- * @return {boolean} Node is text content
- */
- function isTextContent(node) {
- const tag = node.nodeName.toLowerCase();
- return textContentSchema.hasOwnProperty(tag) || tag === 'span';
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/is-element.js
- /* eslint-disable jsdoc/valid-types */
- /**
- * @param {Node | null | undefined} node
- * @return {node is Element} True if node is an Element node
- */
- function isElement(node) {
- /* eslint-enable jsdoc/valid-types */
- return !!node && node.nodeType === node.ELEMENT_NODE;
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/clean-node-list.js
- /**
- * External dependencies
- */
- /**
- * Internal dependencies
- */
- /* eslint-disable jsdoc/valid-types */
- /**
- * @typedef SchemaItem
- * @property {string[]} [attributes] Attributes.
- * @property {(string | RegExp)[]} [classes] Classnames or RegExp to test against.
- * @property {'*' | { [tag: string]: SchemaItem }} [children] Child schemas.
- * @property {string[]} [require] Selectors to test required children against. Leave empty or undefined if there are no requirements.
- * @property {boolean} allowEmpty Whether to allow nodes without children.
- * @property {(node: Node) => boolean} [isMatch] Function to test whether a node is a match. If left undefined any node will be assumed to match.
- */
- /** @typedef {{ [tag: string]: SchemaItem }} Schema */
- /* eslint-enable jsdoc/valid-types */
- /**
- * Given a schema, unwraps or removes nodes, attributes and classes on a node
- * list.
- *
- * @param {NodeList} nodeList The nodeList to filter.
- * @param {Document} doc The document of the nodeList.
- * @param {Schema} schema An array of functions that can mutate with the provided node.
- * @param {boolean} inline Whether to clean for inline mode.
- */
- function cleanNodeList(nodeList, doc, schema, inline) {
- Array.from(nodeList).forEach(
- /** @type {Node & { nextElementSibling?: unknown }} */
- node => {
- var _schema$tag$isMatch, _schema$tag;
- const tag = node.nodeName.toLowerCase(); // It's a valid child, if the tag exists in the schema without an isMatch
- // function, or with an isMatch function that matches the node.
- if (schema.hasOwnProperty(tag) && (!schema[tag].isMatch || (_schema$tag$isMatch = (_schema$tag = schema[tag]).isMatch) !== null && _schema$tag$isMatch !== void 0 && _schema$tag$isMatch.call(_schema$tag, node))) {
- if (isElement(node)) {
- const {
- attributes = [],
- classes = [],
- children,
- require = [],
- allowEmpty
- } = schema[tag]; // If the node is empty and it's supposed to have children,
- // remove the node.
- if (children && !allowEmpty && isEmpty(node)) {
- remove(node);
- return;
- }
- if (node.hasAttributes()) {
- // Strip invalid attributes.
- Array.from(node.attributes).forEach(({
- name
- }) => {
- if (name !== 'class' && !Object(external_lodash_["includes"])(attributes, name)) {
- node.removeAttribute(name);
- }
- }); // Strip invalid classes.
- // In jsdom-jscore, 'node.classList' can be undefined.
- // TODO: Explore patching this in jsdom-jscore.
- if (node.classList && node.classList.length) {
- const mattchers = classes.map(item => {
- if (typeof item === 'string') {
- return (
- /** @type {string} */
- className => className === item
- );
- } else if (item instanceof RegExp) {
- return (
- /** @type {string} */
- className => item.test(className)
- );
- }
- return external_lodash_["noop"];
- });
- Array.from(node.classList).forEach(name => {
- if (!mattchers.some(isMatch => isMatch(name))) {
- node.classList.remove(name);
- }
- });
- if (!node.classList.length) {
- node.removeAttribute('class');
- }
- }
- }
- if (node.hasChildNodes()) {
- // Do not filter any content.
- if (children === '*') {
- return;
- } // Continue if the node is supposed to have children.
- if (children) {
- // If a parent requires certain children, but it does
- // not have them, drop the parent and continue.
- if (require.length && !node.querySelector(require.join(','))) {
- cleanNodeList(node.childNodes, doc, schema, inline);
- unwrap(node); // If the node is at the top, phrasing content, and
- // contains children that are block content, unwrap
- // the node because it is invalid.
- } else if (node.parentNode && node.parentNode.nodeName === 'BODY' && isPhrasingContent(node)) {
- cleanNodeList(node.childNodes, doc, schema, inline);
- if (Array.from(node.childNodes).some(child => !isPhrasingContent(child))) {
- unwrap(node);
- }
- } else {
- cleanNodeList(node.childNodes, doc, children, inline);
- } // Remove children if the node is not supposed to have any.
- } else {
- while (node.firstChild) {
- remove(node.firstChild);
- }
- }
- }
- } // Invalid child. Continue with schema at the same place and unwrap.
- } else {
- cleanNodeList(node.childNodes, doc, schema, inline); // For inline mode, insert a line break when unwrapping nodes that
- // are not phrasing content.
- if (inline && !isPhrasingContent(node) && node.nextElementSibling) {
- insertAfter(doc.createElement('br'), node);
- }
- unwrap(node);
- }
- });
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/remove-invalid-html.js
- /**
- * Internal dependencies
- */
- /**
- * Given a schema, unwraps or removes nodes, attributes and classes on HTML.
- *
- * @param {string} HTML The HTML to clean up.
- * @param {import('./clean-node-list').Schema} schema Schema for the HTML.
- * @param {boolean} inline Whether to clean for inline mode.
- *
- * @return {string} The cleaned up HTML.
- */
- function removeInvalidHTML(HTML, schema, inline) {
- const doc = document.implementation.createHTMLDocument('');
- doc.body.innerHTML = HTML;
- cleanNodeList(doc.body.childNodes, doc, schema, inline);
- return doc.body.innerHTML;
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/safe-html.js
- /**
- * Internal dependencies
- */
- /**
- * Strips scripts and on* attributes from HTML.
- *
- * @param {string} html HTML to sanitize.
- *
- * @return {string} The sanitized HTML.
- */
- function safeHTML(html) {
- const {
- body
- } = document.implementation.createHTMLDocument('');
- body.innerHTML = html;
- const elements = body.getElementsByTagName('*');
- let elementIndex = elements.length;
- while (elementIndex--) {
- const element = elements[elementIndex];
- if (element.tagName === 'SCRIPT') {
- remove(element);
- } else {
- let attributeIndex = element.attributes.length;
- while (attributeIndex--) {
- const {
- name: key
- } = element.attributes[attributeIndex];
- if (key.startsWith('on')) {
- element.removeAttribute(key);
- }
- }
- }
- }
- return body.innerHTML;
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/dom/index.js
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/data-transfer.js
- /**
- * Gets all files from a DataTransfer object.
- *
- * @param {DataTransfer} dataTransfer DataTransfer object to inspect.
- *
- * @return {File[]} An array containing all files.
- */
- function getFilesFromDataTransfer(dataTransfer) {
- const files = Array.from(dataTransfer.files);
- Array.from(dataTransfer.items).forEach(item => {
- const file = item.getAsFile();
- if (file && !files.find(({
- name,
- type,
- size
- }) => name === file.name && type === file.type && size === file.size)) {
- files.push(file);
- }
- });
- return files;
- }
- // CONCATENATED MODULE: ./node_modules/@wordpress/dom/build-module/index.js
- /**
- * Internal dependencies
- */
- /**
- * Object grouping `focusable` and `tabbable` utils
- * under the keys with the same name.
- */
- const build_module_focus = {
- focusable: focusable_namespaceObject,
- tabbable: tabbable_namespaceObject
- };
- /***/ }),
- /***/ "YLtl":
- /***/ (function(module, exports) {
- (function() { module.exports = window["lodash"]; }());
- /***/ })
- /******/ });
|