[Summary view] [Print] [Text view]

   1  this["wp"] = this["wp"] || {}; this["wp"]["element"] =
   2  /******/ (function(modules) { // webpackBootstrap
   3  /******/     // The module cache
   4  /******/     var installedModules = {};
   5  /******/
   6  /******/     // The require function
   7  /******/ 	function __webpack_require__(moduleId) {
   8  /******/
   9  /******/         // Check if module is in cache
  10  /******/         if(installedModules[moduleId]) {
  11  /******/             return installedModules[moduleId].exports;
  12  /******/         }
  13  /******/         // Create a new module (and put it into the cache)
  14  /******/         var module = installedModules[moduleId] = {
  15  /******/             i: moduleId,
  16  /******/             l: false,
  17  /******/             exports: {}
  18  /******/         };
  19  /******/
  20  /******/         // Execute the module function
  21  /******/         modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
  22  /******/
  23  /******/         // Flag the module as loaded
  24  /******/         module.l = true;
  25  /******/
  26  /******/         // Return the exports of the module
  27  /******/         return module.exports;
  28  /******/     }
  29  /******/
  30  /******/
  31  /******/     // expose the modules object (__webpack_modules__)
  32  /******/     __webpack_require__.m = modules;
  33  /******/
  34  /******/     // expose the module cache
  35  /******/     __webpack_require__.c = installedModules;
  36  /******/
  37  /******/     // define getter function for harmony exports
  38  /******/     __webpack_require__.d = function(exports, name, getter) {
  39  /******/         if(!__webpack_require__.o(exports, name)) {
  40  /******/             Object.defineProperty(exports, name, { enumerable: true, get: getter });
  41  /******/         }
  42  /******/     };
  43  /******/
  44  /******/     // define __esModule on exports
  45  /******/     __webpack_require__.r = function(exports) {
  46  /******/         if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
  47  /******/             Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
  48  /******/         }
  49  /******/         Object.defineProperty(exports, '__esModule', { value: true });
  50  /******/     };
  51  /******/
  52  /******/     // create a fake namespace object
  53  /******/     // mode & 1: value is a module id, require it
  54  /******/     // mode & 2: merge all properties of value into the ns
  55  /******/     // mode & 4: return value when already ns object
  56  /******/     // mode & 8|1: behave like require
  57  /******/     __webpack_require__.t = function(value, mode) {
  58  /******/         if(mode & 1) value = __webpack_require__(value);
  59  /******/         if(mode & 8) return value;
  60  /******/         if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
  61  /******/         var ns = Object.create(null);
  62  /******/         __webpack_require__.r(ns);
  63  /******/         Object.defineProperty(ns, 'default', { enumerable: true, value: value });
  64  /******/         if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
  65  /******/         return ns;
  66  /******/     };
  67  /******/
  68  /******/     // getDefaultExport function for compatibility with non-harmony modules
  69  /******/     __webpack_require__.n = function(module) {
  70  /******/         var getter = module && module.__esModule ?
  71  /******/ 			function getDefault() { return module['default']; } :
  72  /******/ 			function getModuleExports() { return module; };
  73  /******/         __webpack_require__.d(getter, 'a', getter);
  74  /******/         return getter;
  75  /******/     };
  76  /******/
  77  /******/     // Object.prototype.hasOwnProperty.call
  78  /******/     __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
  79  /******/
  80  /******/     // __webpack_public_path__
  81  /******/     __webpack_require__.p = "";
  82  /******/
  83  /******/
  84  /******/     // Load entry module and return exports
  85  /******/     return __webpack_require__(__webpack_require__.s = "o/Ny");
  86  /******/ })
  87  /************************************************************************/
  88  /******/ ({
  89  
  90  /***/ "Vx3V":
  91  /***/ (function(module, exports) {
  92  
  93  (function() { module.exports = window["wp"]["escapeHtml"]; }());
  94  
  95  /***/ }),
  96  
  97  /***/ "YLtl":
  98  /***/ (function(module, exports) {
  99  
 100  (function() { module.exports = window["lodash"]; }());
 101  
 102  /***/ }),
 103  
 104  /***/ "cDcd":
 105  /***/ (function(module, exports) {
 106  
 107  (function() { module.exports = window["React"]; }());
 108  
 109  /***/ }),
 110  
 111  /***/ "faye":
 112  /***/ (function(module, exports) {
 113  
 114  (function() { module.exports = window["ReactDOM"]; }());
 115  
 116  /***/ }),
 117  
 118  /***/ "o/Ny":
 119  /***/ (function(module, __webpack_exports__, __webpack_require__) {
 120  
 121  "use strict";
 122  // ESM COMPAT FLAG
 123  __webpack_require__.r(__webpack_exports__);
 124  
 125  // EXPORTS
 126  __webpack_require__.d(__webpack_exports__, "createInterpolateElement", function() { return /* reexport */ create_interpolate_element; });
 127  __webpack_require__.d(__webpack_exports__, "Children", function() { return /* reexport */ external_React_["Children"]; });
 128  __webpack_require__.d(__webpack_exports__, "cloneElement", function() { return /* reexport */ external_React_["cloneElement"]; });
 129  __webpack_require__.d(__webpack_exports__, "Component", function() { return /* reexport */ external_React_["Component"]; });
 130  __webpack_require__.d(__webpack_exports__, "createContext", function() { return /* reexport */ external_React_["createContext"]; });
 131  __webpack_require__.d(__webpack_exports__, "createElement", function() { return /* reexport */ external_React_["createElement"]; });
 132  __webpack_require__.d(__webpack_exports__, "createRef", function() { return /* reexport */ external_React_["createRef"]; });
 133  __webpack_require__.d(__webpack_exports__, "forwardRef", function() { return /* reexport */ external_React_["forwardRef"]; });
 134  __webpack_require__.d(__webpack_exports__, "Fragment", function() { return /* reexport */ external_React_["Fragment"]; });
 135  __webpack_require__.d(__webpack_exports__, "isValidElement", function() { return /* reexport */ external_React_["isValidElement"]; });
 136  __webpack_require__.d(__webpack_exports__, "memo", function() { return /* reexport */ external_React_["memo"]; });
 137  __webpack_require__.d(__webpack_exports__, "StrictMode", function() { return /* reexport */ external_React_["StrictMode"]; });
 138  __webpack_require__.d(__webpack_exports__, "useCallback", function() { return /* reexport */ external_React_["useCallback"]; });
 139  __webpack_require__.d(__webpack_exports__, "useContext", function() { return /* reexport */ external_React_["useContext"]; });
 140  __webpack_require__.d(__webpack_exports__, "useDebugValue", function() { return /* reexport */ external_React_["useDebugValue"]; });
 141  __webpack_require__.d(__webpack_exports__, "useEffect", function() { return /* reexport */ external_React_["useEffect"]; });
 142  __webpack_require__.d(__webpack_exports__, "useImperativeHandle", function() { return /* reexport */ external_React_["useImperativeHandle"]; });
 143  __webpack_require__.d(__webpack_exports__, "useLayoutEffect", function() { return /* reexport */ external_React_["useLayoutEffect"]; });
 144  __webpack_require__.d(__webpack_exports__, "useMemo", function() { return /* reexport */ external_React_["useMemo"]; });
 145  __webpack_require__.d(__webpack_exports__, "useReducer", function() { return /* reexport */ external_React_["useReducer"]; });
 146  __webpack_require__.d(__webpack_exports__, "useRef", function() { return /* reexport */ external_React_["useRef"]; });
 147  __webpack_require__.d(__webpack_exports__, "useState", function() { return /* reexport */ external_React_["useState"]; });
 148  __webpack_require__.d(__webpack_exports__, "lazy", function() { return /* reexport */ external_React_["lazy"]; });
 149  __webpack_require__.d(__webpack_exports__, "Suspense", function() { return /* reexport */ external_React_["Suspense"]; });
 150  __webpack_require__.d(__webpack_exports__, "concatChildren", function() { return /* reexport */ concatChildren; });
 151  __webpack_require__.d(__webpack_exports__, "switchChildrenNodeName", function() { return /* reexport */ switchChildrenNodeName; });
 152  __webpack_require__.d(__webpack_exports__, "createPortal", function() { return /* reexport */ external_ReactDOM_["createPortal"]; });
 153  __webpack_require__.d(__webpack_exports__, "findDOMNode", function() { return /* reexport */ external_ReactDOM_["findDOMNode"]; });
 154  __webpack_require__.d(__webpack_exports__, "render", function() { return /* reexport */ external_ReactDOM_["render"]; });
 155  __webpack_require__.d(__webpack_exports__, "unmountComponentAtNode", function() { return /* reexport */ external_ReactDOM_["unmountComponentAtNode"]; });
 156  __webpack_require__.d(__webpack_exports__, "isEmptyElement", function() { return /* reexport */ isEmptyElement; });
 157  __webpack_require__.d(__webpack_exports__, "Platform", function() { return /* reexport */ platform; });
 158  __webpack_require__.d(__webpack_exports__, "renderToString", function() { return /* reexport */ serialize; });
 159  __webpack_require__.d(__webpack_exports__, "RawHTML", function() { return /* reexport */ RawHTML; });
 160  
 161  // EXTERNAL MODULE: external "React"
 162  var external_React_ = __webpack_require__("cDcd");
 163  
 164  // CONCATENATED MODULE: ./node_modules/@wordpress/element/build-module/create-interpolate-element.js
 165  /**
 166   * Internal dependencies
 167   */
 168  
 169  /** @typedef {import('./react').WPElement} WPElement */
 170  
 171  let indoc, offset, output, stack;
 172  /**
 173   * Matches tags in the localized string
 174   *
 175   * This is used for extracting the tag pattern groups for parsing the localized
 176   * string and along with the map converting it to a react element.
 177   *
 178   * There are four references extracted using this tokenizer:
 179   *
 180   * match: Full match of the tag (i.e. <strong>, </strong>, <br/>)
 181   * isClosing: The closing slash, it it exists.
 182   * name: The name portion of the tag (strong, br) (if )
 183   * isSelfClosed: The slash on a self closing tag, if it exists.
 184   *
 185   * @type {RegExp}
 186   */
 187  
 188  const tokenizer = /<(\/)?(\w+)\s*(\/)?>/g;
 189  /**
 190   * The stack frame tracking parse progress.
 191   *
 192   * @typedef Frame
 193   *
 194   * @property {WPElement}   element            A parent element which may still have
 195   * @property {number}      tokenStart         Offset at which parent element first
 196   *                                            appears.
 197   * @property {number}      tokenLength        Length of string marking start of parent
 198   *                                            element.
 199   * @property {number}      [prevOffset]       Running offset at which parsing should
 200   *                                            continue.
 201   * @property {number}      [leadingTextStart] Offset at which last closing element
 202   *                                            finished, used for finding text between
 203   *                                            elements.
 204   * @property {WPElement[]} children           Children.
 205   */
 206  
 207  /**
 208   * Tracks recursive-descent parse state.
 209   *
 210   * This is a Stack frame holding parent elements until all children have been
 211   * parsed.
 212   *
 213   * @private
 214   * @param {WPElement} element            A parent element which may still have
 215   *                                       nested children not yet parsed.
 216   * @param {number}    tokenStart         Offset at which parent element first
 217   *                                       appears.
 218   * @param {number}    tokenLength        Length of string marking start of parent
 219   *                                       element.
 220   * @param {number}    [prevOffset]       Running offset at which parsing should
 221   *                                       continue.
 222   * @param {number}    [leadingTextStart] Offset at which last closing element
 223   *                                       finished, used for finding text between
 224   *                                       elements.
 225   *
 226   * @return {Frame} The stack frame tracking parse progress.
 227   */
 228  
 229  function createFrame(element, tokenStart, tokenLength, prevOffset, leadingTextStart) {
 230    return {
 231      element,
 232      tokenStart,
 233      tokenLength,
 234      prevOffset,
 235      leadingTextStart,
 236      children: []
 237    };
 238  }
 239  /**
 240   * This function creates an interpolated element from a passed in string with
 241   * specific tags matching how the string should be converted to an element via
 242   * the conversion map value.
 243   *
 244   * @example
 245   * For example, for the given string:
 246   *
 247   * "This is a <span>string</span> with <a>a link</a> and a self-closing
 248   * <CustomComponentB/> tag"
 249   *
 250   * You would have something like this as the conversionMap value:
 251   *
 252   * ```js
 253   * {
 254   *     span: <span />,
 255   *     a: <a href={ 'https://github.com' } />,
 256   *     CustomComponentB: <CustomComponent />,
 257   * }
 258   * ```
 259   *
 260   * @param {string} interpolatedString The interpolation string to be parsed.
 261   * @param {Object} conversionMap      The map used to convert the string to
 262   *                                    a react element.
 263   * @throws {TypeError}
 264   * @return {WPElement}  A wp element.
 265   */
 266  
 267  
 268  const createInterpolateElement = (interpolatedString, conversionMap) => {
 269    indoc = interpolatedString;
 270    offset = 0;
 271    output = [];
 272    stack = [];
 273    tokenizer.lastIndex = 0;
 274  
 275    if (!isValidConversionMap(conversionMap)) {
 276      throw new TypeError('The conversionMap provided is not valid. It must be an object with values that are WPElements');
 277    }
 278  
 279    do {// twiddle our thumbs
 280    } while (proceed(conversionMap));
 281  
 282    return Object(external_React_["createElement"])(external_React_["Fragment"], null, ...output);
 283  };
 284  /**
 285   * Validate conversion map.
 286   *
 287   * A map is considered valid if it's an object and every value in the object
 288   * is a WPElement
 289   *
 290   * @private
 291   *
 292   * @param {Object} conversionMap The map being validated.
 293   *
 294   * @return {boolean}  True means the map is valid.
 295   */
 296  
 297  
 298  const isValidConversionMap = conversionMap => {
 299    const isObject = typeof conversionMap === 'object';
 300    const values = isObject && Object.values(conversionMap);
 301    return isObject && values.length && values.every(element => Object(external_React_["isValidElement"])(element));
 302  };
 303  /**
 304   * This is the iterator over the matches in the string.
 305   *
 306   * @private
 307   *
 308   * @param {Object} conversionMap The conversion map for the string.
 309   *
 310   * @return {boolean} true for continuing to iterate, false for finished.
 311   */
 312  
 313  
 314  function proceed(conversionMap) {
 315    const next = nextToken();
 316    const [tokenType, name, startOffset, tokenLength] = next;
 317    const stackDepth = stack.length;
 318    const leadingTextStart = startOffset > offset ? offset : null;
 319  
 320    if (!conversionMap[name]) {
 321      addText();
 322      return false;
 323    }
 324  
 325    switch (tokenType) {
 326      case 'no-more-tokens':
 327        if (stackDepth !== 0) {
 328          const {
 329            leadingTextStart: stackLeadingText,
 330            tokenStart
 331          } = stack.pop();
 332          output.push(indoc.substr(stackLeadingText, tokenStart));
 333        }
 334  
 335        addText();
 336        return false;
 337  
 338      case 'self-closed':
 339        if (0 === stackDepth) {
 340          if (null !== leadingTextStart) {
 341            output.push(indoc.substr(leadingTextStart, startOffset - leadingTextStart));
 342          }
 343  
 344          output.push(conversionMap[name]);
 345          offset = startOffset + tokenLength;
 346          return true;
 347        } // otherwise we found an inner element
 348  
 349  
 350        addChild(createFrame(conversionMap[name], startOffset, tokenLength));
 351        offset = startOffset + tokenLength;
 352        return true;
 353  
 354      case 'opener':
 355        stack.push(createFrame(conversionMap[name], startOffset, tokenLength, startOffset + tokenLength, leadingTextStart));
 356        offset = startOffset + tokenLength;
 357        return true;
 358  
 359      case 'closer':
 360        // if we're not nesting then this is easy - close the block
 361        if (1 === stackDepth) {
 362          closeOuterElement(startOffset);
 363          offset = startOffset + tokenLength;
 364          return true;
 365        } // otherwise we're nested and we have to close out the current
 366        // block and add it as a innerBlock to the parent
 367  
 368  
 369        const stackTop = stack.pop();
 370        const text = indoc.substr(stackTop.prevOffset, startOffset - stackTop.prevOffset);
 371        stackTop.children.push(text);
 372        stackTop.prevOffset = startOffset + tokenLength;
 373        const frame = createFrame(stackTop.element, stackTop.tokenStart, stackTop.tokenLength, startOffset + tokenLength);
 374        frame.children = stackTop.children;
 375        addChild(frame);
 376        offset = startOffset + tokenLength;
 377        return true;
 378  
 379      default:
 380        addText();
 381        return false;
 382    }
 383  }
 384  /**
 385   * Grabs the next token match in the string and returns it's details.
 386   *
 387   * @private
 388   *
 389   * @return {Array}  An array of details for the token matched.
 390   */
 391  
 392  
 393  function nextToken() {
 394    const matches = tokenizer.exec(indoc); // we have no more tokens
 395  
 396    if (null === matches) {
 397      return ['no-more-tokens'];
 398    }
 399  
 400    const startedAt = matches.index;
 401    const [match, isClosing, name, isSelfClosed] = matches;
 402    const length = match.length;
 403  
 404    if (isSelfClosed) {
 405      return ['self-closed', name, startedAt, length];
 406    }
 407  
 408    if (isClosing) {
 409      return ['closer', name, startedAt, length];
 410    }
 411  
 412    return ['opener', name, startedAt, length];
 413  }
 414  /**
 415   * Pushes text extracted from the indoc string to the output stack given the
 416   * current rawLength value and offset (if rawLength is provided ) or the
 417   * indoc.length and offset.
 418   *
 419   * @private
 420   */
 421  
 422  
 423  function addText() {
 424    const length = indoc.length - offset;
 425  
 426    if (0 === length) {
 427      return;
 428    }
 429  
 430    output.push(indoc.substr(offset, length));
 431  }
 432  /**
 433   * Pushes a child element to the associated parent element's children for the
 434   * parent currently active in the stack.
 435   *
 436   * @private
 437   *
 438   * @param {Frame} frame The Frame containing the child element and it's
 439   *                      token information.
 440   */
 441  
 442  
 443  function addChild(frame) {
 444    const {
 445      element,
 446      tokenStart,
 447      tokenLength,
 448      prevOffset,
 449      children
 450    } = frame;
 451    const parent = stack[stack.length - 1];
 452    const text = indoc.substr(parent.prevOffset, tokenStart - parent.prevOffset);
 453  
 454    if (text) {
 455      parent.children.push(text);
 456    }
 457  
 458    parent.children.push(Object(external_React_["cloneElement"])(element, null, ...children));
 459    parent.prevOffset = prevOffset ? prevOffset : tokenStart + tokenLength;
 460  }
 461  /**
 462   * This is called for closing tags. It creates the element currently active in
 463   * the stack.
 464   *
 465   * @private
 466   *
 467   * @param {number} endOffset Offset at which the closing tag for the element
 468   *                           begins in the string. If this is greater than the
 469   *                           prevOffset attached to the element, then this
 470   *                           helps capture any remaining nested text nodes in
 471   *                           the element.
 472   */
 473  
 474  
 475  function closeOuterElement(endOffset) {
 476    const {
 477      element,
 478      leadingTextStart,
 479      prevOffset,
 480      tokenStart,
 481      children
 482    } = stack.pop();
 483    const text = endOffset ? indoc.substr(prevOffset, endOffset - prevOffset) : indoc.substr(prevOffset);
 484  
 485    if (text) {
 486      children.push(text);
 487    }
 488  
 489    if (null !== leadingTextStart) {
 490      output.push(indoc.substr(leadingTextStart, tokenStart - leadingTextStart));
 491    }
 492  
 493    output.push(Object(external_React_["cloneElement"])(element, null, ...children));
 494  }
 495  
 496  /* harmony default export */ var create_interpolate_element = (createInterpolateElement);
 497  
 498  // EXTERNAL MODULE: external "lodash"
 499  var external_lodash_ = __webpack_require__("YLtl");
 500  
 501  // CONCATENATED MODULE: ./node_modules/@wordpress/element/build-module/react.js
 502  /**
 503   * External dependencies
 504   */
 505  // eslint-disable-next-line no-restricted-imports
 506  
 507  
 508  /**
 509   * Object containing a React element.
 510   *
 511   * @typedef {import('react').ReactElement} WPElement
 512   */
 513  
 514  /**
 515   * Object containing a React component.
 516   *
 517   * @typedef {import('react').ComponentType} WPComponent
 518   */
 519  
 520  /**
 521   * Object containing a React synthetic event.
 522   *
 523   * @typedef {import('react').SyntheticEvent} WPSyntheticEvent
 524   */
 525  
 526  /**
 527   * Object that provides utilities for dealing with React children.
 528   */
 529  
 530  
 531  /**
 532   * Creates a copy of an element with extended props.
 533   *
 534   * @param {WPElement} element Element
 535   * @param {?Object}   props   Props to apply to cloned element
 536   *
 537   * @return {WPElement} Cloned element.
 538   */
 539  
 540  
 541  /**
 542   * A base class to create WordPress Components (Refs, state and lifecycle hooks)
 543   */
 544  
 545  
 546  /**
 547   * Creates a context object containing two components: a provider and consumer.
 548   *
 549   * @param {Object} defaultValue A default data stored in the context.
 550   *
 551   * @return {Object} Context object.
 552   */
 553  
 554  
 555  /**
 556   * Returns a new element of given type. Type can be either a string tag name or
 557   * another function which itself returns an element.
 558   *
 559   * @param {?(string|Function)} type     Tag name or element creator
 560   * @param {Object}             props    Element properties, either attribute
 561   *                                      set to apply to DOM node or values to
 562   *                                      pass through to element creator
 563   * @param {...WPElement}       children Descendant elements
 564   *
 565   * @return {WPElement} Element.
 566   */
 567  
 568  
 569  /**
 570   * Returns an object tracking a reference to a rendered element via its
 571   * `current` property as either a DOMElement or Element, dependent upon the
 572   * type of element rendered with the ref attribute.
 573   *
 574   * @return {Object} Ref object.
 575   */
 576  
 577  
 578  /**
 579   * Component enhancer used to enable passing a ref to its wrapped component.
 580   * Pass a function argument which receives `props` and `ref` as its arguments,
 581   * returning an element using the forwarded ref. The return value is a new
 582   * component which forwards its ref.
 583   *
 584   * @param {Function} forwarder Function passed `props` and `ref`, expected to
 585   *                             return an element.
 586   *
 587   * @return {WPComponent} Enhanced component.
 588   */
 589  
 590  
 591  /**
 592   * A component which renders its children without any wrapping element.
 593   */
 594  
 595  
 596  /**
 597   * Checks if an object is a valid WPElement.
 598   *
 599   * @param {Object} objectToCheck The object to be checked.
 600   *
 601   * @return {boolean} true if objectToTest is a valid WPElement and false otherwise.
 602   */
 603  
 604  
 605  /**
 606   * @see https://reactjs.org/docs/react-api.html#reactmemo
 607   */
 608  
 609  
 610  /**
 611   * Component that activates additional checks and warnings for its descendants.
 612   */
 613  
 614  
 615  /**
 616   * @see https://reactjs.org/docs/hooks-reference.html#usecallback
 617   */
 618  
 619  
 620  /**
 621   * @see https://reactjs.org/docs/hooks-reference.html#usecontext
 622   */
 623  
 624  
 625  /**
 626   * @see https://reactjs.org/docs/hooks-reference.html#usedebugvalue
 627   */
 628  
 629  
 630  /**
 631   * @see https://reactjs.org/docs/hooks-reference.html#useeffect
 632   */
 633  
 634  
 635  /**
 636   * @see https://reactjs.org/docs/hooks-reference.html#useimperativehandle
 637   */
 638  
 639  
 640  /**
 641   * @see https://reactjs.org/docs/hooks-reference.html#uselayouteffect
 642   */
 643  
 644  
 645  /**
 646   * @see https://reactjs.org/docs/hooks-reference.html#usememo
 647   */
 648  
 649  
 650  /**
 651   * @see https://reactjs.org/docs/hooks-reference.html#usereducer
 652   */
 653  
 654  
 655  /**
 656   * @see https://reactjs.org/docs/hooks-reference.html#useref
 657   */
 658  
 659  
 660  /**
 661   * @see https://reactjs.org/docs/hooks-reference.html#usestate
 662   */
 663  
 664  
 665  /**
 666   * @see https://reactjs.org/docs/react-api.html#reactlazy
 667   */
 668  
 669  
 670  /**
 671   * @see https://reactjs.org/docs/react-api.html#reactsuspense
 672   */
 673  
 674  
 675  /**
 676   * Concatenate two or more React children objects.
 677   *
 678   * @param {...?Object} childrenArguments Array of children arguments (array of arrays/strings/objects) to concatenate.
 679   *
 680   * @return {Array} The concatenated value.
 681   */
 682  
 683  function concatChildren() {
 684    for (var _len = arguments.length, childrenArguments = new Array(_len), _key = 0; _key < _len; _key++) {
 685      childrenArguments[_key] = arguments[_key];
 686    }
 687  
 688    return childrenArguments.reduce((accumulator, children, i) => {
 689      external_React_["Children"].forEach(children, (child, j) => {
 690        if (child && 'string' !== typeof child) {
 691          child = Object(external_React_["cloneElement"])(child, {
 692            key: [i, j].join()
 693          });
 694        }
 695  
 696        accumulator.push(child);
 697      });
 698      return accumulator;
 699    }, []);
 700  }
 701  /**
 702   * Switches the nodeName of all the elements in the children object.
 703   *
 704   * @param {?Object} children Children object.
 705   * @param {string}  nodeName Node name.
 706   *
 707   * @return {?Object} The updated children object.
 708   */
 709  
 710  function switchChildrenNodeName(children, nodeName) {
 711    return children && external_React_["Children"].map(children, (elt, index) => {
 712      if (Object(external_lodash_["isString"])(elt)) {
 713        return Object(external_React_["createElement"])(nodeName, {
 714          key: index
 715        }, elt);
 716      }
 717  
 718      const {
 719        children: childrenProp,
 720        ...props
 721      } = elt.props;
 722      return Object(external_React_["createElement"])(nodeName, {
 723        key: index,
 724        ...props
 725      }, childrenProp);
 726    });
 727  }
 728  
 729  // EXTERNAL MODULE: external "ReactDOM"
 730  var external_ReactDOM_ = __webpack_require__("faye");
 731  
 732  // CONCATENATED MODULE: ./node_modules/@wordpress/element/build-module/react-platform.js
 733  /**
 734   * External dependencies
 735   */
 736  
 737  /**
 738   * Creates a portal into which a component can be rendered.
 739   *
 740   * @see https://github.com/facebook/react/issues/10309#issuecomment-318433235
 741   *
 742   * @param {import('./react').WPElement} child     Any renderable child, such as an element,
 743   *                                                string, or fragment.
 744   * @param {HTMLElement}                 container DOM node into which element should be rendered.
 745   */
 746  
 747  
 748  /**
 749   * Finds the dom node of a React component.
 750   *
 751   * @param {import('./react').WPComponent} component Component's instance.
 752   */
 753  
 754  
 755  /**
 756   * Renders a given element into the target DOM node.
 757   *
 758   * @param {import('./react').WPElement} element Element to render.
 759   * @param {HTMLElement}                 target  DOM node into which element should be rendered.
 760   */
 761  
 762  
 763  /**
 764   * Removes any mounted element from the target DOM node.
 765   *
 766   * @param {Element} target DOM node in which element is to be removed
 767   */
 768  
 769  
 770  
 771  // CONCATENATED MODULE: ./node_modules/@wordpress/element/build-module/utils.js
 772  /**
 773   * External dependencies
 774   */
 775  
 776  /**
 777   * Checks if the provided WP element is empty.
 778   *
 779   * @param {*} element WP element to check.
 780   * @return {boolean} True when an element is considered empty.
 781   */
 782  
 783  const isEmptyElement = element => {
 784    if (Object(external_lodash_["isNumber"])(element)) {
 785      return false;
 786    }
 787  
 788    if (Object(external_lodash_["isString"])(element) || Object(external_lodash_["isArray"])(element)) {
 789      return !element.length;
 790    }
 791  
 792    return !element;
 793  };
 794  
 795  // CONCATENATED MODULE: ./node_modules/@wordpress/element/build-module/platform.js
 796  /**
 797   * Parts of this source were derived and modified from react-native-web,
 798   * released under the MIT license.
 799   *
 800   * Copyright (c) 2016-present, Nicolas Gallagher.
 801   * Copyright (c) 2015-present, Facebook, Inc.
 802   *
 803   */
 804  const Platform = {
 805    OS: 'web',
 806    select: spec => 'web' in spec ? spec.web : spec.default,
 807    isWeb: true
 808  };
 809  /**
 810   * Component used to detect the current Platform being used.
 811   * Use Platform.OS === 'web' to detect if running on web enviroment.
 812   *
 813   * This is the same concept as the React Native implementation.
 814   *
 815   * @see https://facebook.github.io/react-native/docs/platform-specific-code#platform-module
 816   *
 817   * Here is an example of how to use the select method:
 818   * @example
 819   * ```js
 820   * import { Platform } from '@wordpress/element';
 821   *
 822   * const placeholderLabel = Platform.select( {
 823   *   native: __( 'Add media' ),
 824   *   web: __( 'Drag images, upload new ones or select files from your library.' ),
 825   * } );
 826   * ```
 827   */
 828  
 829  /* harmony default export */ var platform = (Platform);
 830  
 831  // EXTERNAL MODULE: external ["wp","escapeHtml"]
 832  var external_wp_escapeHtml_ = __webpack_require__("Vx3V");
 833  
 834  // CONCATENATED MODULE: ./node_modules/@wordpress/element/build-module/raw-html.js
 835  /**
 836   * Internal dependencies
 837   */
 838   // Disable reason: JSDoc linter doesn't seem to parse the union (`&`) correctly.
 839  
 840  /** @typedef {{children: string} & import('react').ComponentPropsWithoutRef<'div'>} RawHTMLProps */
 841  
 842  /**
 843   * Component used as equivalent of Fragment with unescaped HTML, in cases where
 844   * it is desirable to render dangerous HTML without needing a wrapper element.
 845   * To preserve additional props, a `div` wrapper _will_ be created if any props
 846   * aside from `children` are passed.
 847   *
 848   * @param {RawHTMLProps} props Children should be a string of HTML or an array
 849   *                             of strings. Other props will be passed through
 850   *                             to the div wrapper.
 851   *
 852   * @return {JSX.Element} Dangerously-rendering component.
 853   */
 854  
 855  function RawHTML(_ref) {
 856    let {
 857      children,
 858      ...props
 859    } = _ref;
 860    let rawHtml = ''; // Cast children as an array, and concatenate each element if it is a string.
 861  
 862    external_React_["Children"].toArray(children).forEach(child => {
 863      if (typeof child === 'string' && child.trim() !== '') {
 864        rawHtml += child;
 865      }
 866    }); // The `div` wrapper will be stripped by the `renderElement` serializer in
 867    // `./serialize.js` unless there are non-children props present.
 868  
 869    return Object(external_React_["createElement"])('div', {
 870      dangerouslySetInnerHTML: {
 871        __html: rawHtml
 872      },
 873      ...props
 874    });
 875  }
 876  
 877  // CONCATENATED MODULE: ./node_modules/@wordpress/element/build-module/serialize.js
 878  /**
 879   * Parts of this source were derived and modified from fast-react-render,
 880   * released under the MIT license.
 881   *
 882   * https://github.com/alt-j/fast-react-render
 883   *
 884   * Copyright (c) 2016 Andrey Morozov
 885   *
 886   * Permission is hereby granted, free of charge, to any person obtaining a copy
 887   * of this software and associated documentation files (the "Software"), to deal
 888   * in the Software without restriction, including without limitation the rights
 889   * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 890   * copies of the Software, and to permit persons to whom the Software is
 891   * furnished to do so, subject to the following conditions:
 892   *
 893   * The above copyright notice and this permission notice shall be included in
 894   * all copies or substantial portions of the Software.
 895   *
 896   * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 897   * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 898   * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 899   * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 900   * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 901   * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
 902   * THE SOFTWARE.
 903   */
 904  
 905  /**
 906   * External dependencies
 907   */
 908  
 909  /**
 910   * WordPress dependencies
 911   */
 912  
 913  
 914  /**
 915   * Internal dependencies
 916   */
 917  
 918  
 919  
 920  /** @typedef {import('./react').WPElement} WPElement */
 921  
 922  const {
 923    Provider,
 924    Consumer
 925  } = Object(external_React_["createContext"])(undefined);
 926  const ForwardRef = Object(external_React_["forwardRef"])(() => {
 927    return null;
 928  });
 929  /**
 930   * Valid attribute types.
 931   *
 932   * @type {Set<string>}
 933   */
 934  
 935  const ATTRIBUTES_TYPES = new Set(['string', 'boolean', 'number']);
 936  /**
 937   * Element tags which can be self-closing.
 938   *
 939   * @type {Set<string>}
 940   */
 941  
 942  const SELF_CLOSING_TAGS = new Set(['area', 'base', 'br', 'col', 'command', 'embed', 'hr', 'img', 'input', 'keygen', 'link', 'meta', 'param', 'source', 'track', 'wbr']);
 943  /**
 944   * Boolean attributes are attributes whose presence as being assigned is
 945   * meaningful, even if only empty.
 946   *
 947   * See: https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#boolean-attributes
 948   * Extracted from: https://html.spec.whatwg.org/multipage/indices.html#attributes-3
 949   *
 950   * Object.keys( [ ...document.querySelectorAll( '#attributes-1 > tbody > tr' ) ]
 951   *     .filter( ( tr ) => tr.lastChild.textContent.indexOf( 'Boolean attribute' ) !== -1 )
 952   *     .reduce( ( result, tr ) => Object.assign( result, {
 953   *         [ tr.firstChild.textContent.trim() ]: true
 954   *     } ), {} ) ).sort();
 955   *
 956   * @type {Set<string>}
 957   */
 958  
 959  const BOOLEAN_ATTRIBUTES = new Set(['allowfullscreen', 'allowpaymentrequest', 'allowusermedia', 'async', 'autofocus', 'autoplay', 'checked', 'controls', 'default', 'defer', 'disabled', 'download', 'formnovalidate', 'hidden', 'ismap', 'itemscope', 'loop', 'multiple', 'muted', 'nomodule', 'novalidate', 'open', 'playsinline', 'readonly', 'required', 'reversed', 'selected', 'typemustmatch']);
 960  /**
 961   * Enumerated attributes are attributes which must be of a specific value form.
 962   * Like boolean attributes, these are meaningful if specified, even if not of a
 963   * valid enumerated value.
 964   *
 965   * See: https://html.spec.whatwg.org/multipage/common-microsyntaxes.html#enumerated-attribute
 966   * Extracted from: https://html.spec.whatwg.org/multipage/indices.html#attributes-3
 967   *
 968   * Object.keys( [ ...document.querySelectorAll( '#attributes-1 > tbody > tr' ) ]
 969   *     .filter( ( tr ) => /^("(.+?)";?\s*)+/.test( tr.lastChild.textContent.trim() ) )
 970   *     .reduce( ( result, tr ) => Object.assign( result, {
 971   *         [ tr.firstChild.textContent.trim() ]: true
 972   *     } ), {} ) ).sort();
 973   *
 974   * Some notable omissions:
 975   *
 976   *  - `alt`: https://blog.whatwg.org/omit-alt
 977   *
 978   * @type {Set<string>}
 979   */
 980  
 981  const ENUMERATED_ATTRIBUTES = new Set(['autocapitalize', 'autocomplete', 'charset', 'contenteditable', 'crossorigin', 'decoding', 'dir', 'draggable', 'enctype', 'formenctype', 'formmethod', 'http-equiv', 'inputmode', 'kind', 'method', 'preload', 'scope', 'shape', 'spellcheck', 'translate', 'type', 'wrap']);
 982  /**
 983   * Set of CSS style properties which support assignment of unitless numbers.
 984   * Used in rendering of style properties, where `px` unit is assumed unless
 985   * property is included in this set or value is zero.
 986   *
 987   * Generated via:
 988   *
 989   * Object.entries( document.createElement( 'div' ).style )
 990   *     .filter( ( [ key ] ) => (
 991   *         ! /^(webkit|ms|moz)/.test( key ) &&
 992   *         ( e.style[ key ] = 10 ) &&
 993   *         e.style[ key ] === '10'
 994   *     ) )
 995   *     .map( ( [ key ] ) => key )
 996   *     .sort();
 997   *
 998   * @type {Set<string>}
 999   */
1000  
1001  const CSS_PROPERTIES_SUPPORTS_UNITLESS = new Set(['animation', 'animationIterationCount', 'baselineShift', 'borderImageOutset', 'borderImageSlice', 'borderImageWidth', 'columnCount', 'cx', 'cy', 'fillOpacity', 'flexGrow', 'flexShrink', 'floodOpacity', 'fontWeight', 'gridColumnEnd', 'gridColumnStart', 'gridRowEnd', 'gridRowStart', 'lineHeight', 'opacity', 'order', 'orphans', 'r', 'rx', 'ry', 'shapeImageThreshold', 'stopOpacity', 'strokeDasharray', 'strokeDashoffset', 'strokeMiterlimit', 'strokeOpacity', 'strokeWidth', 'tabSize', 'widows', 'x', 'y', 'zIndex', 'zoom']);
1002  /**
1003   * Returns true if the specified string is prefixed by one of an array of
1004   * possible prefixes.
1005   *
1006   * @param {string}   string   String to check.
1007   * @param {string[]} prefixes Possible prefixes.
1008   *
1009   * @return {boolean} Whether string has prefix.
1010   */
1011  
1012  function hasPrefix(string, prefixes) {
1013    return prefixes.some(prefix => string.indexOf(prefix) === 0);
1014  }
1015  /**
1016   * Returns true if the given prop name should be ignored in attributes
1017   * serialization, or false otherwise.
1018   *
1019   * @param {string} attribute Attribute to check.
1020   *
1021   * @return {boolean} Whether attribute should be ignored.
1022   */
1023  
1024  function isInternalAttribute(attribute) {
1025    return 'key' === attribute || 'children' === attribute;
1026  }
1027  /**
1028   * Returns the normal form of the element's attribute value for HTML.
1029   *
1030   * @param {string} attribute Attribute name.
1031   * @param {*}      value     Non-normalized attribute value.
1032   *
1033   * @return {*} Normalized attribute value.
1034   */
1035  
1036  
1037  function getNormalAttributeValue(attribute, value) {
1038    switch (attribute) {
1039      case 'style':
1040        return renderStyle(value);
1041    }
1042  
1043    return value;
1044  }
1045  /**
1046   * Returns the normal form of the element's attribute name for HTML.
1047   *
1048   * @param {string} attribute Non-normalized attribute name.
1049   *
1050   * @return {string} Normalized attribute name.
1051   */
1052  
1053  
1054  function getNormalAttributeName(attribute) {
1055    switch (attribute) {
1056      case 'htmlFor':
1057        return 'for';
1058  
1059      case 'className':
1060        return 'class';
1061    }
1062  
1063    return attribute.toLowerCase();
1064  }
1065  /**
1066   * Returns the normal form of the style property name for HTML.
1067   *
1068   * - Converts property names to kebab-case, e.g. 'backgroundColor' → 'background-color'
1069   * - Leaves custom attributes alone, e.g. '--myBackgroundColor' → '--myBackgroundColor'
1070   * - Converts vendor-prefixed property names to -kebab-case, e.g. 'MozTransform' → '-moz-transform'
1071   *
1072   * @param {string} property Property name.
1073   *
1074   * @return {string} Normalized property name.
1075   */
1076  
1077  
1078  function getNormalStylePropertyName(property) {
1079    if (Object(external_lodash_["startsWith"])(property, '--')) {
1080      return property;
1081    }
1082  
1083    if (hasPrefix(property, ['ms', 'O', 'Moz', 'Webkit'])) {
1084      return '-' + Object(external_lodash_["kebabCase"])(property);
1085    }
1086  
1087    return Object(external_lodash_["kebabCase"])(property);
1088  }
1089  /**
1090   * Returns the normal form of the style property value for HTML. Appends a
1091   * default pixel unit if numeric, not a unitless property, and not zero.
1092   *
1093   * @param {string} property Property name.
1094   * @param {*}      value    Non-normalized property value.
1095   *
1096   * @return {*} Normalized property value.
1097   */
1098  
1099  
1100  function getNormalStylePropertyValue(property, value) {
1101    if (typeof value === 'number' && 0 !== value && !CSS_PROPERTIES_SUPPORTS_UNITLESS.has(property)) {
1102      return value + 'px';
1103    }
1104  
1105    return value;
1106  }
1107  /**
1108   * Serializes a React element to string.
1109   *
1110   * @param {import('react').ReactNode} element         Element to serialize.
1111   * @param {Object}                    [context]       Context object.
1112   * @param {Object}                    [legacyContext] Legacy context object.
1113   *
1114   * @return {string} Serialized element.
1115   */
1116  
1117  
1118  function renderElement(element, context) {
1119    let legacyContext = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
1120  
1121    if (null === element || undefined === element || false === element) {
1122      return '';
1123    }
1124  
1125    if (Array.isArray(element)) {
1126      return renderChildren(element, context, legacyContext);
1127    }
1128  
1129    switch (typeof element) {
1130      case 'string':
1131        return Object(external_wp_escapeHtml_["escapeHTML"])(element);
1132  
1133      case 'number':
1134        return element.toString();
1135    }
1136  
1137    const {
1138      type,
1139      props
1140    } =
1141    /** @type {{type?: any, props?: any}} */
1142    element;
1143  
1144    switch (type) {
1145      case external_React_["StrictMode"]:
1146      case external_React_["Fragment"]:
1147        return renderChildren(props.children, context, legacyContext);
1148  
1149      case RawHTML:
1150        const {
1151          children,
1152          ...wrapperProps
1153        } = props;
1154        return renderNativeComponent(Object(external_lodash_["isEmpty"])(wrapperProps) ? null : 'div', { ...wrapperProps,
1155          dangerouslySetInnerHTML: {
1156            __html: children
1157          }
1158        }, context, legacyContext);
1159    }
1160  
1161    switch (typeof type) {
1162      case 'string':
1163        return renderNativeComponent(type, props, context, legacyContext);
1164  
1165      case 'function':
1166        if (type.prototype && typeof type.prototype.render === 'function') {
1167          return renderComponent(type, props, context, legacyContext);
1168        }
1169  
1170        return renderElement(type(props, legacyContext), context, legacyContext);
1171    }
1172  
1173    switch (type && type.$$typeof) {
1174      case Provider.$$typeof:
1175        return renderChildren(props.children, props.value, legacyContext);
1176  
1177      case Consumer.$$typeof:
1178        return renderElement(props.children(context || type._currentValue), context, legacyContext);
1179  
1180      case ForwardRef.$$typeof:
1181        return renderElement(type.render(props), context, legacyContext);
1182    }
1183  
1184    return '';
1185  }
1186  /**
1187   * Serializes a native component type to string.
1188   *
1189   * @param {?string} type            Native component type to serialize, or null if
1190   *                                  rendering as fragment of children content.
1191   * @param {Object}  props           Props object.
1192   * @param {Object}  [context]       Context object.
1193   * @param {Object}  [legacyContext] Legacy context object.
1194   *
1195   * @return {string} Serialized element.
1196   */
1197  
1198  function renderNativeComponent(type, props, context) {
1199    let legacyContext = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
1200    let content = '';
1201  
1202    if (type === 'textarea' && props.hasOwnProperty('value')) {
1203      // Textarea children can be assigned as value prop. If it is, render in
1204      // place of children. Ensure to omit so it is not assigned as attribute
1205      // as well.
1206      content = renderChildren(props.value, context, legacyContext);
1207      props = Object(external_lodash_["omit"])(props, 'value');
1208    } else if (props.dangerouslySetInnerHTML && typeof props.dangerouslySetInnerHTML.__html === 'string') {
1209      // Dangerous content is left unescaped.
1210      content = props.dangerouslySetInnerHTML.__html;
1211    } else if (typeof props.children !== 'undefined') {
1212      content = renderChildren(props.children, context, legacyContext);
1213    }
1214  
1215    if (!type) {
1216      return content;
1217    }
1218  
1219    const attributes = renderAttributes(props);
1220  
1221    if (SELF_CLOSING_TAGS.has(type)) {
1222      return '<' + type + attributes + '/>';
1223    }
1224  
1225    return '<' + type + attributes + '>' + content + '</' + type + '>';
1226  }
1227  /** @typedef {import('./react').WPComponent} WPComponent */
1228  
1229  /**
1230   * Serializes a non-native component type to string.
1231   *
1232   * @param {WPComponent} Component       Component type to serialize.
1233   * @param {Object}      props           Props object.
1234   * @param {Object}      [context]       Context object.
1235   * @param {Object}      [legacyContext] Legacy context object.
1236   *
1237   * @return {string} Serialized element
1238   */
1239  
1240  function renderComponent(Component, props, context) {
1241    let legacyContext = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
1242    const instance = new
1243    /** @type {import('react').ComponentClass} */
1244    Component(props, legacyContext);
1245  
1246    if (typeof // Ignore reason: Current prettier reformats parens and mangles type assertion
1247    // prettier-ignore
1248  
1249    /** @type {{getChildContext?: () => unknown}} */
1250    instance.getChildContext === 'function') {
1251      Object.assign(legacyContext,
1252      /** @type {{getChildContext?: () => unknown}} */
1253      instance.getChildContext());
1254    }
1255  
1256    const html = renderElement(instance.render(), context, legacyContext);
1257    return html;
1258  }
1259  /**
1260   * Serializes an array of children to string.
1261   *
1262   * @param {import('react').ReactNodeArray} children        Children to serialize.
1263   * @param {Object}                         [context]       Context object.
1264   * @param {Object}                         [legacyContext] Legacy context object.
1265   *
1266   * @return {string} Serialized children.
1267   */
1268  
1269  function renderChildren(children, context) {
1270    let legacyContext = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
1271    let result = '';
1272    children = Object(external_lodash_["castArray"])(children);
1273  
1274    for (let i = 0; i < children.length; i++) {
1275      const child = children[i];
1276      result += renderElement(child, context, legacyContext);
1277    }
1278  
1279    return result;
1280  }
1281  /**
1282   * Renders a props object as a string of HTML attributes.
1283   *
1284   * @param {Object} props Props object.
1285   *
1286   * @return {string} Attributes string.
1287   */
1288  
1289  
1290  function renderAttributes(props) {
1291    let result = '';
1292  
1293    for (const key in props) {
1294      const attribute = getNormalAttributeName(key);
1295  
1296      if (!Object(external_wp_escapeHtml_["isValidAttributeName"])(attribute)) {
1297        continue;
1298      }
1299  
1300      let value = getNormalAttributeValue(key, props[key]); // If value is not of serializeable type, skip.
1301  
1302      if (!ATTRIBUTES_TYPES.has(typeof value)) {
1303        continue;
1304      } // Don't render internal attribute names.
1305  
1306  
1307      if (isInternalAttribute(key)) {
1308        continue;
1309      }
1310  
1311      const isBooleanAttribute = BOOLEAN_ATTRIBUTES.has(attribute); // Boolean attribute should be omitted outright if its value is false.
1312  
1313      if (isBooleanAttribute && value === false) {
1314        continue;
1315      }
1316  
1317      const isMeaningfulAttribute = isBooleanAttribute || hasPrefix(key, ['data-', 'aria-']) || ENUMERATED_ATTRIBUTES.has(attribute); // Only write boolean value as attribute if meaningful.
1318  
1319      if (typeof value === 'boolean' && !isMeaningfulAttribute) {
1320        continue;
1321      }
1322  
1323      result += ' ' + attribute; // Boolean attributes should write attribute name, but without value.
1324      // Mere presence of attribute name is effective truthiness.
1325  
1326      if (isBooleanAttribute) {
1327        continue;
1328      }
1329  
1330      if (typeof value === 'string') {
1331        value = Object(external_wp_escapeHtml_["escapeAttribute"])(value);
1332      }
1333  
1334      result += '="' + value + '"';
1335    }
1336  
1337    return result;
1338  }
1339  /**
1340   * Renders a style object as a string attribute value.
1341   *
1342   * @param {Object} style Style object.
1343   *
1344   * @return {string} Style attribute value.
1345   */
1346  
1347  function renderStyle(style) {
1348    // Only generate from object, e.g. tolerate string value.
1349    if (!Object(external_lodash_["isPlainObject"])(style)) {
1350      return style;
1351    }
1352  
1353    let result;
1354  
1355    for (const property in style) {
1356      const value = style[property];
1357  
1358      if (null === value || undefined === value) {
1359        continue;
1360      }
1361  
1362      if (result) {
1363        result += ';';
1364      } else {
1365        result = '';
1366      }
1367  
1368      const normalName = getNormalStylePropertyName(property);
1369      const normalValue = getNormalStylePropertyValue(property, value);
1370      result += normalName + ':' + normalValue;
1371    }
1372  
1373    return result;
1374  }
1375  /* harmony default export */ var serialize = (renderElement);
1376  
1377  // CONCATENATED MODULE: ./node_modules/@wordpress/element/build-module/index.js
1378  
1379  
1380  
1381  
1382  
1383  
1384  
1385  
1386  
1387  /***/ })
1388  
1389  /******/ });