@wordpress/dom 4.32.0 → 4.32.1-next.b8c8708f3.0

package/build-module/dom/scroll-if-no-range.js

@@ -1,18 +1,5 @@
-/**
- * If no range range can be created or it is outside the container, the element
- * may be out of view, so scroll it into view and try again.
- *
- * @param {HTMLElement} container  The container to scroll.
- * @param {boolean}     alignToTop True to align to top, false to bottom.
- * @param {Function}    callback   The callback to create the range.
- *
- * @return {?Range} The range returned by the callback.
- */
-export function scrollIfNoRange(container, alignToTop, callback) {
+function scrollIfNoRange(container, alignToTop, callback) {
   let range = callback();
-
-  // 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(alignToTop);
     range = callback();
@@ -22,4 +9,7 @@ export function scrollIfNoRange(container, alignToTop, callback) {
   }
   return range;
 }
-//# sourceMappingURL=scroll-if-no-range.js.map
+export {
+  scrollIfNoRange
+};
+//# sourceMappingURL=scroll-if-no-range.js.map

package/build-module/dom/scroll-if-no-range.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["scrollIfNoRange","container","alignToTop","callback","range","startContainer","contains","scrollIntoView"],"sources":["@wordpress/dom/src/dom/scroll-if-no-range.js"],"sourcesContent":["/**\n * If no range range can be created or it is outside the container, the element\n * may be out of view, so scroll it into view and try again.\n *\n * @param {HTMLElement} container  The container to scroll.\n * @param {boolean}     alignToTop True to align to top, false to bottom.\n * @param {Function}    callback   The callback to create the range.\n *\n * @return {?Range} The range returned by the callback.\n */\nexport function scrollIfNoRange( container, alignToTop, callback ) {\n\tlet range = callback();\n\n\t// If no range range can be created or it is outside the container, the\n\t// element may be out of view.\n\tif (\n\t\t! range ||\n\t\t! range.startContainer ||\n\t\t! container.contains( range.startContainer )\n\t) {\n\t\tcontainer.scrollIntoView( alignToTop );\n\t\trange = callback();\n\n\t\tif (\n\t\t\t! range ||\n\t\t\t! range.startContainer ||\n\t\t\t! container.contains( range.startContainer )\n\t\t) {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\treturn range;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASA,eAAeA,CAAEC,SAAS,EAAEC,UAAU,EAAEC,QAAQ,EAAG;EAClE,IAAIC,KAAK,GAAGD,QAAQ,CAAC,CAAC;;EAEtB;EACA;EACA,IACC,CAAEC,KAAK,IACP,CAAEA,KAAK,CAACC,cAAc,IACtB,CAAEJ,SAAS,CAACK,QAAQ,CAAEF,KAAK,CAACC,cAAe,CAAC,EAC3C;IACDJ,SAAS,CAACM,cAAc,CAAEL,UAAW,CAAC;IACtCE,KAAK,GAAGD,QAAQ,CAAC,CAAC;IAElB,IACC,CAAEC,KAAK,IACP,CAAEA,KAAK,CAACC,cAAc,IACtB,CAAEJ,SAAS,CAACK,QAAQ,CAAEF,KAAK,CAACC,cAAe,CAAC,EAC3C;MACD,OAAO,IAAI;IACZ;EACD;EAEA,OAAOD,KAAK;AACb","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/dom/scroll-if-no-range.js"],
+  "sourcesContent": ["/**\n * If no range range can be created or it is outside the container, the element\n * may be out of view, so scroll it into view and try again.\n *\n * @param {HTMLElement} container  The container to scroll.\n * @param {boolean}     alignToTop True to align to top, false to bottom.\n * @param {Function}    callback   The callback to create the range.\n *\n * @return {?Range} The range returned by the callback.\n */\nexport function scrollIfNoRange( container, alignToTop, callback ) {\n\tlet range = callback();\n\n\t// If no range range can be created or it is outside the container, the\n\t// element may be out of view.\n\tif (\n\t\t! range ||\n\t\t! range.startContainer ||\n\t\t! container.contains( range.startContainer )\n\t) {\n\t\tcontainer.scrollIntoView( alignToTop );\n\t\trange = callback();\n\n\t\tif (\n\t\t\t! range ||\n\t\t\t! range.startContainer ||\n\t\t\t! container.contains( range.startContainer )\n\t\t) {\n\t\t\treturn null;\n\t\t}\n\t}\n\n\treturn range;\n}\n"],
+  "mappings": "AAUO,SAAS,gBAAiB,WAAW,YAAY,UAAW;AAClE,MAAI,QAAQ,SAAS;AAIrB,MACC,CAAE,SACF,CAAE,MAAM,kBACR,CAAE,UAAU,SAAU,MAAM,cAAe,GAC1C;AACD,cAAU,eAAgB,UAAW;AACrC,YAAQ,SAAS;AAEjB,QACC,CAAE,SACF,CAAE,MAAM,kBACR,CAAE,UAAU,SAAU,MAAM,cAAe,GAC1C;AACD,aAAO;AAAA,IACR;AAAA,EACD;AAEA,SAAO;AACR;",
+  "names": []
+}

package/build-module/dom/strip-html.js

@@ -1,21 +1,11 @@
-/**
- * Internal dependencies
- */
-import safeHTML from './safe-html';
-
-/**
- * Removes any HTML tags from the provided string.
- *
- * @param {string} html The string containing html.
- *
- * @return {string} The text content with any html removed.
- */
-export default function stripHTML(html) {
-  // Remove any script tags or on* attributes otherwise their *contents* will be left
-  // in place following removal of HTML tags.
+import safeHTML from "./safe-html";
+function stripHTML(html) {
   html = safeHTML(html);
-  const doc = document.implementation.createHTMLDocument('');
+  const doc = document.implementation.createHTMLDocument("");
   doc.body.innerHTML = html;
-  return doc.body.textContent || '';
+  return doc.body.textContent || "";
 }
-//# sourceMappingURL=strip-html.js.map
+export {
+  stripHTML as default
+};
+//# sourceMappingURL=strip-html.js.map

package/build-module/dom/strip-html.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["safeHTML","stripHTML","html","doc","document","implementation","createHTMLDocument","body","innerHTML","textContent"],"sources":["@wordpress/dom/src/dom/strip-html.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport safeHTML from './safe-html';\n\n/**\n * Removes any HTML tags from the provided string.\n *\n * @param {string} html The string containing html.\n *\n * @return {string} The text content with any html removed.\n */\nexport default function stripHTML( html ) {\n\t// Remove any script tags or on* attributes otherwise their *contents* will be left\n\t// in place following removal of HTML tags.\n\thtml = safeHTML( html );\n\n\tconst doc = document.implementation.createHTMLDocument( '' );\n\tdoc.body.innerHTML = html;\n\treturn doc.body.textContent || '';\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,QAAQ,MAAM,aAAa;;AAElC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,SAASA,CAAEC,IAAI,EAAG;EACzC;EACA;EACAA,IAAI,GAAGF,QAAQ,CAAEE,IAAK,CAAC;EAEvB,MAAMC,GAAG,GAAGC,QAAQ,CAACC,cAAc,CAACC,kBAAkB,CAAE,EAAG,CAAC;EAC5DH,GAAG,CAACI,IAAI,CAACC,SAAS,GAAGN,IAAI;EACzB,OAAOC,GAAG,CAACI,IAAI,CAACE,WAAW,IAAI,EAAE;AAClC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/dom/strip-html.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport safeHTML from './safe-html';\n\n/**\n * Removes any HTML tags from the provided string.\n *\n * @param {string} html The string containing html.\n *\n * @return {string} The text content with any html removed.\n */\nexport default function stripHTML( html ) {\n\t// Remove any script tags or on* attributes otherwise their *contents* will be left\n\t// in place following removal of HTML tags.\n\thtml = safeHTML( html );\n\n\tconst doc = document.implementation.createHTMLDocument( '' );\n\tdoc.body.innerHTML = html;\n\treturn doc.body.textContent || '';\n}\n"],
+  "mappings": "AAGA,OAAO,cAAc;AASN,SAAR,UAA4B,MAAO;AAGzC,SAAO,SAAU,IAAK;AAEtB,QAAM,MAAM,SAAS,eAAe,mBAAoB,EAAG;AAC3D,MAAI,KAAK,YAAY;AACrB,SAAO,IAAI,KAAK,eAAe;AAChC;",
+  "names": []
+}

package/build-module/dom/unwrap.js

@@ -1,21 +1,13 @@
-/**
- * Internal dependencies
- */
-import { assertIsDefined } from '../utils/assert-is-defined';
-
-/**
- * Unwrap the given node. This means any child nodes are moved to the parent.
- *
- * @param {Node} node The node to unwrap.
- *
- * @return {void}
- */
-export default function unwrap(node) {
+import { assertIsDefined } from "../utils/assert-is-defined";
+function unwrap(node) {
   const parent = node.parentNode;
-  assertIsDefined(parent, 'node.parentNode');
+  assertIsDefined(parent, "node.parentNode");
   while (node.firstChild) {
     parent.insertBefore(node.firstChild, node);
   }
   parent.removeChild(node);
 }
-//# sourceMappingURL=unwrap.js.map
+export {
+  unwrap as default
+};
+//# sourceMappingURL=unwrap.js.map

package/build-module/dom/unwrap.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["assertIsDefined","unwrap","node","parent","parentNode","firstChild","insertBefore","removeChild"],"sources":["@wordpress/dom/src/dom/unwrap.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { assertIsDefined } from '../utils/assert-is-defined';\n\n/**\n * Unwrap the given node. This means any child nodes are moved to the parent.\n *\n * @param {Node} node The node to unwrap.\n *\n * @return {void}\n */\nexport default function unwrap( node ) {\n\tconst parent = node.parentNode;\n\n\tassertIsDefined( parent, 'node.parentNode' );\n\n\twhile ( node.firstChild ) {\n\t\tparent.insertBefore( node.firstChild, node );\n\t}\n\n\tparent.removeChild( node );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,4BAA4B;;AAE5D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,MAAMA,CAAEC,IAAI,EAAG;EACtC,MAAMC,MAAM,GAAGD,IAAI,CAACE,UAAU;EAE9BJ,eAAe,CAAEG,MAAM,EAAE,iBAAkB,CAAC;EAE5C,OAAQD,IAAI,CAACG,UAAU,EAAG;IACzBF,MAAM,CAACG,YAAY,CAAEJ,IAAI,CAACG,UAAU,EAAEH,IAAK,CAAC;EAC7C;EAEAC,MAAM,CAACI,WAAW,CAAEL,IAAK,CAAC;AAC3B","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/dom/unwrap.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { assertIsDefined } from '../utils/assert-is-defined';\n\n/**\n * Unwrap the given node. This means any child nodes are moved to the parent.\n *\n * @param {Node} node The node to unwrap.\n *\n * @return {void}\n */\nexport default function unwrap( node ) {\n\tconst parent = node.parentNode;\n\n\tassertIsDefined( parent, 'node.parentNode' );\n\n\twhile ( node.firstChild ) {\n\t\tparent.insertBefore( node.firstChild, node );\n\t}\n\n\tparent.removeChild( node );\n}\n"],
+  "mappings": "AAGA,SAAS,uBAAuB;AASjB,SAAR,OAAyB,MAAO;AACtC,QAAM,SAAS,KAAK;AAEpB,kBAAiB,QAAQ,iBAAkB;AAE3C,SAAQ,KAAK,YAAa;AACzB,WAAO,aAAc,KAAK,YAAY,IAAK;AAAA,EAC5C;AAEA,SAAO,YAAa,IAAK;AAC1B;",
+  "names": []
+}

package/build-module/dom/wrap.js

@@ -1,17 +1,10 @@
-/**
- * Internal dependencies
- */
-import { assertIsDefined } from '../utils/assert-is-defined';
-
-/**
- * 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.
- */
-export default function wrap(newNode, referenceNode) {
-  assertIsDefined(referenceNode.parentNode, 'referenceNode.parentNode');
+import { assertIsDefined } from "../utils/assert-is-defined";
+function wrap(newNode, referenceNode) {
+  assertIsDefined(referenceNode.parentNode, "referenceNode.parentNode");
   referenceNode.parentNode.insertBefore(newNode, referenceNode);
   newNode.appendChild(referenceNode);
 }
-//# sourceMappingURL=wrap.js.map
+export {
+  wrap as default
+};
+//# sourceMappingURL=wrap.js.map

package/build-module/dom/wrap.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["assertIsDefined","wrap","newNode","referenceNode","parentNode","insertBefore","appendChild"],"sources":["@wordpress/dom/src/dom/wrap.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { assertIsDefined } from '../utils/assert-is-defined';\n\n/**\n * Wraps the given node with a new node with the given tag name.\n *\n * @param {Element} newNode       The node to insert.\n * @param {Element} referenceNode The node to wrap.\n */\nexport default function wrap( newNode, referenceNode ) {\n\tassertIsDefined( referenceNode.parentNode, 'referenceNode.parentNode' );\n\treferenceNode.parentNode.insertBefore( newNode, referenceNode );\n\tnewNode.appendChild( referenceNode );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,eAAe,QAAQ,4BAA4B;;AAE5D;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASC,IAAIA,CAAEC,OAAO,EAAEC,aAAa,EAAG;EACtDH,eAAe,CAAEG,aAAa,CAACC,UAAU,EAAE,0BAA2B,CAAC;EACvED,aAAa,CAACC,UAAU,CAACC,YAAY,CAAEH,OAAO,EAAEC,aAAc,CAAC;EAC/DD,OAAO,CAACI,WAAW,CAAEH,aAAc,CAAC;AACrC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/dom/wrap.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { assertIsDefined } from '../utils/assert-is-defined';\n\n/**\n * Wraps the given node with a new node with the given tag name.\n *\n * @param {Element} newNode       The node to insert.\n * @param {Element} referenceNode The node to wrap.\n */\nexport default function wrap( newNode, referenceNode ) {\n\tassertIsDefined( referenceNode.parentNode, 'referenceNode.parentNode' );\n\treferenceNode.parentNode.insertBefore( newNode, referenceNode );\n\tnewNode.appendChild( referenceNode );\n}\n"],
+  "mappings": "AAGA,SAAS,uBAAuB;AAQjB,SAAR,KAAuB,SAAS,eAAgB;AACtD,kBAAiB,cAAc,YAAY,0BAA2B;AACtE,gBAAc,WAAW,aAAc,SAAS,aAAc;AAC9D,UAAQ,YAAa,aAAc;AACpC;",
+  "names": []
+}

package/build-module/focusable.js

@@ -1,100 +1,49 @@
-/**
- * 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
- */
-
-/**
- * Returns a CSS selector used to query for focusable elements.
- *
- * @param {boolean} sequential If set, only query elements that are sequentially
- *                             focusable. Non-interactive elements with a
- *                             negative `tabindex` are focusable but not
- *                             sequentially focusable.
- *                             https://html.spec.whatwg.org/multipage/interaction.html#the-tabindex-attribute
- *
- * @return {string} CSS selector.
- */
 function buildSelector(sequential) {
-  return [sequential ? '[tabindex]:not([tabindex^="-"])' : '[tabindex]', 'a[href]', 'button:not([disabled])', 'input:not([type="hidden"]):not([disabled])', 'select:not([disabled])', 'textarea:not([disabled])', 'iframe:not([tabindex^="-"])', 'object', 'embed', 'summary', 'area[href]', '[contenteditable]:not([contenteditable=false])'].join(',');
+  return [
+    sequential ? '[tabindex]:not([tabindex^="-"])' : "[tabindex]",
+    "a[href]",
+    "button:not([disabled])",
+    'input:not([type="hidden"]):not([disabled])',
+    "select:not([disabled])",
+    "textarea:not([disabled])",
+    'iframe:not([tabindex^="-"])',
+    "object",
+    "embed",
+    "summary",
+    "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 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]');
+  const map = element.closest("map[name]");
   if (!map) {
     return false;
   }
-
-  /** @type {HTMLImageElement | null} */
-  const img = element.ownerDocument.querySelector('img[usemap="#' + map.name + '"]');
+  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.
- * @param {Object}  options
- * @param {boolean} [options.sequential] If set, only return elements that are
- *                                       sequentially focusable.
- *                                       Non-interactive elements with a
- *                                       negative `tabindex` are focusable but
- *                                       not sequentially focusable.
- *                                       https://html.spec.whatwg.org/multipage/interaction.html#the-tabindex-attribute
- *
- * @return {HTMLElement[]} Focusable elements.
- */
-export function find(context, {
-  sequential = false
-} = {}) {
-  /** @type {NodeListOf<HTMLElement>} */
+function find(context, { sequential = false } = {}) {
   const elements = context.querySelectorAll(buildSelector(sequential));
-  return Array.from(elements).filter(element => {
+  return Array.from(elements).filter((element) => {
     if (!isVisible(element)) {
       return false;
     }
-    const {
-      nodeName
-    } = element;
-    if ('AREA' === nodeName) {
-      return isValidFocusableArea(/** @type {HTMLAreaElement} */element);
+    const { nodeName } = element;
+    if ("AREA" === nodeName) {
+      return isValidFocusableArea(
+        /** @type {HTMLAreaElement} */
+        element
+      );
     }
     return true;
   });
 }
-//# sourceMappingURL=focusable.js.map
+export {
+  find
+};
+//# sourceMappingURL=focusable.js.map

package/build-module/focusable.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["buildSelector","sequential","join","isVisible","element","offsetWidth","offsetHeight","getClientRects","length","isValidFocusableArea","map","closest","img","ownerDocument","querySelector","name","find","context","elements","querySelectorAll","Array","from","filter","nodeName"],"sources":["@wordpress/dom/src/focusable.js"],"sourcesContent":["/**\n * References:\n *\n * Focusable:\n *  - https://www.w3.org/TR/html5/editing.html#focus-management\n *\n * Sequential focus navigation:\n *  - https://www.w3.org/TR/html5/editing.html#sequential-focus-navigation-and-the-tabindex-attribute\n *\n * Disabled elements:\n *  - https://www.w3.org/TR/html5/disabled-elements.html#disabled-elements\n *\n * getClientRects algorithm (requiring layout box):\n *  - https://www.w3.org/TR/cssom-view-1/#extension-to-the-element-interface\n *\n * AREA elements associated with an IMG:\n *  - https://w3c.github.io/html/editing.html#data-model\n */\n\n/**\n * Returns a CSS selector used to query for focusable elements.\n *\n * @param {boolean} sequential If set, only query elements that are sequentially\n *                             focusable. Non-interactive elements with a\n *                             negative `tabindex` are focusable but not\n *                             sequentially focusable.\n *                             https://html.spec.whatwg.org/multipage/interaction.html#the-tabindex-attribute\n *\n * @return {string} CSS selector.\n */\nfunction buildSelector( sequential ) {\n\treturn [\n\t\tsequential ? '[tabindex]:not([tabindex^=\"-\"])' : '[tabindex]',\n\t\t'a[href]',\n\t\t'button:not([disabled])',\n\t\t'input:not([type=\"hidden\"]):not([disabled])',\n\t\t'select:not([disabled])',\n\t\t'textarea:not([disabled])',\n\t\t'iframe:not([tabindex^=\"-\"])',\n\t\t'object',\n\t\t'embed',\n\t\t'summary',\n\t\t'area[href]',\n\t\t'[contenteditable]:not([contenteditable=false])',\n\t].join( ',' );\n}\n\n/**\n * Returns true if the specified element is visible (i.e. neither display: none\n * nor visibility: hidden).\n *\n * @param {HTMLElement} element DOM element to test.\n *\n * @return {boolean} Whether element is visible.\n */\nfunction isVisible( element ) {\n\treturn (\n\t\telement.offsetWidth > 0 ||\n\t\telement.offsetHeight > 0 ||\n\t\telement.getClientRects().length > 0\n\t);\n}\n\n/**\n * Returns true if the specified area element is a valid focusable element, or\n * false otherwise. Area is only focusable if within a map where a named map\n * referenced by an image somewhere in the document.\n *\n * @param {HTMLAreaElement} element DOM area element to test.\n *\n * @return {boolean} Whether area element is valid for focus.\n */\nfunction isValidFocusableArea( element ) {\n\t/** @type {HTMLMapElement | null} */\n\tconst map = element.closest( 'map[name]' );\n\tif ( ! map ) {\n\t\treturn false;\n\t}\n\n\t/** @type {HTMLImageElement | null} */\n\tconst img = element.ownerDocument.querySelector(\n\t\t'img[usemap=\"#' + map.name + '\"]'\n\t);\n\treturn !! img && isVisible( img );\n}\n\n/**\n * Returns all focusable elements within a given context.\n *\n * @param {Element} context              Element in which to search.\n * @param {Object}  options\n * @param {boolean} [options.sequential] If set, only return elements that are\n *                                       sequentially focusable.\n *                                       Non-interactive elements with a\n *                                       negative `tabindex` are focusable but\n *                                       not sequentially focusable.\n *                                       https://html.spec.whatwg.org/multipage/interaction.html#the-tabindex-attribute\n *\n * @return {HTMLElement[]} Focusable elements.\n */\nexport function find( context, { sequential = false } = {} ) {\n\t/** @type {NodeListOf<HTMLElement>} */\n\tconst elements = context.querySelectorAll( buildSelector( sequential ) );\n\n\treturn Array.from( elements ).filter( ( element ) => {\n\t\tif ( ! isVisible( element ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst { nodeName } = element;\n\t\tif ( 'AREA' === nodeName ) {\n\t\t\treturn isValidFocusableArea(\n\t\t\t\t/** @type {HTMLAreaElement} */ ( element )\n\t\t\t);\n\t\t}\n\n\t\treturn true;\n\t} );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,aAAaA,CAAEC,UAAU,EAAG;EACpC,OAAO,CACNA,UAAU,GAAG,iCAAiC,GAAG,YAAY,EAC7D,SAAS,EACT,wBAAwB,EACxB,4CAA4C,EAC5C,wBAAwB,EACxB,0BAA0B,EAC1B,6BAA6B,EAC7B,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,gDAAgD,CAChD,CAACC,IAAI,CAAE,GAAI,CAAC;AACd;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,SAASA,CAAEC,OAAO,EAAG;EAC7B,OACCA,OAAO,CAACC,WAAW,GAAG,CAAC,IACvBD,OAAO,CAACE,YAAY,GAAG,CAAC,IACxBF,OAAO,CAACG,cAAc,CAAC,CAAC,CAACC,MAAM,GAAG,CAAC;AAErC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,oBAAoBA,CAAEL,OAAO,EAAG;EACxC;EACA,MAAMM,GAAG,GAAGN,OAAO,CAACO,OAAO,CAAE,WAAY,CAAC;EAC1C,IAAK,CAAED,GAAG,EAAG;IACZ,OAAO,KAAK;EACb;;EAEA;EACA,MAAME,GAAG,GAAGR,OAAO,CAACS,aAAa,CAACC,aAAa,CAC9C,eAAe,GAAGJ,GAAG,CAACK,IAAI,GAAG,IAC9B,CAAC;EACD,OAAO,CAAC,CAAEH,GAAG,IAAIT,SAAS,CAAES,GAAI,CAAC;AAClC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASI,IAAIA,CAAEC,OAAO,EAAE;EAAEhB,UAAU,GAAG;AAAM,CAAC,GAAG,CAAC,CAAC,EAAG;EAC5D;EACA,MAAMiB,QAAQ,GAAGD,OAAO,CAACE,gBAAgB,CAAEnB,aAAa,CAAEC,UAAW,CAAE,CAAC;EAExE,OAAOmB,KAAK,CAACC,IAAI,CAAEH,QAAS,CAAC,CAACI,MAAM,CAAIlB,OAAO,IAAM;IACpD,IAAK,CAAED,SAAS,CAAEC,OAAQ,CAAC,EAAG;MAC7B,OAAO,KAAK;IACb;IAEA,MAAM;MAAEmB;IAAS,CAAC,GAAGnB,OAAO;IAC5B,IAAK,MAAM,KAAKmB,QAAQ,EAAG;MAC1B,OAAOd,oBAAoB,CAC1B,8BAAiCL,OAClC,CAAC;IACF;IAEA,OAAO,IAAI;EACZ,CAAE,CAAC;AACJ","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../src/focusable.js"],
+  "sourcesContent": ["/**\n * References:\n *\n * Focusable:\n *  - https://www.w3.org/TR/html5/editing.html#focus-management\n *\n * Sequential focus navigation:\n *  - https://www.w3.org/TR/html5/editing.html#sequential-focus-navigation-and-the-tabindex-attribute\n *\n * Disabled elements:\n *  - https://www.w3.org/TR/html5/disabled-elements.html#disabled-elements\n *\n * getClientRects algorithm (requiring layout box):\n *  - https://www.w3.org/TR/cssom-view-1/#extension-to-the-element-interface\n *\n * AREA elements associated with an IMG:\n *  - https://w3c.github.io/html/editing.html#data-model\n */\n\n/**\n * Returns a CSS selector used to query for focusable elements.\n *\n * @param {boolean} sequential If set, only query elements that are sequentially\n *                             focusable. Non-interactive elements with a\n *                             negative `tabindex` are focusable but not\n *                             sequentially focusable.\n *                             https://html.spec.whatwg.org/multipage/interaction.html#the-tabindex-attribute\n *\n * @return {string} CSS selector.\n */\nfunction buildSelector( sequential ) {\n\treturn [\n\t\tsequential ? '[tabindex]:not([tabindex^=\"-\"])' : '[tabindex]',\n\t\t'a[href]',\n\t\t'button:not([disabled])',\n\t\t'input:not([type=\"hidden\"]):not([disabled])',\n\t\t'select:not([disabled])',\n\t\t'textarea:not([disabled])',\n\t\t'iframe:not([tabindex^=\"-\"])',\n\t\t'object',\n\t\t'embed',\n\t\t'summary',\n\t\t'area[href]',\n\t\t'[contenteditable]:not([contenteditable=false])',\n\t].join( ',' );\n}\n\n/**\n * Returns true if the specified element is visible (i.e. neither display: none\n * nor visibility: hidden).\n *\n * @param {HTMLElement} element DOM element to test.\n *\n * @return {boolean} Whether element is visible.\n */\nfunction isVisible( element ) {\n\treturn (\n\t\telement.offsetWidth > 0 ||\n\t\telement.offsetHeight > 0 ||\n\t\telement.getClientRects().length > 0\n\t);\n}\n\n/**\n * Returns true if the specified area element is a valid focusable element, or\n * false otherwise. Area is only focusable if within a map where a named map\n * referenced by an image somewhere in the document.\n *\n * @param {HTMLAreaElement} element DOM area element to test.\n *\n * @return {boolean} Whether area element is valid for focus.\n */\nfunction isValidFocusableArea( element ) {\n\t/** @type {HTMLMapElement | null} */\n\tconst map = element.closest( 'map[name]' );\n\tif ( ! map ) {\n\t\treturn false;\n\t}\n\n\t/** @type {HTMLImageElement | null} */\n\tconst img = element.ownerDocument.querySelector(\n\t\t'img[usemap=\"#' + map.name + '\"]'\n\t);\n\treturn !! img && isVisible( img );\n}\n\n/**\n * Returns all focusable elements within a given context.\n *\n * @param {Element} context              Element in which to search.\n * @param {Object}  options\n * @param {boolean} [options.sequential] If set, only return elements that are\n *                                       sequentially focusable.\n *                                       Non-interactive elements with a\n *                                       negative `tabindex` are focusable but\n *                                       not sequentially focusable.\n *                                       https://html.spec.whatwg.org/multipage/interaction.html#the-tabindex-attribute\n *\n * @return {HTMLElement[]} Focusable elements.\n */\nexport function find( context, { sequential = false } = {} ) {\n\t/** @type {NodeListOf<HTMLElement>} */\n\tconst elements = context.querySelectorAll( buildSelector( sequential ) );\n\n\treturn Array.from( elements ).filter( ( element ) => {\n\t\tif ( ! isVisible( element ) ) {\n\t\t\treturn false;\n\t\t}\n\n\t\tconst { nodeName } = element;\n\t\tif ( 'AREA' === nodeName ) {\n\t\t\treturn isValidFocusableArea(\n\t\t\t\t/** @type {HTMLAreaElement} */ ( element )\n\t\t\t);\n\t\t}\n\n\t\treturn true;\n\t} );\n}\n"],
+  "mappings": "AA8BA,SAAS,cAAe,YAAa;AACpC,SAAO;AAAA,IACN,aAAa,oCAAoC;AAAA,IACjD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,EAAE,KAAM,GAAI;AACb;AAUA,SAAS,UAAW,SAAU;AAC7B,SACC,QAAQ,cAAc,KACtB,QAAQ,eAAe,KACvB,QAAQ,eAAe,EAAE,SAAS;AAEpC;AAWA,SAAS,qBAAsB,SAAU;AAExC,QAAM,MAAM,QAAQ,QAAS,WAAY;AACzC,MAAK,CAAE,KAAM;AACZ,WAAO;AAAA,EACR;AAGA,QAAM,MAAM,QAAQ,cAAc;AAAA,IACjC,kBAAkB,IAAI,OAAO;AAAA,EAC9B;AACA,SAAO,CAAC,CAAE,OAAO,UAAW,GAAI;AACjC;AAgBO,SAAS,KAAM,SAAS,EAAE,aAAa,MAAM,IAAI,CAAC,GAAI;AAE5D,QAAM,WAAW,QAAQ,iBAAkB,cAAe,UAAW,CAAE;AAEvE,SAAO,MAAM,KAAM,QAAS,EAAE,OAAQ,CAAE,YAAa;AACpD,QAAK,CAAE,UAAW,OAAQ,GAAI;AAC7B,aAAO;AAAA,IACR;AAEA,UAAM,EAAE,SAAS,IAAI;AACrB,QAAK,WAAW,UAAW;AAC1B,aAAO;AAAA;AAAA,QAC2B;AAAA,MAClC;AAAA,IACD;AAEA,WAAO;AAAA,EACR,CAAE;AACH;",
+  "names": []
+}

package/build-module/index.js

@@ -1,18 +1,10 @@
-/**
- * Internal dependencies
- */
-import * as focusable from './focusable';
-import * as tabbable from './tabbable';
-
-/**
- * Object grouping `focusable` and `tabbable` utils
- * under the keys with the same name.
- */
-export const focus = {
-  focusable,
-  tabbable
+import * as focusable from "./focusable";
+import * as tabbable from "./tabbable";
+const focus = { focusable, tabbable };
+export * from "./dom";
+export * from "./phrasing-content";
+export * from "./data-transfer";
+export {
+  focus
 };
-export * from './dom';
-export * from './phrasing-content';
-export * from './data-transfer';
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build-module/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["focusable","tabbable","focus"],"sources":["@wordpress/dom/src/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport * as focusable from './focusable';\nimport * as tabbable from './tabbable';\n\n/**\n * Object grouping `focusable` and `tabbable` utils\n * under the keys with the same name.\n */\nexport const focus = { focusable, tabbable };\n\nexport * from './dom';\nexport * from './phrasing-content';\nexport * from './data-transfer';\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAO,KAAKA,SAAS,MAAM,aAAa;AACxC,OAAO,KAAKC,QAAQ,MAAM,YAAY;;AAEtC;AACA;AACA;AACA;AACA,OAAO,MAAMC,KAAK,GAAG;EAAEF,SAAS;EAAEC;AAAS,CAAC;AAE5C,cAAc,OAAO;AACrB,cAAc,oBAAoB;AAClC,cAAc,iBAAiB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../src/index.js"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport * as focusable from './focusable';\nimport * as tabbable from './tabbable';\n\n/**\n * Object grouping `focusable` and `tabbable` utils\n * under the keys with the same name.\n */\nexport const focus = { focusable, tabbable };\n\nexport * from './dom';\nexport * from './phrasing-content';\nexport * from './data-transfer';\n"],
+  "mappings": "AAGA,YAAY,eAAe;AAC3B,YAAY,cAAc;AAMnB,MAAM,QAAQ,EAAE,WAAW,SAAS;AAE3C,cAAc;AACd,cAAc;AACd,cAAc;",
+  "names": []
+}

package/build-module/phrasing-content.js

@@ -1,57 +1,22 @@
-/**
- * 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', 'id']
-  },
+  a: { attributes: ["href", "target", "rel", "id"] },
   code: {},
-  abbr: {
-    attributes: ['title']
-  },
+  abbr: { attributes: ["title"] },
   sub: {},
   sup: {},
   br: {},
   small: {},
   // To do: fix blockquote.
   // cite: {},
-  q: {
-    attributes: ['cite']
-  },
-  dfn: {
-    attributes: ['title']
-  },
-  data: {
-    attributes: ['value']
-  },
-  time: {
-    attributes: ['datetime']
-  },
+  q: { attributes: ["cite"] },
+  dfn: { attributes: ["title"] },
+  data: { attributes: ["value"] },
+  time: { attributes: ["datetime"] },
   var: {},
   samp: {},
   kbd: {},
@@ -62,84 +27,75 @@ const textContentSchema = {
   ruby: {},
   rt: {},
   rp: {},
-  bdi: {
-    attributes: ['dir']
-  },
-  bdo: {
-    attributes: ['dir']
-  },
+  bdi: { attributes: ["dir"] },
+  bdo: { attributes: ["dir"] },
   wbr: {},
-  '#text': {}
+  "#text": {}
 };
-
-// Recursion is needed.
-// Possible: strong > em > strong.
-// Impossible: strong > strong.
-const excludedElements = ['#text', 'br'];
-Object.keys(textContentSchema).filter(element => !excludedElements.includes(element)).forEach(tag => {
-  const {
-    [tag]: removedTag,
-    ...restSchema
-  } = textContentSchema;
+const excludedElements = ["#text", "br"];
+Object.keys(textContentSchema).filter((element) => !excludedElements.includes(element)).forEach((tag) => {
+  const { [tag]: removedTag, ...restSchema } = textContentSchema;
   textContentSchema[tag].children = restSchema;
 });
-
-/**
- * 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']
+    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']
+    attributes: [
+      "alt",
+      "src",
+      "srcset",
+      "usemap",
+      "ismap",
+      "width",
+      "height"
+    ]
   },
   object: {
-    attributes: ['data', 'type', 'name', 'usemap', 'form', 'width', 'height']
+    attributes: [
+      "data",
+      "type",
+      "name",
+      "usemap",
+      "form",
+      "width",
+      "height"
+    ]
   },
   video: {
-    attributes: ['src', 'poster', 'preload', 'playsinline', 'autoplay', 'mediagroup', 'loop', 'muted', 'controls', 'width', 'height']
+    attributes: [
+      "src",
+      "poster",
+      "preload",
+      "playsinline",
+      "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.
- */
-export function getPhrasingContentSchema(context) {
-  if (context !== 'paste') {
+function getPhrasingContentSchema(context) {
+  if (context !== "paste") {
     return phrasingContentSchema;
   }
-
-  /**
-   * @type {Partial<ContentSchema>}
-   */
   const {
     u,
     // Used to mark misspelling. Shouldn't be pasted.
@@ -160,36 +116,22 @@ export function getPhrasingContentSchema(context) {
     ...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
-    }
+    ins: { children: phrasingContentSchema.ins.children },
+    del: { children: phrasingContentSchema.del.children }
   };
   return remainingContentSchema;
 }
-
-/**
- * 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.
- */
-export function isPhrasingContent(node) {
+function isPhrasingContent(node) {
   const tag = node.nodeName.toLowerCase();
-  return getPhrasingContentSchema().hasOwnProperty(tag) || tag === 'span';
+  return getPhrasingContentSchema().hasOwnProperty(tag) || tag === "span";
 }
-
-/**
- * @param {Node} node
- * @return {boolean} Node is text content
- */
-export function isTextContent(node) {
+function isTextContent(node) {
   const tag = node.nodeName.toLowerCase();
-  return textContentSchema.hasOwnProperty(tag) || tag === 'span';
+  return textContentSchema.hasOwnProperty(tag) || tag === "span";
 }
-//# sourceMappingURL=phrasing-content.js.map
+export {
+  getPhrasingContentSchema,
+  isPhrasingContent,
+  isTextContent
+};
+//# sourceMappingURL=phrasing-content.js.map