@wordpress/format-library 5.32.0 → 5.32.1-next.ff1cebbba.0

package/build/link/inline.js

@@ -1,32 +1,68 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var inline_exports = {};
+__export(inline_exports, {
+  default: () => inline_default
 });
-exports.default = void 0;
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _a11y = require("@wordpress/a11y");
-var _components = require("@wordpress/components");
-var _url = require("@wordpress/url");
-var _richText = require("@wordpress/rich-text");
-var _blockEditor = require("@wordpress/block-editor");
-var _data = require("@wordpress/data");
-var _utils = require("./utils");
-var _index = require("./index");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const LINK_SETTINGS = [..._blockEditor.LinkControl.DEFAULT_LINK_SETTINGS, {
-  id: 'nofollow',
-  title: (0, _i18n.__)('Mark as nofollow')
-}];
+module.exports = __toCommonJS(inline_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_a11y = require("@wordpress/a11y");
+var import_components = require("@wordpress/components");
+var import_url = require("@wordpress/url");
+var import_rich_text = require("@wordpress/rich-text");
+var import_block_editor = require("@wordpress/block-editor");
+var import_data = require("@wordpress/data");
+var import_utils = require("./utils");
+var import_index = require("./index");
+var import_css_classes_setting = __toESM(require("./css-classes-setting"));
+const LINK_SETTINGS = [
+  ...import_block_editor.LinkControl.DEFAULT_LINK_SETTINGS,
+  {
+    id: "nofollow",
+    title: (0, import_i18n.__)("Mark as nofollow")
+  },
+  {
+    id: "cssClasses",
+    title: (0, import_i18n.__)("Additional CSS class(es)"),
+    render: (setting, value, onChange) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_css_classes_setting.default,
+        {
+          setting,
+          value,
+          onChange
+        }
+      );
+    }
+  }
+];
 function InlineLinkUI({
   isActive,
   activeAttributes,
@@ -38,74 +74,74 @@ function InlineLinkUI({
   focusOnMount
 }) {
   const richLinkTextValue = getRichTextValueFromSelection(value, isActive);
-
-  // Get the text content minus any HTML tags.
   const richTextText = richLinkTextValue.text;
-  const {
-    selectionChange
-  } = (0, _data.useDispatch)(_blockEditor.store);
-  const {
-    createPageEntity,
-    userCanCreatePages,
-    selectionStart
-  } = (0, _data.useSelect)(select => {
-    const {
-      getSettings,
-      getSelectionStart
-    } = select(_blockEditor.store);
-    const _settings = getSettings();
-    return {
-      createPageEntity: _settings.__experimentalCreatePageEntity,
-      userCanCreatePages: _settings.__experimentalUserCanCreatePages,
-      selectionStart: getSelectionStart()
-    };
-  }, []);
-  const linkValue = (0, _element.useMemo)(() => ({
-    url: activeAttributes.url,
-    type: activeAttributes.type,
-    id: activeAttributes.id,
-    opensInNewTab: activeAttributes.target === '_blank',
-    nofollow: activeAttributes.rel?.includes('nofollow'),
-    title: richTextText
-  }), [activeAttributes.id, activeAttributes.rel, activeAttributes.target, activeAttributes.type, activeAttributes.url, richTextText]);
+  const { selectionChange } = (0, import_data.useDispatch)(import_block_editor.store);
+  const { createPageEntity, userCanCreatePages, selectionStart } = (0, import_data.useSelect)(
+    (select) => {
+      const { getSettings, getSelectionStart } = select(import_block_editor.store);
+      const _settings = getSettings();
+      return {
+        createPageEntity: _settings.__experimentalCreatePageEntity,
+        userCanCreatePages: _settings.__experimentalUserCanCreatePages,
+        selectionStart: getSelectionStart()
+      };
+    },
+    []
+  );
+  const linkValue = (0, import_element.useMemo)(
+    () => ({
+      url: activeAttributes.url,
+      type: activeAttributes.type,
+      id: activeAttributes.id,
+      opensInNewTab: activeAttributes.target === "_blank",
+      nofollow: activeAttributes.rel?.includes("nofollow"),
+      title: richTextText,
+      cssClasses: activeAttributes.class
+    }),
+    [
+      activeAttributes.class,
+      activeAttributes.id,
+      activeAttributes.rel,
+      activeAttributes.target,
+      activeAttributes.type,
+      activeAttributes.url,
+      richTextText
+    ]
+  );
   function removeLink() {
-    const newValue = (0, _richText.removeFormat)(value, 'core/link');
+    const newValue = (0, import_rich_text.removeFormat)(value, "core/link");
     onChange(newValue);
     stopAddingLink();
-    (0, _a11y.speak)((0, _i18n.__)('Link removed.'), 'assertive');
+    (0, import_a11y.speak)((0, import_i18n.__)("Link removed."), "assertive");
   }
   function onChangeLink(nextValue) {
     const hasLink = linkValue?.url;
     const isNewLink = !hasLink;
-
-    // Merge the next value with the current link value.
     nextValue = {
       ...linkValue,
       ...nextValue
     };
-    const newUrl = (0, _url.prependHTTP)(nextValue.url);
-    const linkFormat = (0, _utils.createLinkFormat)({
+    const newUrl = (0, import_url.prependHTTP)(nextValue.url);
+    const linkFormat = (0, import_utils.createLinkFormat)({
       url: newUrl,
       type: nextValue.type,
-      id: nextValue.id !== undefined && nextValue.id !== null ? String(nextValue.id) : undefined,
+      id: nextValue.id !== void 0 && nextValue.id !== null ? String(nextValue.id) : void 0,
       opensInNewWindow: nextValue.opensInNewTab,
-      nofollow: nextValue.nofollow
+      nofollow: nextValue.nofollow,
+      cssClasses: nextValue.cssClasses
     });
     const newText = nextValue.title || newUrl;
-
-    // Scenario: we have any active text selection or an active format.
     let newValue;
-    if ((0, _richText.isCollapsed)(value) && !isActive) {
-      // Scenario: we don't have any actively selected text or formats.
-      const inserted = (0, _richText.insert)(value, newText);
-      newValue = (0, _richText.applyFormat)(inserted, linkFormat, value.start, value.start + newText.length);
+    if ((0, import_rich_text.isCollapsed)(value) && !isActive) {
+      const inserted = (0, import_rich_text.insert)(value, newText);
+      newValue = (0, import_rich_text.applyFormat)(
+        inserted,
+        linkFormat,
+        value.start,
+        value.start + newText.length
+      );
       onChange(newValue);
-
-      // Close the Link UI.
       stopAddingLink();
-
-      // Move the selection to the end of the inserted link outside of the format boundary
-      // so the user can continue typing after the link.
       selectionChange({
         clientId: selectionStart.clientId,
         identifier: selectionStart.attributeKey,
@@ -113,141 +149,117 @@ function InlineLinkUI({
       });
       return;
     } else if (newText === richTextText) {
-      newValue = (0, _richText.applyFormat)(value, linkFormat);
+      newValue = (0, import_rich_text.applyFormat)(value, linkFormat);
     } else {
-      // Scenario: Editing an existing link.
-
-      // Create new RichText value for the new text in order that we
-      // can apply formats to it.
-      newValue = (0, _richText.create)({
-        text: newText
-      });
-      // Apply the new Link format to this new text value.
-      newValue = (0, _richText.applyFormat)(newValue, linkFormat, 0, newText.length);
-
-      // Get the boundaries of the active link format.
-      const boundary = (0, _utils.getFormatBoundary)(value, {
-        type: 'core/link'
+      newValue = (0, import_rich_text.create)({ text: newText });
+      newValue = (0, import_rich_text.applyFormat)(newValue, linkFormat, 0, newText.length);
+      const boundary = (0, import_utils.getFormatBoundary)(value, {
+        type: "core/link"
       });
-
-      // Split the value at the start of the active link format.
-      // Passing "start" as the 3rd parameter is required to ensure
-      // the second half of the split value is split at the format's
-      // start boundary and avoids relying on the value's "end" property
-      // which may not correspond correctly.
-      const [valBefore, valAfter] = (0, _richText.split)(value, boundary.start, boundary.start);
-
-      // Update the original (full) RichTextValue replacing the
-      // target text with the *new* RichTextValue containing:
-      // 1. The new text content.
-      // 2. The new link format.
-      // As "replace" will operate on the first match only, it is
-      // run only against the second half of the value which was
-      // split at the active format's boundary. This avoids a bug
-      // with incorrectly targeted replacements.
-      // See: https://github.com/WordPress/gutenberg/issues/41771.
-      // Note original formats will be lost when applying this change.
-      // That is expected behaviour.
-      // See: https://github.com/WordPress/gutenberg/pull/33849#issuecomment-936134179.
-      const newValAfter = (0, _richText.replace)(valAfter, richTextText, newValue);
-      newValue = (0, _richText.concat)(valBefore, newValAfter);
+      const [valBefore, valAfter] = (0, import_rich_text.split)(
+        value,
+        boundary.start,
+        boundary.start
+      );
+      const newValAfter = (0, import_rich_text.replace)(valAfter, richTextText, newValue);
+      newValue = (0, import_rich_text.concat)(valBefore, newValAfter);
     }
     onChange(newValue);
-
-    // Focus should only be returned to the rich text on submit if this link is not
-    // being created for the first time. If it is then focus should remain within the
-    // Link UI because it should remain open for the user to modify the link they have
-    // just created.
     if (!isNewLink) {
       stopAddingLink();
     }
-    if (!(0, _utils.isValidHref)(newUrl)) {
-      (0, _a11y.speak)((0, _i18n.__)('Warning: the link has been inserted but may have errors. Please test it.'), 'assertive');
+    if (!(0, import_utils.isValidHref)(newUrl)) {
+      (0, import_a11y.speak)(
+        (0, import_i18n.__)(
+          "Warning: the link has been inserted but may have errors. Please test it."
+        ),
+        "assertive"
+      );
     } else if (isActive) {
-      (0, _a11y.speak)((0, _i18n.__)('Link edited.'), 'assertive');
+      (0, import_a11y.speak)((0, import_i18n.__)("Link edited."), "assertive");
     } else {
-      (0, _a11y.speak)((0, _i18n.__)('Link inserted.'), 'assertive');
+      (0, import_a11y.speak)((0, import_i18n.__)("Link inserted."), "assertive");
     }
   }
-  const popoverAnchor = (0, _richText.useAnchor)({
+  const popoverAnchor = (0, import_rich_text.useAnchor)({
     editableContentElement: contentRef.current,
     settings: {
-      ..._index.link,
+      ...import_index.link,
       isActive
     }
   });
   async function handleCreate(pageTitle) {
     const page = await createPageEntity({
       title: pageTitle,
-      status: 'draft'
+      status: "draft"
     });
     return {
       id: page.id,
       type: page.type,
       title: page.title.rendered,
       url: page.link,
-      kind: 'post-type'
+      kind: "post-type"
     };
   }
   function createButtonText(searchTerm) {
-    return (0, _element.createInterpolateElement)((0, _i18n.sprintf)(/* translators: %s: search term. */
-    (0, _i18n.__)('Create page: <mark>%s</mark>'), searchTerm), {
-      mark: /*#__PURE__*/(0, _jsxRuntime.jsx)("mark", {})
-    });
+    return (0, import_element.createInterpolateElement)(
+      (0, import_i18n.sprintf)(
+        /* translators: %s: search term. */
+        (0, import_i18n.__)("Create page: <mark>%s</mark>"),
+        searchTerm
+      ),
+      { mark: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("mark", {}) }
+    );
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Popover, {
-    anchor: popoverAnchor,
-    animate: false,
-    onClose: stopAddingLink,
-    onFocusOutside: onFocusOutside,
-    placement: "bottom",
-    offset: 8,
-    shift: true,
-    focusOnMount: focusOnMount,
-    constrainTabbing: true,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.LinkControl, {
-      value: linkValue,
-      onChange: onChangeLink,
-      onRemove: removeLink,
-      hasRichPreviews: true,
-      createSuggestion: createPageEntity && handleCreate,
-      withCreateSuggestion: userCanCreatePages,
-      createSuggestionButtonText: createButtonText,
-      hasTextControl: true,
-      settings: LINK_SETTINGS,
-      showInitialSuggestions: true,
-      suggestionsQuery: {
-        // always show Pages as initial suggestions
-        initialSuggestionsSearchOptions: {
-          type: 'post',
-          subtype: 'page',
-          perPage: 20
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_components.Popover,
+    {
+      anchor: popoverAnchor,
+      animate: false,
+      onClose: stopAddingLink,
+      onFocusOutside,
+      placement: "bottom",
+      offset: 8,
+      shift: true,
+      focusOnMount,
+      constrainTabbing: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_block_editor.LinkControl,
+        {
+          value: linkValue,
+          onChange: onChangeLink,
+          onRemove: removeLink,
+          hasRichPreviews: true,
+          createSuggestion: createPageEntity && handleCreate,
+          withCreateSuggestion: userCanCreatePages,
+          createSuggestionButtonText: createButtonText,
+          hasTextControl: true,
+          settings: LINK_SETTINGS,
+          showInitialSuggestions: true,
+          suggestionsQuery: {
+            // always show Pages as initial suggestions
+            initialSuggestionsSearchOptions: {
+              type: "post",
+              subtype: "page",
+              perPage: 20
+            }
+          }
         }
-      }
-    })
-  });
+      )
+    }
+  );
 }
 function getRichTextValueFromSelection(value, isActive) {
-  // Default to the selection ranges on the RichTextValue object.
   let textStart = value.start;
   let textEnd = value.end;
-
-  // If the format is currently active then the rich text value
-  // should always be taken from the bounds of the active format
-  // and not the selected text.
   if (isActive) {
-    const boundary = (0, _utils.getFormatBoundary)(value, {
-      type: 'core/link'
+    const boundary = (0, import_utils.getFormatBoundary)(value, {
+      type: "core/link"
     });
     textStart = boundary.start;
-
-    // Text *selection* always extends +1 beyond the edge of the format.
-    // We account for that here.
     textEnd = boundary.end + 1;
   }
-
-  // Get a RichTextValue containing the selected text content.
-  return (0, _richText.slice)(value, textStart, textEnd);
+  return (0, import_rich_text.slice)(value, textStart, textEnd);
 }
-var _default = exports.default = InlineLinkUI;
-//# sourceMappingURL=inline.js.map
+var inline_default = InlineLinkUI;
+//# sourceMappingURL=inline.js.map

package/build/link/inline.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_i18n","_a11y","_components","_url","_richText","_blockEditor","_data","_utils","_index","_jsxRuntime","LINK_SETTINGS","LinkControl","DEFAULT_LINK_SETTINGS","id","title","__","InlineLinkUI","isActive","activeAttributes","value","onChange","onFocusOutside","stopAddingLink","contentRef","focusOnMount","richLinkTextValue","getRichTextValueFromSelection","richTextText","text","selectionChange","useDispatch","blockEditorStore","createPageEntity","userCanCreatePages","selectionStart","useSelect","select","getSettings","getSelectionStart","_settings","__experimentalCreatePageEntity","__experimentalUserCanCreatePages","linkValue","useMemo","url","type","opensInNewTab","target","nofollow","rel","includes","removeLink","newValue","removeFormat","speak","onChangeLink","nextValue","hasLink","isNewLink","newUrl","prependHTTP","linkFormat","createLinkFormat","undefined","String","opensInNewWindow","newText","isCollapsed","inserted","insert","applyFormat","start","length","clientId","identifier","attributeKey","create","boundary","getFormatBoundary","valBefore","valAfter","split","newValAfter","replace","concat","isValidHref","popoverAnchor","useAnchor","editableContentElement","current","settings","handleCreate","pageTitle","page","status","rendered","link","kind","createButtonText","searchTerm","createInterpolateElement","sprintf","mark","jsx","Popover","anchor","animate","onClose","placement","offset","shift","constrainTabbing","children","onRemove","hasRichPreviews","createSuggestion","withCreateSuggestion","createSuggestionButtonText","hasTextControl","showInitialSuggestions","suggestionsQuery","initialSuggestionsSearchOptions","subtype","perPage","textStart","textEnd","end","slice","_default","exports","default"],"sources":["@wordpress/format-library/src/link/inline.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, createInterpolateElement } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\nimport { Popover } from '@wordpress/components';\nimport { prependHTTP } from '@wordpress/url';\nimport {\n\tcreate,\n\tinsert,\n\tisCollapsed,\n\tapplyFormat,\n\tremoveFormat,\n\tslice,\n\treplace,\n\tsplit,\n\tconcat,\n\tuseAnchor,\n} from '@wordpress/rich-text';\nimport {\n\tLinkControl,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { createLinkFormat, isValidHref, getFormatBoundary } from './utils';\nimport { link as settings } from './index';\n\nconst LINK_SETTINGS = [\n\t...LinkControl.DEFAULT_LINK_SETTINGS,\n\t{\n\t\tid: 'nofollow',\n\t\ttitle: __( 'Mark as nofollow' ),\n\t},\n];\n\nfunction InlineLinkUI( {\n\tisActive,\n\tactiveAttributes,\n\tvalue,\n\tonChange,\n\tonFocusOutside,\n\tstopAddingLink,\n\tcontentRef,\n\tfocusOnMount,\n} ) {\n\tconst richLinkTextValue = getRichTextValueFromSelection( value, isActive );\n\n\t// Get the text content minus any HTML tags.\n\tconst richTextText = richLinkTextValue.text;\n\n\tconst { selectionChange } = useDispatch( blockEditorStore );\n\n\tconst { createPageEntity, userCanCreatePages, selectionStart } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings, getSelectionStart } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst _settings = getSettings();\n\n\t\t\treturn {\n\t\t\t\tcreatePageEntity: _settings.__experimentalCreatePageEntity,\n\t\t\t\tuserCanCreatePages: _settings.__experimentalUserCanCreatePages,\n\t\t\t\tselectionStart: getSelectionStart(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst linkValue = useMemo(\n\t\t() => ( {\n\t\t\turl: activeAttributes.url,\n\t\t\ttype: activeAttributes.type,\n\t\t\tid: activeAttributes.id,\n\t\t\topensInNewTab: activeAttributes.target === '_blank',\n\t\t\tnofollow: activeAttributes.rel?.includes( 'nofollow' ),\n\t\t\ttitle: richTextText,\n\t\t} ),\n\t\t[\n\t\t\tactiveAttributes.id,\n\t\t\tactiveAttributes.rel,\n\t\t\tactiveAttributes.target,\n\t\t\tactiveAttributes.type,\n\t\t\tactiveAttributes.url,\n\t\t\trichTextText,\n\t\t]\n\t);\n\n\tfunction removeLink() {\n\t\tconst newValue = removeFormat( value, 'core/link' );\n\t\tonChange( newValue );\n\t\tstopAddingLink();\n\t\tspeak( __( 'Link removed.' ), 'assertive' );\n\t}\n\n\tfunction onChangeLink( nextValue ) {\n\t\tconst hasLink = linkValue?.url;\n\t\tconst isNewLink = ! hasLink;\n\n\t\t// Merge the next value with the current link value.\n\t\tnextValue = {\n\t\t\t...linkValue,\n\t\t\t...nextValue,\n\t\t};\n\n\t\tconst newUrl = prependHTTP( nextValue.url );\n\t\tconst linkFormat = createLinkFormat( {\n\t\t\turl: newUrl,\n\t\t\ttype: nextValue.type,\n\t\t\tid:\n\t\t\t\tnextValue.id !== undefined && nextValue.id !== null\n\t\t\t\t\t? String( nextValue.id )\n\t\t\t\t\t: undefined,\n\t\t\topensInNewWindow: nextValue.opensInNewTab,\n\t\t\tnofollow: nextValue.nofollow,\n\t\t} );\n\n\t\tconst newText = nextValue.title || newUrl;\n\n\t\t// Scenario: we have any active text selection or an active format.\n\t\tlet newValue;\n\t\tif ( isCollapsed( value ) && ! isActive ) {\n\t\t\t// Scenario: we don't have any actively selected text or formats.\n\t\t\tconst inserted = insert( value, newText );\n\n\t\t\tnewValue = applyFormat(\n\t\t\t\tinserted,\n\t\t\t\tlinkFormat,\n\t\t\t\tvalue.start,\n\t\t\t\tvalue.start + newText.length\n\t\t\t);\n\n\t\t\tonChange( newValue );\n\n\t\t\t// Close the Link UI.\n\t\t\tstopAddingLink();\n\n\t\t\t// Move the selection to the end of the inserted link outside of the format boundary\n\t\t\t// so the user can continue typing after the link.\n\t\t\tselectionChange( {\n\t\t\t\tclientId: selectionStart.clientId,\n\t\t\t\tidentifier: selectionStart.attributeKey,\n\t\t\t\tstart: value.start + newText.length + 1,\n\t\t\t} );\n\n\t\t\treturn;\n\t\t} else if ( newText === richTextText ) {\n\t\t\tnewValue = applyFormat( value, linkFormat );\n\t\t} else {\n\t\t\t// Scenario: Editing an existing link.\n\n\t\t\t// Create new RichText value for the new text in order that we\n\t\t\t// can apply formats to it.\n\t\t\tnewValue = create( { text: newText } );\n\t\t\t// Apply the new Link format to this new text value.\n\t\t\tnewValue = applyFormat( newValue, linkFormat, 0, newText.length );\n\n\t\t\t// Get the boundaries of the active link format.\n\t\t\tconst boundary = getFormatBoundary( value, {\n\t\t\t\ttype: 'core/link',\n\t\t\t} );\n\n\t\t\t// Split the value at the start of the active link format.\n\t\t\t// Passing \"start\" as the 3rd parameter is required to ensure\n\t\t\t// the second half of the split value is split at the format's\n\t\t\t// start boundary and avoids relying on the value's \"end\" property\n\t\t\t// which may not correspond correctly.\n\t\t\tconst [ valBefore, valAfter ] = split(\n\t\t\t\tvalue,\n\t\t\t\tboundary.start,\n\t\t\t\tboundary.start\n\t\t\t);\n\n\t\t\t// Update the original (full) RichTextValue replacing the\n\t\t\t// target text with the *new* RichTextValue containing:\n\t\t\t// 1. The new text content.\n\t\t\t// 2. The new link format.\n\t\t\t// As \"replace\" will operate on the first match only, it is\n\t\t\t// run only against the second half of the value which was\n\t\t\t// split at the active format's boundary. This avoids a bug\n\t\t\t// with incorrectly targeted replacements.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/41771.\n\t\t\t// Note original formats will be lost when applying this change.\n\t\t\t// That is expected behaviour.\n\t\t\t// See: https://github.com/WordPress/gutenberg/pull/33849#issuecomment-936134179.\n\t\t\tconst newValAfter = replace( valAfter, richTextText, newValue );\n\n\t\t\tnewValue = concat( valBefore, newValAfter );\n\t\t}\n\n\t\tonChange( newValue );\n\n\t\t// Focus should only be returned to the rich text on submit if this link is not\n\t\t// being created for the first time. If it is then focus should remain within the\n\t\t// Link UI because it should remain open for the user to modify the link they have\n\t\t// just created.\n\t\tif ( ! isNewLink ) {\n\t\t\tstopAddingLink();\n\t\t}\n\n\t\tif ( ! isValidHref( newUrl ) ) {\n\t\t\tspeak(\n\t\t\t\t__(\n\t\t\t\t\t'Warning: the link has been inserted but may have errors. Please test it.'\n\t\t\t\t),\n\t\t\t\t'assertive'\n\t\t\t);\n\t\t} else if ( isActive ) {\n\t\t\tspeak( __( 'Link edited.' ), 'assertive' );\n\t\t} else {\n\t\t\tspeak( __( 'Link inserted.' ), 'assertive' );\n\t\t}\n\t}\n\n\tconst popoverAnchor = useAnchor( {\n\t\teditableContentElement: contentRef.current,\n\t\tsettings: {\n\t\t\t...settings,\n\t\t\tisActive,\n\t\t},\n\t} );\n\n\tasync function handleCreate( pageTitle ) {\n\t\tconst page = await createPageEntity( {\n\t\t\ttitle: pageTitle,\n\t\t\tstatus: 'draft',\n\t\t} );\n\n\t\treturn {\n\t\t\tid: page.id,\n\t\t\ttype: page.type,\n\t\t\ttitle: page.title.rendered,\n\t\t\turl: page.link,\n\t\t\tkind: 'post-type',\n\t\t};\n\t}\n\n\tfunction createButtonText( searchTerm ) {\n\t\treturn createInterpolateElement(\n\t\t\tsprintf(\n\t\t\t\t/* translators: %s: search term. */\n\t\t\t\t__( 'Create page: <mark>%s</mark>' ),\n\t\t\t\tsearchTerm\n\t\t\t),\n\t\t\t{ mark: <mark /> }\n\t\t);\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\tanchor={ popoverAnchor }\n\t\t\tanimate={ false }\n\t\t\tonClose={ stopAddingLink }\n\t\t\tonFocusOutside={ onFocusOutside }\n\t\t\tplacement=\"bottom\"\n\t\t\toffset={ 8 }\n\t\t\tshift\n\t\t\tfocusOnMount={ focusOnMount }\n\t\t\tconstrainTabbing\n\t\t>\n\t\t\t<LinkControl\n\t\t\t\tvalue={ linkValue }\n\t\t\t\tonChange={ onChangeLink }\n\t\t\t\tonRemove={ removeLink }\n\t\t\t\thasRichPreviews\n\t\t\t\tcreateSuggestion={ createPageEntity && handleCreate }\n\t\t\t\twithCreateSuggestion={ userCanCreatePages }\n\t\t\t\tcreateSuggestionButtonText={ createButtonText }\n\t\t\t\thasTextControl\n\t\t\t\tsettings={ LINK_SETTINGS }\n\t\t\t\tshowInitialSuggestions\n\t\t\t\tsuggestionsQuery={ {\n\t\t\t\t\t// always show Pages as initial suggestions\n\t\t\t\t\tinitialSuggestionsSearchOptions: {\n\t\t\t\t\t\ttype: 'post',\n\t\t\t\t\t\tsubtype: 'page',\n\t\t\t\t\t\tperPage: 20,\n\t\t\t\t\t},\n\t\t\t\t} }\n\t\t\t/>\n\t\t</Popover>\n\t);\n}\n\nfunction getRichTextValueFromSelection( value, isActive ) {\n\t// Default to the selection ranges on the RichTextValue object.\n\tlet textStart = value.start;\n\tlet textEnd = value.end;\n\n\t// If the format is currently active then the rich text value\n\t// should always be taken from the bounds of the active format\n\t// and not the selected text.\n\tif ( isActive ) {\n\t\tconst boundary = getFormatBoundary( value, {\n\t\t\ttype: 'core/link',\n\t\t} );\n\n\t\ttextStart = boundary.start;\n\n\t\t// Text *selection* always extends +1 beyond the edge of the format.\n\t\t// We account for that here.\n\t\ttextEnd = boundary.end + 1;\n\t}\n\n\t// Get a RichTextValue containing the selected text content.\n\treturn slice( value, textStart, textEnd );\n}\n\nexport default InlineLinkUI;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/link/inline.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useMemo, createInterpolateElement } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { speak } from '@wordpress/a11y';\nimport { Popover } from '@wordpress/components';\nimport { prependHTTP } from '@wordpress/url';\nimport {\n\tcreate,\n\tinsert,\n\tisCollapsed,\n\tapplyFormat,\n\tremoveFormat,\n\tslice,\n\treplace,\n\tsplit,\n\tconcat,\n\tuseAnchor,\n} from '@wordpress/rich-text';\nimport {\n\tLinkControl,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { createLinkFormat, isValidHref, getFormatBoundary } from './utils';\nimport { link as settings } from './index';\nimport CSSClassesSettingComponent from './css-classes-setting';\n\n// CSSClassesSettingComponent moved to its own file and imported above.\n\nconst LINK_SETTINGS = [\n\t...LinkControl.DEFAULT_LINK_SETTINGS,\n\t{\n\t\tid: 'nofollow',\n\t\ttitle: __( 'Mark as nofollow' ),\n\t},\n\t{\n\t\tid: 'cssClasses',\n\t\ttitle: __( 'Additional CSS class(es)' ),\n\t\trender: ( setting, value, onChange ) => {\n\t\t\treturn (\n\t\t\t\t<CSSClassesSettingComponent\n\t\t\t\t\tsetting={ setting }\n\t\t\t\t\tvalue={ value }\n\t\t\t\t\tonChange={ onChange }\n\t\t\t\t/>\n\t\t\t);\n\t\t},\n\t},\n];\n\nfunction InlineLinkUI( {\n\tisActive,\n\tactiveAttributes,\n\tvalue,\n\tonChange,\n\tonFocusOutside,\n\tstopAddingLink,\n\tcontentRef,\n\tfocusOnMount,\n} ) {\n\tconst richLinkTextValue = getRichTextValueFromSelection( value, isActive );\n\n\t// Get the text content minus any HTML tags.\n\tconst richTextText = richLinkTextValue.text;\n\n\tconst { selectionChange } = useDispatch( blockEditorStore );\n\n\tconst { createPageEntity, userCanCreatePages, selectionStart } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getSettings, getSelectionStart } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\tconst _settings = getSettings();\n\n\t\t\treturn {\n\t\t\t\tcreatePageEntity: _settings.__experimentalCreatePageEntity,\n\t\t\t\tuserCanCreatePages: _settings.__experimentalUserCanCreatePages,\n\t\t\t\tselectionStart: getSelectionStart(),\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst linkValue = useMemo(\n\t\t() => ( {\n\t\t\turl: activeAttributes.url,\n\t\t\ttype: activeAttributes.type,\n\t\t\tid: activeAttributes.id,\n\t\t\topensInNewTab: activeAttributes.target === '_blank',\n\t\t\tnofollow: activeAttributes.rel?.includes( 'nofollow' ),\n\t\t\ttitle: richTextText,\n\t\t\tcssClasses: activeAttributes.class,\n\t\t} ),\n\t\t[\n\t\t\tactiveAttributes.class,\n\t\t\tactiveAttributes.id,\n\t\t\tactiveAttributes.rel,\n\t\t\tactiveAttributes.target,\n\t\t\tactiveAttributes.type,\n\t\t\tactiveAttributes.url,\n\t\t\trichTextText,\n\t\t]\n\t);\n\n\tfunction removeLink() {\n\t\tconst newValue = removeFormat( value, 'core/link' );\n\t\tonChange( newValue );\n\t\tstopAddingLink();\n\t\tspeak( __( 'Link removed.' ), 'assertive' );\n\t}\n\n\tfunction onChangeLink( nextValue ) {\n\t\tconst hasLink = linkValue?.url;\n\t\tconst isNewLink = ! hasLink;\n\n\t\t// Merge the next value with the current link value.\n\t\tnextValue = {\n\t\t\t...linkValue,\n\t\t\t...nextValue,\n\t\t};\n\n\t\tconst newUrl = prependHTTP( nextValue.url );\n\t\tconst linkFormat = createLinkFormat( {\n\t\t\turl: newUrl,\n\t\t\ttype: nextValue.type,\n\t\t\tid:\n\t\t\t\tnextValue.id !== undefined && nextValue.id !== null\n\t\t\t\t\t? String( nextValue.id )\n\t\t\t\t\t: undefined,\n\t\t\topensInNewWindow: nextValue.opensInNewTab,\n\t\t\tnofollow: nextValue.nofollow,\n\t\t\tcssClasses: nextValue.cssClasses,\n\t\t} );\n\n\t\tconst newText = nextValue.title || newUrl;\n\n\t\t// Scenario: we have any active text selection or an active format.\n\t\tlet newValue;\n\t\tif ( isCollapsed( value ) && ! isActive ) {\n\t\t\t// Scenario: we don't have any actively selected text or formats.\n\t\t\tconst inserted = insert( value, newText );\n\n\t\t\tnewValue = applyFormat(\n\t\t\t\tinserted,\n\t\t\t\tlinkFormat,\n\t\t\t\tvalue.start,\n\t\t\t\tvalue.start + newText.length\n\t\t\t);\n\n\t\t\tonChange( newValue );\n\n\t\t\t// Close the Link UI.\n\t\t\tstopAddingLink();\n\n\t\t\t// Move the selection to the end of the inserted link outside of the format boundary\n\t\t\t// so the user can continue typing after the link.\n\t\t\tselectionChange( {\n\t\t\t\tclientId: selectionStart.clientId,\n\t\t\t\tidentifier: selectionStart.attributeKey,\n\t\t\t\tstart: value.start + newText.length + 1,\n\t\t\t} );\n\n\t\t\treturn;\n\t\t} else if ( newText === richTextText ) {\n\t\t\tnewValue = applyFormat( value, linkFormat );\n\t\t} else {\n\t\t\t// Scenario: Editing an existing link.\n\n\t\t\t// Create new RichText value for the new text in order that we\n\t\t\t// can apply formats to it.\n\t\t\tnewValue = create( { text: newText } );\n\t\t\t// Apply the new Link format to this new text value.\n\t\t\tnewValue = applyFormat( newValue, linkFormat, 0, newText.length );\n\n\t\t\t// Get the boundaries of the active link format.\n\t\t\tconst boundary = getFormatBoundary( value, {\n\t\t\t\ttype: 'core/link',\n\t\t\t} );\n\n\t\t\t// Split the value at the start of the active link format.\n\t\t\t// Passing \"start\" as the 3rd parameter is required to ensure\n\t\t\t// the second half of the split value is split at the format's\n\t\t\t// start boundary and avoids relying on the value's \"end\" property\n\t\t\t// which may not correspond correctly.\n\t\t\tconst [ valBefore, valAfter ] = split(\n\t\t\t\tvalue,\n\t\t\t\tboundary.start,\n\t\t\t\tboundary.start\n\t\t\t);\n\n\t\t\t// Update the original (full) RichTextValue replacing the\n\t\t\t// target text with the *new* RichTextValue containing:\n\t\t\t// 1. The new text content.\n\t\t\t// 2. The new link format.\n\t\t\t// As \"replace\" will operate on the first match only, it is\n\t\t\t// run only against the second half of the value which was\n\t\t\t// split at the active format's boundary. This avoids a bug\n\t\t\t// with incorrectly targeted replacements.\n\t\t\t// See: https://github.com/WordPress/gutenberg/issues/41771.\n\t\t\t// Note original formats will be lost when applying this change.\n\t\t\t// That is expected behaviour.\n\t\t\t// See: https://github.com/WordPress/gutenberg/pull/33849#issuecomment-936134179.\n\t\t\tconst newValAfter = replace( valAfter, richTextText, newValue );\n\n\t\t\tnewValue = concat( valBefore, newValAfter );\n\t\t}\n\n\t\tonChange( newValue );\n\n\t\t// Focus should only be returned to the rich text on submit if this link is not\n\t\t// being created for the first time. If it is then focus should remain within the\n\t\t// Link UI because it should remain open for the user to modify the link they have\n\t\t// just created.\n\t\tif ( ! isNewLink ) {\n\t\t\tstopAddingLink();\n\t\t}\n\n\t\tif ( ! isValidHref( newUrl ) ) {\n\t\t\tspeak(\n\t\t\t\t__(\n\t\t\t\t\t'Warning: the link has been inserted but may have errors. Please test it.'\n\t\t\t\t),\n\t\t\t\t'assertive'\n\t\t\t);\n\t\t} else if ( isActive ) {\n\t\t\tspeak( __( 'Link edited.' ), 'assertive' );\n\t\t} else {\n\t\t\tspeak( __( 'Link inserted.' ), 'assertive' );\n\t\t}\n\t}\n\n\tconst popoverAnchor = useAnchor( {\n\t\teditableContentElement: contentRef.current,\n\t\tsettings: {\n\t\t\t...settings,\n\t\t\tisActive,\n\t\t},\n\t} );\n\n\tasync function handleCreate( pageTitle ) {\n\t\tconst page = await createPageEntity( {\n\t\t\ttitle: pageTitle,\n\t\t\tstatus: 'draft',\n\t\t} );\n\n\t\treturn {\n\t\t\tid: page.id,\n\t\t\ttype: page.type,\n\t\t\ttitle: page.title.rendered,\n\t\t\turl: page.link,\n\t\t\tkind: 'post-type',\n\t\t};\n\t}\n\n\tfunction createButtonText( searchTerm ) {\n\t\treturn createInterpolateElement(\n\t\t\tsprintf(\n\t\t\t\t/* translators: %s: search term. */\n\t\t\t\t__( 'Create page: <mark>%s</mark>' ),\n\t\t\t\tsearchTerm\n\t\t\t),\n\t\t\t{ mark: <mark /> }\n\t\t);\n\t}\n\n\treturn (\n\t\t<Popover\n\t\t\tanchor={ popoverAnchor }\n\t\t\tanimate={ false }\n\t\t\tonClose={ stopAddingLink }\n\t\t\tonFocusOutside={ onFocusOutside }\n\t\t\tplacement=\"bottom\"\n\t\t\toffset={ 8 }\n\t\t\tshift\n\t\t\tfocusOnMount={ focusOnMount }\n\t\t\tconstrainTabbing\n\t\t>\n\t\t\t<LinkControl\n\t\t\t\tvalue={ linkValue }\n\t\t\t\tonChange={ onChangeLink }\n\t\t\t\tonRemove={ removeLink }\n\t\t\t\thasRichPreviews\n\t\t\t\tcreateSuggestion={ createPageEntity && handleCreate }\n\t\t\t\twithCreateSuggestion={ userCanCreatePages }\n\t\t\t\tcreateSuggestionButtonText={ createButtonText }\n\t\t\t\thasTextControl\n\t\t\t\tsettings={ LINK_SETTINGS }\n\t\t\t\tshowInitialSuggestions\n\t\t\t\tsuggestionsQuery={ {\n\t\t\t\t\t// always show Pages as initial suggestions\n\t\t\t\t\tinitialSuggestionsSearchOptions: {\n\t\t\t\t\t\ttype: 'post',\n\t\t\t\t\t\tsubtype: 'page',\n\t\t\t\t\t\tperPage: 20,\n\t\t\t\t\t},\n\t\t\t\t} }\n\t\t\t/>\n\t\t</Popover>\n\t);\n}\n\nfunction getRichTextValueFromSelection( value, isActive ) {\n\t// Default to the selection ranges on the RichTextValue object.\n\tlet textStart = value.start;\n\tlet textEnd = value.end;\n\n\t// If the format is currently active then the rich text value\n\t// should always be taken from the bounds of the active format\n\t// and not the selected text.\n\tif ( isActive ) {\n\t\tconst boundary = getFormatBoundary( value, {\n\t\t\ttype: 'core/link',\n\t\t} );\n\n\t\ttextStart = boundary.start;\n\n\t\t// Text *selection* always extends +1 beyond the edge of the format.\n\t\t// We account for that here.\n\t\ttextEnd = boundary.end + 1;\n\t}\n\n\t// Get a RichTextValue containing the selected text content.\n\treturn slice( value, textStart, textEnd );\n}\n\nexport default InlineLinkUI;\n"],
+  "mappings": "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",
+  "names": ["CSSClassesSettingComponent", "blockEditorStore", "settings"]
+}

package/build/link/use-link-instance-key.js

@@ -1,25 +1,31 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_link_instance_key_exports = {};
+__export(use_link_instance_key_exports, {
+  default: () => use_link_instance_key_default
 });
-exports.default = void 0;
-// Weakly referenced map allows unused ids to be garbage collected.
-const weakMap = new WeakMap();
-
-// Incrementing zero-based ID value.
+module.exports = __toCommonJS(use_link_instance_key_exports);
+const weakMap = /* @__PURE__ */ new WeakMap();
 let id = -1;
-const prefix = 'link-control-instance';
+const prefix = "link-control-instance";
 function getKey(_id) {
   return `${prefix}-${_id}`;
 }
-
-/**
- * Builds a unique link control key for the given object reference.
- *
- * @param {Object} instance an unique object reference specific to this link control instance.
- * @return {string | undefined} the unique key to use for this link control.
- */
 function useLinkInstanceKey(instance) {
   if (!instance) {
     return;
@@ -31,5 +37,5 @@ function useLinkInstanceKey(instance) {
   weakMap.set(instance, id);
   return getKey(id);
 }
-var _default = exports.default = useLinkInstanceKey;
-//# sourceMappingURL=use-link-instance-key.js.map
+var use_link_instance_key_default = useLinkInstanceKey;
+//# sourceMappingURL=use-link-instance-key.js.map

package/build/link/use-link-instance-key.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["weakMap","WeakMap","id","prefix","getKey","_id","useLinkInstanceKey","instance","has","get","set","_default","exports","default"],"sources":["@wordpress/format-library/src/link/use-link-instance-key.js"],"sourcesContent":["// Weakly referenced map allows unused ids to be garbage collected.\nconst weakMap = new WeakMap();\n\n// Incrementing zero-based ID value.\nlet id = -1;\n\nconst prefix = 'link-control-instance';\n\nfunction getKey( _id ) {\n\treturn `${ prefix }-${ _id }`;\n}\n\n/**\n * Builds a unique link control key for the given object reference.\n *\n * @param {Object} instance an unique object reference specific to this link control instance.\n * @return {string | undefined} the unique key to use for this link control.\n */\nfunction useLinkInstanceKey( instance ) {\n\tif ( ! instance ) {\n\t\treturn;\n\t}\n\tif ( weakMap.has( instance ) ) {\n\t\treturn getKey( weakMap.get( instance ) );\n\t}\n\n\tid += 1;\n\n\tweakMap.set( instance, id );\n\n\treturn getKey( id );\n}\n\nexport default useLinkInstanceKey;\n"],"mappings":";;;;;;AAAA;AACA,MAAMA,OAAO,GAAG,IAAIC,OAAO,CAAC,CAAC;;AAE7B;AACA,IAAIC,EAAE,GAAG,CAAC,CAAC;AAEX,MAAMC,MAAM,GAAG,uBAAuB;AAEtC,SAASC,MAAMA,CAAEC,GAAG,EAAG;EACtB,OAAO,GAAIF,MAAM,IAAME,GAAG,EAAG;AAC9B;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,kBAAkBA,CAAEC,QAAQ,EAAG;EACvC,IAAK,CAAEA,QAAQ,EAAG;IACjB;EACD;EACA,IAAKP,OAAO,CAACQ,GAAG,CAAED,QAAS,CAAC,EAAG;IAC9B,OAAOH,MAAM,CAAEJ,OAAO,CAACS,GAAG,CAAEF,QAAS,CAAE,CAAC;EACzC;EAEAL,EAAE,IAAI,CAAC;EAEPF,OAAO,CAACU,GAAG,CAAEH,QAAQ,EAAEL,EAAG,CAAC;EAE3B,OAAOE,MAAM,CAAEF,EAAG,CAAC;AACpB;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcP,kBAAkB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/link/use-link-instance-key.js"],
+  "sourcesContent": ["// Weakly referenced map allows unused ids to be garbage collected.\nconst weakMap = new WeakMap();\n\n// Incrementing zero-based ID value.\nlet id = -1;\n\nconst prefix = 'link-control-instance';\n\nfunction getKey( _id ) {\n\treturn `${ prefix }-${ _id }`;\n}\n\n/**\n * Builds a unique link control key for the given object reference.\n *\n * @param {Object} instance an unique object reference specific to this link control instance.\n * @return {string | undefined} the unique key to use for this link control.\n */\nfunction useLinkInstanceKey( instance ) {\n\tif ( ! instance ) {\n\t\treturn;\n\t}\n\tif ( weakMap.has( instance ) ) {\n\t\treturn getKey( weakMap.get( instance ) );\n\t}\n\n\tid += 1;\n\n\tweakMap.set( instance, id );\n\n\treturn getKey( id );\n}\n\nexport default useLinkInstanceKey;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,MAAM,UAAU,oBAAI,QAAQ;AAG5B,IAAI,KAAK;AAET,MAAM,SAAS;AAEf,SAAS,OAAQ,KAAM;AACtB,SAAO,GAAI,MAAO,IAAK,GAAI;AAC5B;AAQA,SAAS,mBAAoB,UAAW;AACvC,MAAK,CAAE,UAAW;AACjB;AAAA,EACD;AACA,MAAK,QAAQ,IAAK,QAAS,GAAI;AAC9B,WAAO,OAAQ,QAAQ,IAAK,QAAS,CAAE;AAAA,EACxC;AAEA,QAAM;AAEN,UAAQ,IAAK,UAAU,EAAG;AAE1B,SAAO,OAAQ,EAAG;AACnB;AAEA,IAAO,gCAAQ;",
+  "names": []
+}