| [ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 /******/ (() => { // webpackBootstrap 2 /******/ "use strict"; 3 /******/ var __webpack_modules__ = ({ 4 5 /***/ 7734: 6 /***/ ((module) => { 7 8 9 10 // do not edit .js files directly - edit src/index.jst 11 12 13 var envHasBigInt64Array = typeof BigInt64Array !== 'undefined'; 14 15 16 module.exports = function equal(a, b) { 17 if (a === b) return true; 18 19 if (a && b && typeof a == 'object' && typeof b == 'object') { 20 if (a.constructor !== b.constructor) return false; 21 22 var length, i, keys; 23 if (Array.isArray(a)) { 24 length = a.length; 25 if (length != b.length) return false; 26 for (i = length; i-- !== 0;) 27 if (!equal(a[i], b[i])) return false; 28 return true; 29 } 30 31 32 if ((a instanceof Map) && (b instanceof Map)) { 33 if (a.size !== b.size) return false; 34 for (i of a.entries()) 35 if (!b.has(i[0])) return false; 36 for (i of a.entries()) 37 if (!equal(i[1], b.get(i[0]))) return false; 38 return true; 39 } 40 41 if ((a instanceof Set) && (b instanceof Set)) { 42 if (a.size !== b.size) return false; 43 for (i of a.entries()) 44 if (!b.has(i[0])) return false; 45 return true; 46 } 47 48 if (ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) { 49 length = a.length; 50 if (length != b.length) return false; 51 for (i = length; i-- !== 0;) 52 if (a[i] !== b[i]) return false; 53 return true; 54 } 55 56 57 if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags; 58 if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf(); 59 if (a.toString !== Object.prototype.toString) return a.toString() === b.toString(); 60 61 keys = Object.keys(a); 62 length = keys.length; 63 if (length !== Object.keys(b).length) return false; 64 65 for (i = length; i-- !== 0;) 66 if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false; 67 68 for (i = length; i-- !== 0;) { 69 var key = keys[i]; 70 71 if (!equal(a[key], b[key])) return false; 72 } 73 74 return true; 75 } 76 77 // true if both NaN, false otherwise 78 return a!==a && b!==b; 79 }; 80 81 82 /***/ }) 83 84 /******/ }); 85 /************************************************************************/ 86 /******/ // The module cache 87 /******/ var __webpack_module_cache__ = {}; 88 /******/ 89 /******/ // The require function 90 /******/ function __webpack_require__(moduleId) { 91 /******/ // Check if module is in cache 92 /******/ var cachedModule = __webpack_module_cache__[moduleId]; 93 /******/ if (cachedModule !== undefined) { 94 /******/ return cachedModule.exports; 95 /******/ } 96 /******/ // Create a new module (and put it into the cache) 97 /******/ var module = __webpack_module_cache__[moduleId] = { 98 /******/ // no module.id needed 99 /******/ // no module.loaded needed 100 /******/ exports: {} 101 /******/ }; 102 /******/ 103 /******/ // Execute the module function 104 /******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); 105 /******/ 106 /******/ // Return the exports of the module 107 /******/ return module.exports; 108 /******/ } 109 /******/ 110 /************************************************************************/ 111 /******/ /* webpack/runtime/compat get default export */ 112 /******/ (() => { 113 /******/ // getDefaultExport function for compatibility with non-harmony modules 114 /******/ __webpack_require__.n = (module) => { 115 /******/ var getter = module && module.__esModule ? 116 /******/ () => (module['default']) : 117 /******/ () => (module); 118 /******/ __webpack_require__.d(getter, { a: getter }); 119 /******/ return getter; 120 /******/ }; 121 /******/ })(); 122 /******/ 123 /******/ /* webpack/runtime/define property getters */ 124 /******/ (() => { 125 /******/ // define getter functions for harmony exports 126 /******/ __webpack_require__.d = (exports, definition) => { 127 /******/ for(var key in definition) { 128 /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { 129 /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); 130 /******/ } 131 /******/ } 132 /******/ }; 133 /******/ })(); 134 /******/ 135 /******/ /* webpack/runtime/hasOwnProperty shorthand */ 136 /******/ (() => { 137 /******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) 138 /******/ })(); 139 /******/ 140 /******/ /* webpack/runtime/make namespace object */ 141 /******/ (() => { 142 /******/ // define __esModule on exports 143 /******/ __webpack_require__.r = (exports) => { 144 /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { 145 /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); 146 /******/ } 147 /******/ Object.defineProperty(exports, '__esModule', { value: true }); 148 /******/ }; 149 /******/ })(); 150 /******/ 151 /************************************************************************/ 152 var __webpack_exports__ = {}; 153 // ESM COMPAT FLAG 154 __webpack_require__.r(__webpack_exports__); 155 156 // EXPORTS 157 __webpack_require__.d(__webpack_exports__, { 158 initialize: () => (/* binding */ initialize), 159 store: () => (/* reexport */ store) 160 }); 161 162 // NAMESPACE OBJECT: ./node_modules/@wordpress/customize-widgets/build-module/store/selectors.js 163 var selectors_namespaceObject = {}; 164 __webpack_require__.r(selectors_namespaceObject); 165 __webpack_require__.d(selectors_namespaceObject, { 166 __experimentalGetInsertionPoint: () => (__experimentalGetInsertionPoint), 167 isInserterOpened: () => (isInserterOpened) 168 }); 169 170 // NAMESPACE OBJECT: ./node_modules/@wordpress/customize-widgets/build-module/store/actions.js 171 var actions_namespaceObject = {}; 172 __webpack_require__.r(actions_namespaceObject); 173 __webpack_require__.d(actions_namespaceObject, { 174 setIsInserterOpened: () => (setIsInserterOpened) 175 }); 176 177 ;// external ["wp","element"] 178 const external_wp_element_namespaceObject = window["wp"]["element"]; 179 ;// external ["wp","blockLibrary"] 180 const external_wp_blockLibrary_namespaceObject = window["wp"]["blockLibrary"]; 181 ;// external ["wp","widgets"] 182 const external_wp_widgets_namespaceObject = window["wp"]["widgets"]; 183 ;// external ["wp","blocks"] 184 const external_wp_blocks_namespaceObject = window["wp"]["blocks"]; 185 ;// external ["wp","data"] 186 const external_wp_data_namespaceObject = window["wp"]["data"]; 187 ;// external ["wp","preferences"] 188 const external_wp_preferences_namespaceObject = window["wp"]["preferences"]; 189 ;// external ["wp","components"] 190 const external_wp_components_namespaceObject = window["wp"]["components"]; 191 ;// external ["wp","i18n"] 192 const external_wp_i18n_namespaceObject = window["wp"]["i18n"]; 193 ;// external ["wp","blockEditor"] 194 const external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"]; 195 ;// external ["wp","compose"] 196 const external_wp_compose_namespaceObject = window["wp"]["compose"]; 197 ;// external ["wp","hooks"] 198 const external_wp_hooks_namespaceObject = window["wp"]["hooks"]; 199 ;// external "ReactJSXRuntime" 200 const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"]; 201 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/error-boundary/index.js 202 /** 203 * WordPress dependencies 204 */ 205 206 207 208 209 210 211 212 function CopyButton({ 213 text, 214 children 215 }) { 216 const ref = (0,external_wp_compose_namespaceObject.useCopyToClipboard)(text); 217 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, { 218 size: "compact", 219 variant: "secondary", 220 ref: ref, 221 children: children 222 }); 223 } 224 class ErrorBoundary extends external_wp_element_namespaceObject.Component { 225 constructor() { 226 super(...arguments); 227 this.state = { 228 error: null 229 }; 230 } 231 componentDidCatch(error) { 232 this.setState({ 233 error 234 }); 235 (0,external_wp_hooks_namespaceObject.doAction)('editor.ErrorBoundary.errorLogged', error); 236 } 237 render() { 238 const { 239 error 240 } = this.state; 241 if (!error) { 242 return this.props.children; 243 } 244 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, { 245 className: "customize-widgets-error-boundary", 246 actions: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CopyButton, { 247 text: error.stack, 248 children: (0,external_wp_i18n_namespaceObject.__)('Copy Error') 249 }, "copy-error")], 250 children: (0,external_wp_i18n_namespaceObject.__)('The editor has encountered an unexpected error.') 251 }); 252 } 253 } 254 255 ;// external ["wp","coreData"] 256 const external_wp_coreData_namespaceObject = window["wp"]["coreData"]; 257 ;// external ["wp","mediaUtils"] 258 const external_wp_mediaUtils_namespaceObject = window["wp"]["mediaUtils"]; 259 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/block-inspector-button/index.js 260 /** 261 * WordPress dependencies 262 */ 263 264 265 266 267 268 269 function BlockInspectorButton({ 270 inspector, 271 closeMenu, 272 ...props 273 }) { 274 const selectedBlockClientId = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getSelectedBlockClientId(), []); 275 const selectedBlock = (0,external_wp_element_namespaceObject.useMemo)(() => document.getElementById(`block-$selectedBlockClientId}`), [selectedBlockClientId]); 276 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, { 277 onClick: () => { 278 // Open the inspector. 279 inspector.open({ 280 returnFocusWhenClose: selectedBlock 281 }); 282 // Then close the dropdown menu. 283 closeMenu(); 284 }, 285 ...props, 286 children: (0,external_wp_i18n_namespaceObject.__)('Show more settings') 287 }); 288 } 289 /* harmony default export */ const block_inspector_button = (BlockInspectorButton); 290 291 ;// ./node_modules/clsx/dist/clsx.mjs 292 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ const dist_clsx = (clsx); 293 ;// external ["wp","keycodes"] 294 const external_wp_keycodes_namespaceObject = window["wp"]["keycodes"]; 295 ;// external ["wp","primitives"] 296 const external_wp_primitives_namespaceObject = window["wp"]["primitives"]; 297 ;// ./node_modules/@wordpress/icons/build-module/library/undo.js 298 /** 299 * WordPress dependencies 300 */ 301 302 303 const undo = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { 304 xmlns: "http://www.w3.org/2000/svg", 305 viewBox: "0 0 24 24", 306 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { 307 d: "M18.3 11.7c-.6-.6-1.4-.9-2.3-.9H6.7l2.9-3.3-1.1-1-4.5 5L8.5 16l1-1-2.7-2.7H16c.5 0 .9.2 1.3.5 1 1 1 3.4 1 4.5v.3h1.5v-.2c0-1.5 0-4.3-1.5-5.7z" 308 }) 309 }); 310 /* harmony default export */ const library_undo = (undo); 311 312 ;// ./node_modules/@wordpress/icons/build-module/library/redo.js 313 /** 314 * WordPress dependencies 315 */ 316 317 318 const redo = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { 319 xmlns: "http://www.w3.org/2000/svg", 320 viewBox: "0 0 24 24", 321 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { 322 d: "M15.6 6.5l-1.1 1 2.9 3.3H8c-.9 0-1.7.3-2.3.9-1.4 1.5-1.4 4.2-1.4 5.6v.2h1.5v-.3c0-1.1 0-3.5 1-4.5.3-.3.7-.5 1.3-.5h9.2L14.5 15l1.1 1.1 4.6-4.6-4.6-5z" 323 }) 324 }); 325 /* harmony default export */ const library_redo = (redo); 326 327 ;// ./node_modules/@wordpress/icons/build-module/library/plus.js 328 /** 329 * WordPress dependencies 330 */ 331 332 333 const plus = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { 334 xmlns: "http://www.w3.org/2000/svg", 335 viewBox: "0 0 24 24", 336 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { 337 d: "M11 12.5V17.5H12.5V12.5H17.5V11H12.5V6H11V11H6V12.5H11Z" 338 }) 339 }); 340 /* harmony default export */ const library_plus = (plus); 341 342 ;// ./node_modules/@wordpress/icons/build-module/library/close-small.js 343 /** 344 * WordPress dependencies 345 */ 346 347 348 const closeSmall = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { 349 xmlns: "http://www.w3.org/2000/svg", 350 viewBox: "0 0 24 24", 351 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { 352 d: "M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z" 353 }) 354 }); 355 /* harmony default export */ const close_small = (closeSmall); 356 357 ;// ./node_modules/@wordpress/customize-widgets/build-module/store/reducer.js 358 /** 359 * WordPress dependencies 360 */ 361 362 363 /** 364 * Reducer tracking whether the inserter is open. 365 * 366 * @param {boolean|Object} state 367 * @param {Object} action 368 */ 369 function blockInserterPanel(state = false, action) { 370 switch (action.type) { 371 case 'SET_IS_INSERTER_OPENED': 372 return action.value; 373 } 374 return state; 375 } 376 /* harmony default export */ const reducer = ((0,external_wp_data_namespaceObject.combineReducers)({ 377 blockInserterPanel 378 })); 379 380 ;// ./node_modules/@wordpress/customize-widgets/build-module/store/selectors.js 381 const EMPTY_INSERTION_POINT = { 382 rootClientId: undefined, 383 insertionIndex: undefined 384 }; 385 386 /** 387 * Returns true if the inserter is opened. 388 * 389 * @param {Object} state Global application state. 390 * 391 * @example 392 * ```js 393 * import { store as customizeWidgetsStore } from '@wordpress/customize-widgets'; 394 * import { __ } from '@wordpress/i18n'; 395 * import { useSelect } from '@wordpress/data'; 396 * 397 * const ExampleComponent = () => { 398 * const { isInserterOpened } = useSelect( 399 * ( select ) => select( customizeWidgetsStore ), 400 * [] 401 * ); 402 * 403 * return isInserterOpened() 404 * ? __( 'Inserter is open' ) 405 * : __( 'Inserter is closed.' ); 406 * }; 407 * ``` 408 * 409 * @return {boolean} Whether the inserter is opened. 410 */ 411 function isInserterOpened(state) { 412 return !!state.blockInserterPanel; 413 } 414 415 /** 416 * Get the insertion point for the inserter. 417 * 418 * @param {Object} state Global application state. 419 * 420 * @return {Object} The root client ID and index to insert at. 421 */ 422 function __experimentalGetInsertionPoint(state) { 423 if (typeof state.blockInserterPanel === 'boolean') { 424 return EMPTY_INSERTION_POINT; 425 } 426 return state.blockInserterPanel; 427 } 428 429 ;// ./node_modules/@wordpress/customize-widgets/build-module/store/actions.js 430 /** 431 * Returns an action object used to open/close the inserter. 432 * 433 * @param {boolean|Object} value Whether the inserter should be 434 * opened (true) or closed (false). 435 * To specify an insertion point, 436 * use an object. 437 * @param {string} value.rootClientId The root client ID to insert at. 438 * @param {number} value.insertionIndex The index to insert at. 439 * 440 * @example 441 * ```js 442 * import { useState } from 'react'; 443 * import { store as customizeWidgetsStore } from '@wordpress/customize-widgets'; 444 * import { __ } from '@wordpress/i18n'; 445 * import { useDispatch } from '@wordpress/data'; 446 * import { Button } from '@wordpress/components'; 447 * 448 * const ExampleComponent = () => { 449 * const { setIsInserterOpened } = useDispatch( customizeWidgetsStore ); 450 * const [ isOpen, setIsOpen ] = useState( false ); 451 * 452 * return ( 453 * <Button 454 * onClick={ () => { 455 * setIsInserterOpened( ! isOpen ); 456 * setIsOpen( ! isOpen ); 457 * } } 458 * > 459 * { __( 'Open/close inserter' ) } 460 * </Button> 461 * ); 462 * }; 463 * ``` 464 * 465 * @return {Object} Action object. 466 */ 467 function setIsInserterOpened(value) { 468 return { 469 type: 'SET_IS_INSERTER_OPENED', 470 value 471 }; 472 } 473 474 ;// ./node_modules/@wordpress/customize-widgets/build-module/store/constants.js 475 /** 476 * Module Constants 477 */ 478 const STORE_NAME = 'core/customize-widgets'; 479 480 ;// ./node_modules/@wordpress/customize-widgets/build-module/store/index.js 481 /** 482 * WordPress dependencies 483 */ 484 485 486 /** 487 * Internal dependencies 488 */ 489 490 491 492 493 494 /** 495 * Block editor data store configuration. 496 * 497 * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#registering-a-store 498 * 499 * @type {Object} 500 */ 501 const storeConfig = { 502 reducer: reducer, 503 selectors: selectors_namespaceObject, 504 actions: actions_namespaceObject 505 }; 506 507 /** 508 * Store definition for the edit widgets namespace. 509 * 510 * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore 511 * 512 * @type {Object} 513 */ 514 const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, storeConfig); 515 (0,external_wp_data_namespaceObject.register)(store); 516 517 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/inserter/index.js 518 /** 519 * WordPress dependencies 520 */ 521 522 523 524 525 526 527 528 /** 529 * Internal dependencies 530 */ 531 532 533 function Inserter({ 534 setIsOpened 535 }) { 536 const inserterTitleId = (0,external_wp_compose_namespaceObject.useInstanceId)(Inserter, 'customize-widget-layout__inserter-panel-title'); 537 const insertionPoint = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).__experimentalGetInsertionPoint(), []); 538 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { 539 className: "customize-widgets-layout__inserter-panel", 540 "aria-labelledby": inserterTitleId, 541 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { 542 className: "customize-widgets-layout__inserter-panel-header", 543 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h2", { 544 id: inserterTitleId, 545 className: "customize-widgets-layout__inserter-panel-header-title", 546 children: (0,external_wp_i18n_namespaceObject.__)('Add a block') 547 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, { 548 size: "small", 549 icon: close_small, 550 onClick: () => setIsOpened(false), 551 "aria-label": (0,external_wp_i18n_namespaceObject.__)('Close inserter') 552 })] 553 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { 554 className: "customize-widgets-layout__inserter-panel-content", 555 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalLibrary, { 556 rootClientId: insertionPoint.rootClientId, 557 __experimentalInsertionIndex: insertionPoint.insertionIndex, 558 showInserterHelpPanel: true, 559 onSelect: () => setIsOpened(false) 560 }) 561 })] 562 }); 563 } 564 /* harmony default export */ const components_inserter = (Inserter); 565 566 ;// ./node_modules/@wordpress/icons/build-module/library/more-vertical.js 567 /** 568 * WordPress dependencies 569 */ 570 571 572 const moreVertical = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { 573 xmlns: "http://www.w3.org/2000/svg", 574 viewBox: "0 0 24 24", 575 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { 576 d: "M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z" 577 }) 578 }); 579 /* harmony default export */ const more_vertical = (moreVertical); 580 581 ;// ./node_modules/@wordpress/icons/build-module/library/external.js 582 /** 583 * WordPress dependencies 584 */ 585 586 587 const external = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { 588 xmlns: "http://www.w3.org/2000/svg", 589 viewBox: "0 0 24 24", 590 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { 591 d: "M19.5 4.5h-7V6h4.44l-5.97 5.97 1.06 1.06L18 7.06v4.44h1.5v-7Zm-13 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3H17v3a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h3V5.5h-3Z" 592 }) 593 }); 594 /* harmony default export */ const library_external = (external); 595 596 ;// external ["wp","keyboardShortcuts"] 597 const external_wp_keyboardShortcuts_namespaceObject = window["wp"]["keyboardShortcuts"]; 598 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/keyboard-shortcut-help-modal/config.js 599 /** 600 * WordPress dependencies 601 */ 602 603 const textFormattingShortcuts = [{ 604 keyCombination: { 605 modifier: 'primary', 606 character: 'b' 607 }, 608 description: (0,external_wp_i18n_namespaceObject.__)('Make the selected text bold.') 609 }, { 610 keyCombination: { 611 modifier: 'primary', 612 character: 'i' 613 }, 614 description: (0,external_wp_i18n_namespaceObject.__)('Make the selected text italic.') 615 }, { 616 keyCombination: { 617 modifier: 'primary', 618 character: 'k' 619 }, 620 description: (0,external_wp_i18n_namespaceObject.__)('Convert the selected text into a link.') 621 }, { 622 keyCombination: { 623 modifier: 'primaryShift', 624 character: 'k' 625 }, 626 description: (0,external_wp_i18n_namespaceObject.__)('Remove a link.') 627 }, { 628 keyCombination: { 629 character: '[[' 630 }, 631 description: (0,external_wp_i18n_namespaceObject.__)('Insert a link to a post or page.') 632 }, { 633 keyCombination: { 634 modifier: 'primary', 635 character: 'u' 636 }, 637 description: (0,external_wp_i18n_namespaceObject.__)('Underline the selected text.') 638 }, { 639 keyCombination: { 640 modifier: 'access', 641 character: 'd' 642 }, 643 description: (0,external_wp_i18n_namespaceObject.__)('Strikethrough the selected text.') 644 }, { 645 keyCombination: { 646 modifier: 'access', 647 character: 'x' 648 }, 649 description: (0,external_wp_i18n_namespaceObject.__)('Make the selected text inline code.') 650 }, { 651 keyCombination: { 652 modifier: 'access', 653 character: '0' 654 }, 655 aliases: [{ 656 modifier: 'access', 657 character: '7' 658 }], 659 description: (0,external_wp_i18n_namespaceObject.__)('Convert the current heading to a paragraph.') 660 }, { 661 keyCombination: { 662 modifier: 'access', 663 character: '1-6' 664 }, 665 description: (0,external_wp_i18n_namespaceObject.__)('Convert the current paragraph or heading to a heading of level 1 to 6.') 666 }, { 667 keyCombination: { 668 modifier: 'primaryShift', 669 character: 'SPACE' 670 }, 671 description: (0,external_wp_i18n_namespaceObject.__)('Add non breaking space.') 672 }]; 673 674 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/keyboard-shortcut-help-modal/shortcut.js 675 /** 676 * WordPress dependencies 677 */ 678 679 680 681 function KeyCombination({ 682 keyCombination, 683 forceAriaLabel 684 }) { 685 const shortcut = keyCombination.modifier ? external_wp_keycodes_namespaceObject.displayShortcutList[keyCombination.modifier](keyCombination.character) : keyCombination.character; 686 const ariaLabel = keyCombination.modifier ? external_wp_keycodes_namespaceObject.shortcutAriaLabel[keyCombination.modifier](keyCombination.character) : keyCombination.character; 687 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("kbd", { 688 className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination", 689 "aria-label": forceAriaLabel || ariaLabel, 690 children: (Array.isArray(shortcut) ? shortcut : [shortcut]).map((character, index) => { 691 if (character === '+') { 692 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_element_namespaceObject.Fragment, { 693 children: character 694 }, index); 695 } 696 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("kbd", { 697 className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-key", 698 children: character 699 }, index); 700 }) 701 }); 702 } 703 function Shortcut({ 704 description, 705 keyCombination, 706 aliases = [], 707 ariaLabel 708 }) { 709 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { 710 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { 711 className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-description", 712 children: description 713 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { 714 className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-term", 715 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(KeyCombination, { 716 keyCombination: keyCombination, 717 forceAriaLabel: ariaLabel 718 }), aliases.map((alias, index) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(KeyCombination, { 719 keyCombination: alias, 720 forceAriaLabel: ariaLabel 721 }, index))] 722 })] 723 }); 724 } 725 /* harmony default export */ const keyboard_shortcut_help_modal_shortcut = (Shortcut); 726 727 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/keyboard-shortcut-help-modal/dynamic-shortcut.js 728 /** 729 * WordPress dependencies 730 */ 731 732 733 734 /** 735 * Internal dependencies 736 */ 737 738 739 function DynamicShortcut({ 740 name 741 }) { 742 const { 743 keyCombination, 744 description, 745 aliases 746 } = (0,external_wp_data_namespaceObject.useSelect)(select => { 747 const { 748 getShortcutKeyCombination, 749 getShortcutDescription, 750 getShortcutAliases 751 } = select(external_wp_keyboardShortcuts_namespaceObject.store); 752 return { 753 keyCombination: getShortcutKeyCombination(name), 754 aliases: getShortcutAliases(name), 755 description: getShortcutDescription(name) 756 }; 757 }, [name]); 758 if (!keyCombination) { 759 return null; 760 } 761 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(keyboard_shortcut_help_modal_shortcut, { 762 keyCombination: keyCombination, 763 description: description, 764 aliases: aliases 765 }); 766 } 767 /* harmony default export */ const dynamic_shortcut = (DynamicShortcut); 768 769 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/keyboard-shortcut-help-modal/index.js 770 /** 771 * External dependencies 772 */ 773 774 775 /** 776 * WordPress dependencies 777 */ 778 779 780 781 782 783 /** 784 * Internal dependencies 785 */ 786 787 788 789 790 const ShortcutList = ({ 791 shortcuts 792 }) => 793 /*#__PURE__*/ 794 /* 795 * Disable reason: The `list` ARIA role is redundant but 796 * Safari+VoiceOver won't announce the list otherwise. 797 */ 798 /* eslint-disable jsx-a11y/no-redundant-roles */ 799 (0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", { 800 className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-list", 801 role: "list", 802 children: shortcuts.map((shortcut, index) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", { 803 className: "customize-widgets-keyboard-shortcut-help-modal__shortcut", 804 children: typeof shortcut === 'string' ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(dynamic_shortcut, { 805 name: shortcut 806 }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(keyboard_shortcut_help_modal_shortcut, { 807 ...shortcut 808 }) 809 }, index)) 810 }) 811 /* eslint-enable jsx-a11y/no-redundant-roles */; 812 const ShortcutSection = ({ 813 title, 814 shortcuts, 815 className 816 }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("section", { 817 className: dist_clsx('customize-widgets-keyboard-shortcut-help-modal__section', className), 818 children: [!!title && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h2", { 819 className: "customize-widgets-keyboard-shortcut-help-modal__section-title", 820 children: title 821 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutList, { 822 shortcuts: shortcuts 823 })] 824 }); 825 const ShortcutCategorySection = ({ 826 title, 827 categoryName, 828 additionalShortcuts = [] 829 }) => { 830 const categoryShortcuts = (0,external_wp_data_namespaceObject.useSelect)(select => { 831 return select(external_wp_keyboardShortcuts_namespaceObject.store).getCategoryShortcuts(categoryName); 832 }, [categoryName]); 833 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutSection, { 834 title: title, 835 shortcuts: categoryShortcuts.concat(additionalShortcuts) 836 }); 837 }; 838 function KeyboardShortcutHelpModal({ 839 isModalActive, 840 toggleModal 841 }) { 842 const { 843 registerShortcut 844 } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_keyboardShortcuts_namespaceObject.store); 845 registerShortcut({ 846 name: 'core/customize-widgets/keyboard-shortcuts', 847 category: 'main', 848 description: (0,external_wp_i18n_namespaceObject.__)('Display these keyboard shortcuts.'), 849 keyCombination: { 850 modifier: 'access', 851 character: 'h' 852 } 853 }); 854 (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/customize-widgets/keyboard-shortcuts', toggleModal); 855 if (!isModalActive) { 856 return null; 857 } 858 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Modal, { 859 className: "customize-widgets-keyboard-shortcut-help-modal", 860 title: (0,external_wp_i18n_namespaceObject.__)('Keyboard shortcuts'), 861 onRequestClose: toggleModal, 862 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutSection, { 863 className: "customize-widgets-keyboard-shortcut-help-modal__main-shortcuts", 864 shortcuts: ['core/customize-widgets/keyboard-shortcuts'] 865 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutCategorySection, { 866 title: (0,external_wp_i18n_namespaceObject.__)('Global shortcuts'), 867 categoryName: "global" 868 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutCategorySection, { 869 title: (0,external_wp_i18n_namespaceObject.__)('Selection shortcuts'), 870 categoryName: "selection" 871 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutCategorySection, { 872 title: (0,external_wp_i18n_namespaceObject.__)('Block shortcuts'), 873 categoryName: "block", 874 additionalShortcuts: [{ 875 keyCombination: { 876 character: '/' 877 }, 878 description: (0,external_wp_i18n_namespaceObject.__)('Change the block type after adding a new paragraph.'), 879 /* translators: The forward-slash character. e.g. '/'. */ 880 ariaLabel: (0,external_wp_i18n_namespaceObject.__)('Forward-slash') 881 }] 882 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutSection, { 883 title: (0,external_wp_i18n_namespaceObject.__)('Text formatting'), 884 shortcuts: textFormattingShortcuts 885 })] 886 }); 887 } 888 889 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/more-menu/index.js 890 /** 891 * WordPress dependencies 892 */ 893 894 895 896 897 898 899 900 901 /** 902 * Internal dependencies 903 */ 904 905 906 function MoreMenu() { 907 const [isKeyboardShortcutsModalActive, setIsKeyboardShortcutsModalVisible] = (0,external_wp_element_namespaceObject.useState)(false); 908 const toggleKeyboardShortcutsModal = () => setIsKeyboardShortcutsModalVisible(!isKeyboardShortcutsModalActive); 909 (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/customize-widgets/keyboard-shortcuts', toggleKeyboardShortcutsModal); 910 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { 911 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarDropdownMenu, { 912 icon: more_vertical, 913 label: (0,external_wp_i18n_namespaceObject.__)('Options'), 914 popoverProps: { 915 placement: 'bottom-end', 916 className: 'more-menu-dropdown__content' 917 }, 918 toggleProps: { 919 tooltipPosition: 'bottom', 920 size: 'compact' 921 }, 922 children: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { 923 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuGroup, { 924 label: (0,external_wp_i18n_namespaceObject._x)('View', 'noun'), 925 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_preferences_namespaceObject.PreferenceToggleMenuItem, { 926 scope: "core/customize-widgets", 927 name: "fixedToolbar", 928 label: (0,external_wp_i18n_namespaceObject.__)('Top toolbar'), 929 info: (0,external_wp_i18n_namespaceObject.__)('Access all block and document tools in a single place'), 930 messageActivated: (0,external_wp_i18n_namespaceObject.__)('Top toolbar activated'), 931 messageDeactivated: (0,external_wp_i18n_namespaceObject.__)('Top toolbar deactivated') 932 }) 933 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.MenuGroup, { 934 label: (0,external_wp_i18n_namespaceObject.__)('Tools'), 935 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, { 936 onClick: () => { 937 setIsKeyboardShortcutsModalVisible(true); 938 }, 939 shortcut: external_wp_keycodes_namespaceObject.displayShortcut.access('h'), 940 children: (0,external_wp_i18n_namespaceObject.__)('Keyboard shortcuts') 941 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_preferences_namespaceObject.PreferenceToggleMenuItem, { 942 scope: "core/customize-widgets", 943 name: "welcomeGuide", 944 label: (0,external_wp_i18n_namespaceObject.__)('Welcome Guide') 945 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.MenuItem, { 946 role: "menuitem", 947 icon: library_external, 948 href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/documentation/article/block-based-widgets-editor/'), 949 target: "_blank", 950 rel: "noopener noreferrer", 951 children: [(0,external_wp_i18n_namespaceObject.__)('Help'), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.VisuallyHidden, { 952 as: "span", 953 children: /* translators: accessibility text */ 954 (0,external_wp_i18n_namespaceObject.__)('(opens in a new tab)') 955 })] 956 })] 957 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuGroup, { 958 label: (0,external_wp_i18n_namespaceObject.__)('Preferences'), 959 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_preferences_namespaceObject.PreferenceToggleMenuItem, { 960 scope: "core/customize-widgets", 961 name: "keepCaretInsideBlock", 962 label: (0,external_wp_i18n_namespaceObject.__)('Contain text cursor inside block'), 963 info: (0,external_wp_i18n_namespaceObject.__)('Aids screen readers by stopping text caret from leaving blocks.'), 964 messageActivated: (0,external_wp_i18n_namespaceObject.__)('Contain text cursor inside block activated'), 965 messageDeactivated: (0,external_wp_i18n_namespaceObject.__)('Contain text cursor inside block deactivated') 966 }) 967 })] 968 }) 969 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(KeyboardShortcutHelpModal, { 970 isModalActive: isKeyboardShortcutsModalActive, 971 toggleModal: toggleKeyboardShortcutsModal 972 })] 973 }); 974 } 975 976 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/header/index.js 977 /** 978 * External dependencies 979 */ 980 981 982 /** 983 * WordPress dependencies 984 */ 985 986 987 988 989 990 991 992 /** 993 * Internal dependencies 994 */ 995 996 997 998 function Header({ 999 sidebar, 1000 inserter, 1001 isInserterOpened, 1002 setIsInserterOpened, 1003 isFixedToolbarActive 1004 }) { 1005 const [[hasUndo, hasRedo], setUndoRedo] = (0,external_wp_element_namespaceObject.useState)([sidebar.hasUndo(), sidebar.hasRedo()]); 1006 const shortcut = (0,external_wp_keycodes_namespaceObject.isAppleOS)() ? external_wp_keycodes_namespaceObject.displayShortcut.primaryShift('z') : external_wp_keycodes_namespaceObject.displayShortcut.primary('y'); 1007 (0,external_wp_element_namespaceObject.useEffect)(() => { 1008 return sidebar.subscribeHistory(() => { 1009 setUndoRedo([sidebar.hasUndo(), sidebar.hasRedo()]); 1010 }); 1011 }, [sidebar]); 1012 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { 1013 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { 1014 className: dist_clsx('customize-widgets-header', { 1015 'is-fixed-toolbar-active': isFixedToolbarActive 1016 }), 1017 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.NavigableToolbar, { 1018 className: "customize-widgets-header-toolbar", 1019 "aria-label": (0,external_wp_i18n_namespaceObject.__)('Document tools'), 1020 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, { 1021 icon: !(0,external_wp_i18n_namespaceObject.isRTL)() ? library_undo : library_redo 1022 /* translators: button label text should, if possible, be under 16 characters. */, 1023 label: (0,external_wp_i18n_namespaceObject.__)('Undo'), 1024 shortcut: external_wp_keycodes_namespaceObject.displayShortcut.primary('z'), 1025 disabled: !hasUndo, 1026 onClick: sidebar.undo, 1027 className: "customize-widgets-editor-history-button undo-button" 1028 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, { 1029 icon: !(0,external_wp_i18n_namespaceObject.isRTL)() ? library_redo : library_undo 1030 /* translators: button label text should, if possible, be under 16 characters. */, 1031 label: (0,external_wp_i18n_namespaceObject.__)('Redo'), 1032 shortcut: shortcut, 1033 disabled: !hasRedo, 1034 onClick: sidebar.redo, 1035 className: "customize-widgets-editor-history-button redo-button" 1036 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarButton, { 1037 className: "customize-widgets-header-toolbar__inserter-toggle", 1038 isPressed: isInserterOpened, 1039 variant: "primary", 1040 icon: library_plus, 1041 label: (0,external_wp_i18n_namespaceObject._x)('Add block', 'Generic label for block inserter button'), 1042 onClick: () => { 1043 setIsInserterOpened(isOpen => !isOpen); 1044 } 1045 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MoreMenu, {})] 1046 }) 1047 }), (0,external_wp_element_namespaceObject.createPortal)(/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(components_inserter, { 1048 setIsOpened: setIsInserterOpened 1049 }), inserter.contentContainer[0])] 1050 }); 1051 } 1052 /* harmony default export */ const header = (Header); 1053 1054 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/inserter/use-inserter.js 1055 /** 1056 * WordPress dependencies 1057 */ 1058 1059 1060 1061 /** 1062 * Internal dependencies 1063 */ 1064 1065 function useInserter(inserter) { 1066 const isInserterOpened = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).isInserterOpened(), []); 1067 const { 1068 setIsInserterOpened 1069 } = (0,external_wp_data_namespaceObject.useDispatch)(store); 1070 (0,external_wp_element_namespaceObject.useEffect)(() => { 1071 if (isInserterOpened) { 1072 inserter.open(); 1073 } else { 1074 inserter.close(); 1075 } 1076 }, [inserter, isInserterOpened]); 1077 return [isInserterOpened, (0,external_wp_element_namespaceObject.useCallback)(updater => { 1078 let isOpen = updater; 1079 if (typeof updater === 'function') { 1080 isOpen = updater((0,external_wp_data_namespaceObject.select)(store).isInserterOpened()); 1081 } 1082 setIsInserterOpened(isOpen); 1083 }, [setIsInserterOpened])]; 1084 } 1085 1086 // EXTERNAL MODULE: ./node_modules/fast-deep-equal/es6/index.js 1087 var es6 = __webpack_require__(7734); 1088 var es6_default = /*#__PURE__*/__webpack_require__.n(es6); 1089 ;// external ["wp","isShallowEqual"] 1090 const external_wp_isShallowEqual_namespaceObject = window["wp"]["isShallowEqual"]; 1091 var external_wp_isShallowEqual_default = /*#__PURE__*/__webpack_require__.n(external_wp_isShallowEqual_namespaceObject); 1092 ;// ./node_modules/@wordpress/customize-widgets/build-module/utils.js 1093 // @ts-check 1094 /** 1095 * WordPress dependencies 1096 */ 1097 1098 1099 1100 /** 1101 * Convert settingId to widgetId. 1102 * 1103 * @param {string} settingId The setting id. 1104 * @return {string} The widget id. 1105 */ 1106 function settingIdToWidgetId(settingId) { 1107 const matches = settingId.match(/^widget_(.+)(?:\[(\d+)\])$/); 1108 if (matches) { 1109 const idBase = matches[1]; 1110 const number = parseInt(matches[2], 10); 1111 return `$idBase}-$number}`; 1112 } 1113 return settingId; 1114 } 1115 1116 /** 1117 * Transform a block to a customizable widget. 1118 * 1119 * @param {WPBlock} block The block to be transformed from. 1120 * @param {Object} existingWidget The widget to be extended from. 1121 * @return {Object} The transformed widget. 1122 */ 1123 function blockToWidget(block, existingWidget = null) { 1124 let widget; 1125 const isValidLegacyWidgetBlock = block.name === 'core/legacy-widget' && (block.attributes.id || block.attributes.instance); 1126 if (isValidLegacyWidgetBlock) { 1127 if (block.attributes.id) { 1128 // Widget that does not extend WP_Widget. 1129 widget = { 1130 id: block.attributes.id 1131 }; 1132 } else { 1133 const { 1134 encoded, 1135 hash, 1136 raw, 1137 ...rest 1138 } = block.attributes.instance; 1139 1140 // Widget that extends WP_Widget. 1141 widget = { 1142 idBase: block.attributes.idBase, 1143 instance: { 1144 ...existingWidget?.instance, 1145 // Required only for the customizer. 1146 is_widget_customizer_js_value: true, 1147 encoded_serialized_instance: encoded, 1148 instance_hash_key: hash, 1149 raw_instance: raw, 1150 ...rest 1151 } 1152 }; 1153 } 1154 } else { 1155 const instance = { 1156 content: (0,external_wp_blocks_namespaceObject.serialize)(block) 1157 }; 1158 widget = { 1159 idBase: 'block', 1160 widgetClass: 'WP_Widget_Block', 1161 instance: { 1162 raw_instance: instance 1163 } 1164 }; 1165 } 1166 const { 1167 form, 1168 rendered, 1169 ...restExistingWidget 1170 } = existingWidget || {}; 1171 return { 1172 ...restExistingWidget, 1173 ...widget 1174 }; 1175 } 1176 1177 /** 1178 * Transform a widget to a block. 1179 * 1180 * @param {Object} widget The widget to be transformed from. 1181 * @param {string} widget.id The widget id. 1182 * @param {string} widget.idBase The id base of the widget. 1183 * @param {number} widget.number The number/index of the widget. 1184 * @param {Object} widget.instance The instance of the widget. 1185 * @return {WPBlock} The transformed block. 1186 */ 1187 function widgetToBlock({ 1188 id, 1189 idBase, 1190 number, 1191 instance 1192 }) { 1193 let block; 1194 const { 1195 encoded_serialized_instance: encoded, 1196 instance_hash_key: hash, 1197 raw_instance: raw, 1198 ...rest 1199 } = instance; 1200 if (idBase === 'block') { 1201 var _raw$content; 1202 const parsedBlocks = (0,external_wp_blocks_namespaceObject.parse)((_raw$content = raw.content) !== null && _raw$content !== void 0 ? _raw$content : '', { 1203 __unstableSkipAutop: true 1204 }); 1205 block = parsedBlocks.length ? parsedBlocks[0] : (0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {}); 1206 } else if (number) { 1207 // Widget that extends WP_Widget. 1208 block = (0,external_wp_blocks_namespaceObject.createBlock)('core/legacy-widget', { 1209 idBase, 1210 instance: { 1211 encoded, 1212 hash, 1213 raw, 1214 ...rest 1215 } 1216 }); 1217 } else { 1218 // Widget that does not extend WP_Widget. 1219 block = (0,external_wp_blocks_namespaceObject.createBlock)('core/legacy-widget', { 1220 id 1221 }); 1222 } 1223 return (0,external_wp_widgets_namespaceObject.addWidgetIdToBlock)(block, id); 1224 } 1225 1226 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/sidebar-block-editor/use-sidebar-block-editor.js 1227 /** 1228 * External dependencies 1229 */ 1230 1231 1232 /** 1233 * WordPress dependencies 1234 */ 1235 1236 1237 1238 1239 /** 1240 * Internal dependencies 1241 */ 1242 1243 function widgetsToBlocks(widgets) { 1244 return widgets.map(widget => widgetToBlock(widget)); 1245 } 1246 function useSidebarBlockEditor(sidebar) { 1247 const [blocks, setBlocks] = (0,external_wp_element_namespaceObject.useState)(() => widgetsToBlocks(sidebar.getWidgets())); 1248 (0,external_wp_element_namespaceObject.useEffect)(() => { 1249 return sidebar.subscribe((prevWidgets, nextWidgets) => { 1250 setBlocks(prevBlocks => { 1251 const prevWidgetsMap = new Map(prevWidgets.map(widget => [widget.id, widget])); 1252 const prevBlocksMap = new Map(prevBlocks.map(block => [(0,external_wp_widgets_namespaceObject.getWidgetIdFromBlock)(block), block])); 1253 const nextBlocks = nextWidgets.map(nextWidget => { 1254 const prevWidget = prevWidgetsMap.get(nextWidget.id); 1255 1256 // Bail out updates. 1257 if (prevWidget && prevWidget === nextWidget) { 1258 return prevBlocksMap.get(nextWidget.id); 1259 } 1260 return widgetToBlock(nextWidget); 1261 }); 1262 1263 // Bail out updates. 1264 if (external_wp_isShallowEqual_default()(prevBlocks, nextBlocks)) { 1265 return prevBlocks; 1266 } 1267 return nextBlocks; 1268 }); 1269 }); 1270 }, [sidebar]); 1271 const onChangeBlocks = (0,external_wp_element_namespaceObject.useCallback)(nextBlocks => { 1272 setBlocks(prevBlocks => { 1273 if (external_wp_isShallowEqual_default()(prevBlocks, nextBlocks)) { 1274 return prevBlocks; 1275 } 1276 const prevBlocksMap = new Map(prevBlocks.map(block => [(0,external_wp_widgets_namespaceObject.getWidgetIdFromBlock)(block), block])); 1277 const nextWidgets = nextBlocks.map(nextBlock => { 1278 const widgetId = (0,external_wp_widgets_namespaceObject.getWidgetIdFromBlock)(nextBlock); 1279 1280 // Update existing widgets. 1281 if (widgetId && prevBlocksMap.has(widgetId)) { 1282 const prevBlock = prevBlocksMap.get(widgetId); 1283 const prevWidget = sidebar.getWidget(widgetId); 1284 1285 // Bail out updates by returning the previous widgets. 1286 // Deep equality is necessary until the block editor's internals changes. 1287 if (es6_default()(nextBlock, prevBlock) && prevWidget) { 1288 return prevWidget; 1289 } 1290 return blockToWidget(nextBlock, prevWidget); 1291 } 1292 1293 // Add a new widget. 1294 return blockToWidget(nextBlock); 1295 }); 1296 1297 // Bail out updates if the updated widgets are the same. 1298 if (external_wp_isShallowEqual_default()(sidebar.getWidgets(), nextWidgets)) { 1299 return prevBlocks; 1300 } 1301 const addedWidgetIds = sidebar.setWidgets(nextWidgets); 1302 return nextBlocks.reduce((updatedNextBlocks, nextBlock, index) => { 1303 const addedWidgetId = addedWidgetIds[index]; 1304 if (addedWidgetId !== null) { 1305 // Only create a new instance if necessary to prevent 1306 // the whole editor from re-rendering on every edit. 1307 if (updatedNextBlocks === nextBlocks) { 1308 updatedNextBlocks = nextBlocks.slice(); 1309 } 1310 updatedNextBlocks[index] = (0,external_wp_widgets_namespaceObject.addWidgetIdToBlock)(nextBlock, addedWidgetId); 1311 } 1312 return updatedNextBlocks; 1313 }, nextBlocks); 1314 }); 1315 }, [sidebar]); 1316 return [blocks, onChangeBlocks, onChangeBlocks]; 1317 } 1318 1319 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/focus-control/index.js 1320 /** 1321 * WordPress dependencies 1322 */ 1323 1324 1325 /** 1326 * Internal dependencies 1327 */ 1328 1329 1330 const FocusControlContext = (0,external_wp_element_namespaceObject.createContext)(); 1331 function FocusControl({ 1332 api, 1333 sidebarControls, 1334 children 1335 }) { 1336 const [focusedWidgetIdRef, setFocusedWidgetIdRef] = (0,external_wp_element_namespaceObject.useState)({ 1337 current: null 1338 }); 1339 const focusWidget = (0,external_wp_element_namespaceObject.useCallback)(widgetId => { 1340 for (const sidebarControl of sidebarControls) { 1341 const widgets = sidebarControl.setting.get(); 1342 if (widgets.includes(widgetId)) { 1343 sidebarControl.sectionInstance.expand({ 1344 // Schedule it after the complete callback so that 1345 // it won't be overridden by the "Back" button focus. 1346 completeCallback() { 1347 // Create a "ref-like" object every time to ensure 1348 // the same widget id can also triggers the focus control. 1349 setFocusedWidgetIdRef({ 1350 current: widgetId 1351 }); 1352 } 1353 }); 1354 break; 1355 } 1356 } 1357 }, [sidebarControls]); 1358 (0,external_wp_element_namespaceObject.useEffect)(() => { 1359 function handleFocus(settingId) { 1360 const widgetId = settingIdToWidgetId(settingId); 1361 focusWidget(widgetId); 1362 } 1363 let previewBound = false; 1364 function handleReady() { 1365 api.previewer.preview.bind('focus-control-for-setting', handleFocus); 1366 previewBound = true; 1367 } 1368 api.previewer.bind('ready', handleReady); 1369 return () => { 1370 api.previewer.unbind('ready', handleReady); 1371 if (previewBound) { 1372 api.previewer.preview.unbind('focus-control-for-setting', handleFocus); 1373 } 1374 }; 1375 }, [api, focusWidget]); 1376 const context = (0,external_wp_element_namespaceObject.useMemo)(() => [focusedWidgetIdRef, focusWidget], [focusedWidgetIdRef, focusWidget]); 1377 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(FocusControlContext.Provider, { 1378 value: context, 1379 children: children 1380 }); 1381 } 1382 const useFocusControl = () => (0,external_wp_element_namespaceObject.useContext)(FocusControlContext); 1383 1384 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/focus-control/use-blocks-focus-control.js 1385 /** 1386 * WordPress dependencies 1387 */ 1388 1389 1390 1391 1392 1393 /** 1394 * Internal dependencies 1395 */ 1396 1397 function useBlocksFocusControl(blocks) { 1398 const { 1399 selectBlock 1400 } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store); 1401 const [focusedWidgetIdRef] = useFocusControl(); 1402 const blocksRef = (0,external_wp_element_namespaceObject.useRef)(blocks); 1403 (0,external_wp_element_namespaceObject.useEffect)(() => { 1404 blocksRef.current = blocks; 1405 }, [blocks]); 1406 (0,external_wp_element_namespaceObject.useEffect)(() => { 1407 if (focusedWidgetIdRef.current) { 1408 const focusedBlock = blocksRef.current.find(block => (0,external_wp_widgets_namespaceObject.getWidgetIdFromBlock)(block) === focusedWidgetIdRef.current); 1409 if (focusedBlock) { 1410 selectBlock(focusedBlock.clientId); 1411 // If the block is already being selected, the DOM node won't 1412 // get focused again automatically. 1413 // We select the DOM and focus it manually here. 1414 const blockNode = document.querySelector(`[data-block="$focusedBlock.clientId}"]`); 1415 blockNode?.focus(); 1416 } 1417 } 1418 }, [focusedWidgetIdRef, selectBlock]); 1419 } 1420 1421 ;// external ["wp","privateApis"] 1422 const external_wp_privateApis_namespaceObject = window["wp"]["privateApis"]; 1423 ;// ./node_modules/@wordpress/customize-widgets/build-module/lock-unlock.js 1424 /** 1425 * WordPress dependencies 1426 */ 1427 1428 const { 1429 lock, 1430 unlock 1431 } = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.', '@wordpress/customize-widgets'); 1432 1433 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/sidebar-block-editor/sidebar-editor-provider.js 1434 /** 1435 * WordPress dependencies 1436 */ 1437 1438 1439 /** 1440 * Internal dependencies 1441 */ 1442 1443 1444 1445 1446 const { 1447 ExperimentalBlockEditorProvider 1448 } = unlock(external_wp_blockEditor_namespaceObject.privateApis); 1449 function SidebarEditorProvider({ 1450 sidebar, 1451 settings, 1452 children 1453 }) { 1454 const [blocks, onInput, onChange] = useSidebarBlockEditor(sidebar); 1455 useBlocksFocusControl(blocks); 1456 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ExperimentalBlockEditorProvider, { 1457 value: blocks, 1458 onInput: onInput, 1459 onChange: onChange, 1460 settings: settings, 1461 useSubRegistry: false, 1462 children: children 1463 }); 1464 } 1465 1466 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/welcome-guide/index.js 1467 /** 1468 * WordPress dependencies 1469 */ 1470 1471 1472 1473 1474 1475 function WelcomeGuide({ 1476 sidebar 1477 }) { 1478 const { 1479 toggle 1480 } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_preferences_namespaceObject.store); 1481 const isEntirelyBlockWidgets = sidebar.getWidgets().every(widget => widget.id.startsWith('block-')); 1482 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { 1483 className: "customize-widgets-welcome-guide", 1484 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { 1485 className: "customize-widgets-welcome-guide__image__wrapper", 1486 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("picture", { 1487 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("source", { 1488 srcSet: "https://s.w.org/images/block-editor/welcome-editor.svg", 1489 media: "(prefers-reduced-motion: reduce)" 1490 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", { 1491 className: "customize-widgets-welcome-guide__image", 1492 src: "https://s.w.org/images/block-editor/welcome-editor.gif", 1493 width: "312", 1494 height: "240", 1495 alt: "" 1496 })] 1497 }) 1498 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h1", { 1499 className: "customize-widgets-welcome-guide__heading", 1500 children: (0,external_wp_i18n_namespaceObject.__)('Welcome to block Widgets') 1501 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", { 1502 className: "customize-widgets-welcome-guide__text", 1503 children: isEntirelyBlockWidgets ? (0,external_wp_i18n_namespaceObject.__)('Your theme provides different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.') : (0,external_wp_i18n_namespaceObject.__)('You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.') 1504 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, { 1505 size: "compact", 1506 variant: "primary", 1507 onClick: () => toggle('core/customize-widgets', 'welcomeGuide'), 1508 children: (0,external_wp_i18n_namespaceObject.__)('Got it') 1509 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("hr", { 1510 className: "customize-widgets-welcome-guide__separator" 1511 }), !isEntirelyBlockWidgets && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("p", { 1512 className: "customize-widgets-welcome-guide__more-info", 1513 children: [(0,external_wp_i18n_namespaceObject.__)('Want to stick with the old widgets?'), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("br", {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ExternalLink, { 1514 href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/plugins/classic-widgets/'), 1515 children: (0,external_wp_i18n_namespaceObject.__)('Get the Classic Widgets plugin.') 1516 })] 1517 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("p", { 1518 className: "customize-widgets-welcome-guide__more-info", 1519 children: [(0,external_wp_i18n_namespaceObject.__)('New to the block editor?'), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("br", {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ExternalLink, { 1520 href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/documentation/article/wordpress-block-editor/'), 1521 children: (0,external_wp_i18n_namespaceObject.__)("Here's a detailed guide.") 1522 })] 1523 })] 1524 }); 1525 } 1526 1527 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/keyboard-shortcuts/index.js 1528 /** 1529 * WordPress dependencies 1530 */ 1531 1532 1533 1534 1535 1536 function KeyboardShortcuts({ 1537 undo, 1538 redo, 1539 save 1540 }) { 1541 (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/customize-widgets/undo', event => { 1542 undo(); 1543 event.preventDefault(); 1544 }); 1545 (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/customize-widgets/redo', event => { 1546 redo(); 1547 event.preventDefault(); 1548 }); 1549 (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/customize-widgets/save', event => { 1550 event.preventDefault(); 1551 save(); 1552 }); 1553 return null; 1554 } 1555 function KeyboardShortcutsRegister() { 1556 const { 1557 registerShortcut, 1558 unregisterShortcut 1559 } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_keyboardShortcuts_namespaceObject.store); 1560 (0,external_wp_element_namespaceObject.useEffect)(() => { 1561 registerShortcut({ 1562 name: 'core/customize-widgets/undo', 1563 category: 'global', 1564 description: (0,external_wp_i18n_namespaceObject.__)('Undo your last changes.'), 1565 keyCombination: { 1566 modifier: 'primary', 1567 character: 'z' 1568 } 1569 }); 1570 registerShortcut({ 1571 name: 'core/customize-widgets/redo', 1572 category: 'global', 1573 description: (0,external_wp_i18n_namespaceObject.__)('Redo your last undo.'), 1574 keyCombination: { 1575 modifier: 'primaryShift', 1576 character: 'z' 1577 }, 1578 // Disable on Apple OS because it conflicts with the browser's 1579 // history shortcut. It's a fine alias for both Windows and Linux. 1580 // Since there's no conflict for Ctrl+Shift+Z on both Windows and 1581 // Linux, we keep it as the default for consistency. 1582 aliases: (0,external_wp_keycodes_namespaceObject.isAppleOS)() ? [] : [{ 1583 modifier: 'primary', 1584 character: 'y' 1585 }] 1586 }); 1587 registerShortcut({ 1588 name: 'core/customize-widgets/save', 1589 category: 'global', 1590 description: (0,external_wp_i18n_namespaceObject.__)('Save your changes.'), 1591 keyCombination: { 1592 modifier: 'primary', 1593 character: 's' 1594 } 1595 }); 1596 return () => { 1597 unregisterShortcut('core/customize-widgets/undo'); 1598 unregisterShortcut('core/customize-widgets/redo'); 1599 unregisterShortcut('core/customize-widgets/save'); 1600 }; 1601 }, [registerShortcut]); 1602 return null; 1603 } 1604 KeyboardShortcuts.Register = KeyboardShortcutsRegister; 1605 /* harmony default export */ const keyboard_shortcuts = (KeyboardShortcuts); 1606 1607 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/block-appender/index.js 1608 /** 1609 * WordPress dependencies 1610 */ 1611 1612 1613 1614 1615 function BlockAppender(props) { 1616 const ref = (0,external_wp_element_namespaceObject.useRef)(); 1617 const isBlocksListEmpty = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getBlockCount() === 0); 1618 1619 // Move the focus to the block appender to prevent focus from 1620 // being lost when emptying the widget area. 1621 (0,external_wp_element_namespaceObject.useEffect)(() => { 1622 if (isBlocksListEmpty && ref.current) { 1623 const { 1624 ownerDocument 1625 } = ref.current; 1626 if (!ownerDocument.activeElement || ownerDocument.activeElement === ownerDocument.body) { 1627 ref.current.focus(); 1628 } 1629 } 1630 }, [isBlocksListEmpty]); 1631 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.ButtonBlockAppender, { 1632 ...props, 1633 ref: ref 1634 }); 1635 } 1636 1637 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/sidebar-block-editor/index.js 1638 /** 1639 * WordPress dependencies 1640 */ 1641 1642 1643 1644 1645 1646 1647 1648 1649 1650 /** 1651 * Internal dependencies 1652 */ 1653 1654 1655 1656 1657 1658 1659 1660 1661 1662 const { 1663 ExperimentalBlockCanvas: BlockCanvas 1664 } = unlock(external_wp_blockEditor_namespaceObject.privateApis); 1665 const { 1666 BlockKeyboardShortcuts 1667 } = unlock(external_wp_blockLibrary_namespaceObject.privateApis); 1668 function SidebarBlockEditor({ 1669 blockEditorSettings, 1670 sidebar, 1671 inserter, 1672 inspector 1673 }) { 1674 const [isInserterOpened, setIsInserterOpened] = useInserter(inserter); 1675 const isMediumViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('small'); 1676 const { 1677 hasUploadPermissions, 1678 isFixedToolbarActive, 1679 keepCaretInsideBlock, 1680 isWelcomeGuideActive 1681 } = (0,external_wp_data_namespaceObject.useSelect)(select => { 1682 var _select$canUser; 1683 const { 1684 get 1685 } = select(external_wp_preferences_namespaceObject.store); 1686 return { 1687 hasUploadPermissions: (_select$canUser = select(external_wp_coreData_namespaceObject.store).canUser('create', { 1688 kind: 'root', 1689 name: 'media' 1690 })) !== null && _select$canUser !== void 0 ? _select$canUser : true, 1691 isFixedToolbarActive: !!get('core/customize-widgets', 'fixedToolbar'), 1692 keepCaretInsideBlock: !!get('core/customize-widgets', 'keepCaretInsideBlock'), 1693 isWelcomeGuideActive: !!get('core/customize-widgets', 'welcomeGuide') 1694 }; 1695 }, []); 1696 const settings = (0,external_wp_element_namespaceObject.useMemo)(() => { 1697 let mediaUploadBlockEditor; 1698 if (hasUploadPermissions) { 1699 mediaUploadBlockEditor = ({ 1700 onError, 1701 ...argumentsObject 1702 }) => { 1703 (0,external_wp_mediaUtils_namespaceObject.uploadMedia)({ 1704 wpAllowedMimeTypes: blockEditorSettings.allowedMimeTypes, 1705 onError: ({ 1706 message 1707 }) => onError(message), 1708 ...argumentsObject 1709 }); 1710 }; 1711 } 1712 return { 1713 ...blockEditorSettings, 1714 __experimentalSetIsInserterOpened: setIsInserterOpened, 1715 mediaUpload: mediaUploadBlockEditor, 1716 hasFixedToolbar: isFixedToolbarActive || !isMediumViewport, 1717 keepCaretInsideBlock, 1718 editorTool: 'edit', 1719 __unstableHasCustomAppender: true 1720 }; 1721 }, [hasUploadPermissions, blockEditorSettings, isFixedToolbarActive, isMediumViewport, keepCaretInsideBlock, setIsInserterOpened]); 1722 if (isWelcomeGuideActive) { 1723 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WelcomeGuide, { 1724 sidebar: sidebar 1725 }); 1726 } 1727 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { 1728 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(keyboard_shortcuts.Register, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockKeyboardShortcuts, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(SidebarEditorProvider, { 1729 sidebar: sidebar, 1730 settings: settings, 1731 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(keyboard_shortcuts, { 1732 undo: sidebar.undo, 1733 redo: sidebar.redo, 1734 save: sidebar.save 1735 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(header, { 1736 sidebar: sidebar, 1737 inserter: inserter, 1738 isInserterOpened: isInserterOpened, 1739 setIsInserterOpened: setIsInserterOpened, 1740 isFixedToolbarActive: isFixedToolbarActive || !isMediumViewport 1741 }), (isFixedToolbarActive || !isMediumViewport) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockToolbar, { 1742 hideDragHandle: true 1743 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockCanvas, { 1744 shouldIframe: false, 1745 styles: settings.defaultEditorStyles, 1746 height: "100%", 1747 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockList, { 1748 renderAppender: BlockAppender 1749 }) 1750 }), (0,external_wp_element_namespaceObject.createPortal)( 1751 /*#__PURE__*/ 1752 // This is a temporary hack to prevent button component inside <BlockInspector> 1753 // from submitting form when type="button" is not specified. 1754 (0,external_ReactJSXRuntime_namespaceObject.jsx)("form", { 1755 onSubmit: event => event.preventDefault(), 1756 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockInspector, {}) 1757 }), inspector.contentContainer[0])] 1758 }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__unstableBlockSettingsMenuFirstItem, { 1759 children: ({ 1760 onClose 1761 }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(block_inspector_button, { 1762 inspector: inspector, 1763 closeMenu: onClose 1764 }) 1765 })] 1766 }); 1767 } 1768 1769 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/sidebar-controls/index.js 1770 /** 1771 * WordPress dependencies 1772 */ 1773 1774 1775 const SidebarControlsContext = (0,external_wp_element_namespaceObject.createContext)(); 1776 function SidebarControls({ 1777 sidebarControls, 1778 activeSidebarControl, 1779 children 1780 }) { 1781 const context = (0,external_wp_element_namespaceObject.useMemo)(() => ({ 1782 sidebarControls, 1783 activeSidebarControl 1784 }), [sidebarControls, activeSidebarControl]); 1785 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SidebarControlsContext.Provider, { 1786 value: context, 1787 children: children 1788 }); 1789 } 1790 function useSidebarControls() { 1791 const { 1792 sidebarControls 1793 } = (0,external_wp_element_namespaceObject.useContext)(SidebarControlsContext); 1794 return sidebarControls; 1795 } 1796 function useActiveSidebarControl() { 1797 const { 1798 activeSidebarControl 1799 } = (0,external_wp_element_namespaceObject.useContext)(SidebarControlsContext); 1800 return activeSidebarControl; 1801 } 1802 1803 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/customize-widgets/use-clear-selected-block.js 1804 /** 1805 * WordPress dependencies 1806 */ 1807 1808 1809 1810 1811 /** 1812 * We can't just use <BlockSelectionClearer> because the customizer has 1813 * many root nodes rather than just one in the post editor. 1814 * We need to listen to the focus events in all those roots, and also in 1815 * the preview iframe. 1816 * This hook will clear the selected block when focusing outside the editor, 1817 * with a few exceptions: 1818 * 1. Focusing on popovers. 1819 * 2. Focusing on the inspector. 1820 * 3. Focusing on any modals/dialogs. 1821 * These cases are normally triggered by user interactions from the editor, 1822 * not by explicitly focusing outside the editor, hence no need for clearing. 1823 * 1824 * @param {Object} sidebarControl The sidebar control instance. 1825 * @param {Object} popoverRef The ref object of the popover node container. 1826 */ 1827 function useClearSelectedBlock(sidebarControl, popoverRef) { 1828 const { 1829 hasSelectedBlock, 1830 hasMultiSelection 1831 } = (0,external_wp_data_namespaceObject.useSelect)(external_wp_blockEditor_namespaceObject.store); 1832 const { 1833 clearSelectedBlock 1834 } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store); 1835 (0,external_wp_element_namespaceObject.useEffect)(() => { 1836 if (popoverRef.current && sidebarControl) { 1837 const inspector = sidebarControl.inspector; 1838 const container = sidebarControl.container[0]; 1839 const ownerDocument = container.ownerDocument; 1840 const ownerWindow = ownerDocument.defaultView; 1841 function handleClearSelectedBlock(element) { 1842 if ( 1843 // 1. Make sure there are blocks being selected. 1844 (hasSelectedBlock() || hasMultiSelection()) && 1845 // 2. The element should exist in the DOM (not deleted). 1846 element && ownerDocument.contains(element) && 1847 // 3. It should also not exist in the container, the popover, nor the dialog. 1848 !container.contains(element) && !popoverRef.current.contains(element) && !element.closest('[role="dialog"]') && 1849 // 4. The inspector should not be opened. 1850 !inspector.expanded()) { 1851 clearSelectedBlock(); 1852 } 1853 } 1854 1855 // Handle mouse down in the same document. 1856 function handleMouseDown(event) { 1857 handleClearSelectedBlock(event.target); 1858 } 1859 // Handle focusing outside the current document, like to iframes. 1860 function handleBlur() { 1861 handleClearSelectedBlock(ownerDocument.activeElement); 1862 } 1863 ownerDocument.addEventListener('mousedown', handleMouseDown); 1864 ownerWindow.addEventListener('blur', handleBlur); 1865 return () => { 1866 ownerDocument.removeEventListener('mousedown', handleMouseDown); 1867 ownerWindow.removeEventListener('blur', handleBlur); 1868 }; 1869 } 1870 }, [popoverRef, sidebarControl, hasSelectedBlock, hasMultiSelection, clearSelectedBlock]); 1871 } 1872 1873 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/customize-widgets/index.js 1874 /** 1875 * WordPress dependencies 1876 */ 1877 1878 1879 1880 /** 1881 * Internal dependencies 1882 */ 1883 1884 1885 1886 1887 1888 1889 function CustomizeWidgets({ 1890 api, 1891 sidebarControls, 1892 blockEditorSettings 1893 }) { 1894 const [activeSidebarControl, setActiveSidebarControl] = (0,external_wp_element_namespaceObject.useState)(null); 1895 const parentContainer = document.getElementById('customize-theme-controls'); 1896 const popoverRef = (0,external_wp_element_namespaceObject.useRef)(); 1897 useClearSelectedBlock(activeSidebarControl, popoverRef); 1898 (0,external_wp_element_namespaceObject.useEffect)(() => { 1899 const unsubscribers = sidebarControls.map(sidebarControl => sidebarControl.subscribe(expanded => { 1900 if (expanded) { 1901 setActiveSidebarControl(sidebarControl); 1902 } 1903 })); 1904 return () => { 1905 unsubscribers.forEach(unsubscriber => unsubscriber()); 1906 }; 1907 }, [sidebarControls]); 1908 const activeSidebar = activeSidebarControl && (0,external_wp_element_namespaceObject.createPortal)(/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ErrorBoundary, { 1909 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SidebarBlockEditor, { 1910 blockEditorSettings: blockEditorSettings, 1911 sidebar: activeSidebarControl.sidebarAdapter, 1912 inserter: activeSidebarControl.inserter, 1913 inspector: activeSidebarControl.inspector 1914 }, activeSidebarControl.id) 1915 }), activeSidebarControl.container[0]); 1916 1917 // We have to portal this to the parent of both the editor and the inspector, 1918 // so that the popovers will appear above both of them. 1919 const popover = parentContainer && (0,external_wp_element_namespaceObject.createPortal)(/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { 1920 className: "customize-widgets-popover", 1921 ref: popoverRef, 1922 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Popover.Slot, {}) 1923 }), parentContainer); 1924 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SlotFillProvider, { 1925 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SidebarControls, { 1926 sidebarControls: sidebarControls, 1927 activeSidebarControl: activeSidebarControl, 1928 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(FocusControl, { 1929 api: api, 1930 sidebarControls: sidebarControls, 1931 children: [activeSidebar, popover] 1932 }) 1933 }) 1934 }); 1935 } 1936 1937 ;// ./node_modules/@wordpress/customize-widgets/build-module/controls/inspector-section.js 1938 function getInspectorSection() { 1939 const { 1940 wp: { 1941 customize 1942 } 1943 } = window; 1944 return class InspectorSection extends customize.Section { 1945 constructor(id, options) { 1946 super(id, options); 1947 this.parentSection = options.parentSection; 1948 this.returnFocusWhenClose = null; 1949 this._isOpen = false; 1950 } 1951 get isOpen() { 1952 return this._isOpen; 1953 } 1954 set isOpen(value) { 1955 this._isOpen = value; 1956 this.triggerActiveCallbacks(); 1957 } 1958 ready() { 1959 this.contentContainer[0].classList.add('customize-widgets-layout__inspector'); 1960 } 1961 isContextuallyActive() { 1962 return this.isOpen; 1963 } 1964 onChangeExpanded(expanded, args) { 1965 super.onChangeExpanded(expanded, args); 1966 if (this.parentSection && !args.unchanged) { 1967 if (expanded) { 1968 this.parentSection.collapse({ 1969 manualTransition: true 1970 }); 1971 } else { 1972 this.parentSection.expand({ 1973 manualTransition: true, 1974 completeCallback: () => { 1975 // Return focus after finishing the transition. 1976 if (this.returnFocusWhenClose && !this.contentContainer[0].contains(this.returnFocusWhenClose)) { 1977 this.returnFocusWhenClose.focus(); 1978 } 1979 } 1980 }); 1981 } 1982 } 1983 } 1984 open({ 1985 returnFocusWhenClose 1986 } = {}) { 1987 this.isOpen = true; 1988 this.returnFocusWhenClose = returnFocusWhenClose; 1989 this.expand({ 1990 allowMultiple: true 1991 }); 1992 } 1993 close() { 1994 this.collapse({ 1995 allowMultiple: true 1996 }); 1997 } 1998 collapse(options) { 1999 // Overridden collapse() function. Mostly call the parent collapse(), but also 2000 // move our .isOpen to false. 2001 // Initially, I tried tracking this with onChangeExpanded(), but it doesn't work 2002 // because the block settings sidebar is a layer "on top of" the G editor sidebar. 2003 // 2004 // For example, when closing the block settings sidebar, the G 2005 // editor sidebar would display, and onChangeExpanded in 2006 // inspector-section would run with expanded=true, but I want 2007 // isOpen to be false when the block settings is closed. 2008 this.isOpen = false; 2009 super.collapse(options); 2010 } 2011 triggerActiveCallbacks() { 2012 // Manually fire the callbacks associated with moving this.active 2013 // from false to true. "active" is always true for this section, 2014 // and "isContextuallyActive" reflects if the block settings 2015 // sidebar is currently visible, that is, it has replaced the main 2016 // Gutenberg view. 2017 // The WP customizer only checks ".isContextuallyActive()" when 2018 // ".active" changes values. But our ".active" never changes value. 2019 // The WP customizer never foresaw a section being used a way we 2020 // fit the block settings sidebar into a section. By manually 2021 // triggering the "this.active" callbacks, we force the WP 2022 // customizer to query our .isContextuallyActive() function and 2023 // update its view of our status. 2024 this.active.callbacks.fireWith(this.active, [false, true]); 2025 } 2026 }; 2027 } 2028 2029 ;// ./node_modules/@wordpress/customize-widgets/build-module/controls/sidebar-section.js 2030 /** 2031 * WordPress dependencies 2032 */ 2033 2034 2035 /** 2036 * Internal dependencies 2037 */ 2038 2039 const getInspectorSectionId = sidebarId => `widgets-inspector-$sidebarId}`; 2040 function getSidebarSection() { 2041 const { 2042 wp: { 2043 customize 2044 } 2045 } = window; 2046 const reduceMotionMediaQuery = window.matchMedia('(prefers-reduced-motion: reduce)'); 2047 let isReducedMotion = reduceMotionMediaQuery.matches; 2048 reduceMotionMediaQuery.addEventListener('change', event => { 2049 isReducedMotion = event.matches; 2050 }); 2051 return class SidebarSection extends customize.Section { 2052 ready() { 2053 const InspectorSection = getInspectorSection(); 2054 this.inspector = new InspectorSection(getInspectorSectionId(this.id), { 2055 title: (0,external_wp_i18n_namespaceObject.__)('Block Settings'), 2056 parentSection: this, 2057 customizeAction: [(0,external_wp_i18n_namespaceObject.__)('Customizing'), (0,external_wp_i18n_namespaceObject.__)('Widgets'), this.params.title].join(' ▸ ') 2058 }); 2059 customize.section.add(this.inspector); 2060 this.contentContainer[0].classList.add('customize-widgets__sidebar-section'); 2061 } 2062 hasSubSectionOpened() { 2063 return this.inspector.expanded(); 2064 } 2065 onChangeExpanded(expanded, _args) { 2066 const controls = this.controls(); 2067 const args = { 2068 ..._args, 2069 completeCallback() { 2070 controls.forEach(control => { 2071 control.onChangeSectionExpanded?.(expanded, args); 2072 }); 2073 _args.completeCallback?.(); 2074 } 2075 }; 2076 if (args.manualTransition) { 2077 if (expanded) { 2078 this.contentContainer.addClass(['busy', 'open']); 2079 this.contentContainer.removeClass('is-sub-section-open'); 2080 this.contentContainer.closest('.wp-full-overlay').addClass('section-open'); 2081 } else { 2082 this.contentContainer.addClass(['busy', 'is-sub-section-open']); 2083 this.contentContainer.closest('.wp-full-overlay').addClass('section-open'); 2084 this.contentContainer.removeClass('open'); 2085 } 2086 const handleTransitionEnd = () => { 2087 this.contentContainer.removeClass('busy'); 2088 args.completeCallback(); 2089 }; 2090 if (isReducedMotion) { 2091 handleTransitionEnd(); 2092 } else { 2093 this.contentContainer.one('transitionend', handleTransitionEnd); 2094 } 2095 } else { 2096 super.onChangeExpanded(expanded, args); 2097 } 2098 } 2099 }; 2100 } 2101 2102 ;// ./node_modules/@wordpress/customize-widgets/build-module/components/sidebar-block-editor/sidebar-adapter.js 2103 /** 2104 * Internal dependencies 2105 */ 2106 2107 const { 2108 wp 2109 } = window; 2110 function parseWidgetId(widgetId) { 2111 const matches = widgetId.match(/^(.+)-(\d+)$/); 2112 if (matches) { 2113 return { 2114 idBase: matches[1], 2115 number: parseInt(matches[2], 10) 2116 }; 2117 } 2118 2119 // Likely an old single widget. 2120 return { 2121 idBase: widgetId 2122 }; 2123 } 2124 function widgetIdToSettingId(widgetId) { 2125 const { 2126 idBase, 2127 number 2128 } = parseWidgetId(widgetId); 2129 if (number) { 2130 return `widget_$idBase}[$number}]`; 2131 } 2132 return `widget_$idBase}`; 2133 } 2134 2135 /** 2136 * This is a custom debounce function to call different callbacks depending on 2137 * whether it's the _leading_ call or not. 2138 * 2139 * @param {Function} leading The callback that gets called first. 2140 * @param {Function} callback The callback that gets called after the first time. 2141 * @param {number} timeout The debounced time in milliseconds. 2142 * @return {Function} The debounced function. 2143 */ 2144 function debounce(leading, callback, timeout) { 2145 let isLeading = false; 2146 let timerID; 2147 function debounced(...args) { 2148 const result = (isLeading ? callback : leading).apply(this, args); 2149 isLeading = true; 2150 clearTimeout(timerID); 2151 timerID = setTimeout(() => { 2152 isLeading = false; 2153 }, timeout); 2154 return result; 2155 } 2156 debounced.cancel = () => { 2157 isLeading = false; 2158 clearTimeout(timerID); 2159 }; 2160 return debounced; 2161 } 2162 class SidebarAdapter { 2163 constructor(setting, api) { 2164 this.setting = setting; 2165 this.api = api; 2166 this.locked = false; 2167 this.widgetsCache = new WeakMap(); 2168 this.subscribers = new Set(); 2169 this.history = [this._getWidgetIds().map(widgetId => this.getWidget(widgetId))]; 2170 this.historyIndex = 0; 2171 this.historySubscribers = new Set(); 2172 // Debounce the input for 1 second. 2173 this._debounceSetHistory = debounce(this._pushHistory, this._replaceHistory, 1000); 2174 this.setting.bind(this._handleSettingChange.bind(this)); 2175 this.api.bind('change', this._handleAllSettingsChange.bind(this)); 2176 this.undo = this.undo.bind(this); 2177 this.redo = this.redo.bind(this); 2178 this.save = this.save.bind(this); 2179 } 2180 subscribe(callback) { 2181 this.subscribers.add(callback); 2182 return () => { 2183 this.subscribers.delete(callback); 2184 }; 2185 } 2186 getWidgets() { 2187 return this.history[this.historyIndex]; 2188 } 2189 _emit(...args) { 2190 for (const callback of this.subscribers) { 2191 callback(...args); 2192 } 2193 } 2194 _getWidgetIds() { 2195 return this.setting.get(); 2196 } 2197 _pushHistory() { 2198 this.history = [...this.history.slice(0, this.historyIndex + 1), this._getWidgetIds().map(widgetId => this.getWidget(widgetId))]; 2199 this.historyIndex += 1; 2200 this.historySubscribers.forEach(listener => listener()); 2201 } 2202 _replaceHistory() { 2203 this.history[this.historyIndex] = this._getWidgetIds().map(widgetId => this.getWidget(widgetId)); 2204 } 2205 _handleSettingChange() { 2206 if (this.locked) { 2207 return; 2208 } 2209 const prevWidgets = this.getWidgets(); 2210 this._pushHistory(); 2211 this._emit(prevWidgets, this.getWidgets()); 2212 } 2213 _handleAllSettingsChange(setting) { 2214 if (this.locked) { 2215 return; 2216 } 2217 if (!setting.id.startsWith('widget_')) { 2218 return; 2219 } 2220 const widgetId = settingIdToWidgetId(setting.id); 2221 if (!this.setting.get().includes(widgetId)) { 2222 return; 2223 } 2224 const prevWidgets = this.getWidgets(); 2225 this._pushHistory(); 2226 this._emit(prevWidgets, this.getWidgets()); 2227 } 2228 _createWidget(widget) { 2229 const widgetModel = wp.customize.Widgets.availableWidgets.findWhere({ 2230 id_base: widget.idBase 2231 }); 2232 let number = widget.number; 2233 if (widgetModel.get('is_multi') && !number) { 2234 widgetModel.set('multi_number', widgetModel.get('multi_number') + 1); 2235 number = widgetModel.get('multi_number'); 2236 } 2237 const settingId = number ? `widget_$widget.idBase}[$number}]` : `widget_$widget.idBase}`; 2238 const settingArgs = { 2239 transport: wp.customize.Widgets.data.selectiveRefreshableWidgets[widgetModel.get('id_base')] ? 'postMessage' : 'refresh', 2240 previewer: this.setting.previewer 2241 }; 2242 const setting = this.api.create(settingId, settingId, '', settingArgs); 2243 setting.set(widget.instance); 2244 const widgetId = settingIdToWidgetId(settingId); 2245 return widgetId; 2246 } 2247 _removeWidget(widget) { 2248 const settingId = widgetIdToSettingId(widget.id); 2249 const setting = this.api(settingId); 2250 if (setting) { 2251 const instance = setting.get(); 2252 this.widgetsCache.delete(instance); 2253 } 2254 this.api.remove(settingId); 2255 } 2256 _updateWidget(widget) { 2257 const prevWidget = this.getWidget(widget.id); 2258 2259 // Bail out update if nothing changed. 2260 if (prevWidget === widget) { 2261 return widget.id; 2262 } 2263 2264 // Update existing setting if only the widget's instance changed. 2265 if (prevWidget.idBase && widget.idBase && prevWidget.idBase === widget.idBase) { 2266 const settingId = widgetIdToSettingId(widget.id); 2267 this.api(settingId).set(widget.instance); 2268 return widget.id; 2269 } 2270 2271 // Otherwise delete and re-create. 2272 this._removeWidget(widget); 2273 return this._createWidget(widget); 2274 } 2275 getWidget(widgetId) { 2276 if (!widgetId) { 2277 return null; 2278 } 2279 const { 2280 idBase, 2281 number 2282 } = parseWidgetId(widgetId); 2283 const settingId = widgetIdToSettingId(widgetId); 2284 const setting = this.api(settingId); 2285 if (!setting) { 2286 return null; 2287 } 2288 const instance = setting.get(); 2289 if (this.widgetsCache.has(instance)) { 2290 return this.widgetsCache.get(instance); 2291 } 2292 const widget = { 2293 id: widgetId, 2294 idBase, 2295 number, 2296 instance 2297 }; 2298 this.widgetsCache.set(instance, widget); 2299 return widget; 2300 } 2301 _updateWidgets(nextWidgets) { 2302 this.locked = true; 2303 const addedWidgetIds = []; 2304 const nextWidgetIds = nextWidgets.map(nextWidget => { 2305 if (nextWidget.id && this.getWidget(nextWidget.id)) { 2306 addedWidgetIds.push(null); 2307 return this._updateWidget(nextWidget); 2308 } 2309 const widgetId = this._createWidget(nextWidget); 2310 addedWidgetIds.push(widgetId); 2311 return widgetId; 2312 }); 2313 const deletedWidgets = this.getWidgets().filter(widget => !nextWidgetIds.includes(widget.id)); 2314 deletedWidgets.forEach(widget => this._removeWidget(widget)); 2315 this.setting.set(nextWidgetIds); 2316 this.locked = false; 2317 return addedWidgetIds; 2318 } 2319 setWidgets(nextWidgets) { 2320 const addedWidgetIds = this._updateWidgets(nextWidgets); 2321 this._debounceSetHistory(); 2322 return addedWidgetIds; 2323 } 2324 2325 /** 2326 * Undo/Redo related features 2327 */ 2328 hasUndo() { 2329 return this.historyIndex > 0; 2330 } 2331 hasRedo() { 2332 return this.historyIndex < this.history.length - 1; 2333 } 2334 _seek(historyIndex) { 2335 const currentWidgets = this.getWidgets(); 2336 this.historyIndex = historyIndex; 2337 const widgets = this.history[this.historyIndex]; 2338 this._updateWidgets(widgets); 2339 this._emit(currentWidgets, this.getWidgets()); 2340 this.historySubscribers.forEach(listener => listener()); 2341 this._debounceSetHistory.cancel(); 2342 } 2343 undo() { 2344 if (!this.hasUndo()) { 2345 return; 2346 } 2347 this._seek(this.historyIndex - 1); 2348 } 2349 redo() { 2350 if (!this.hasRedo()) { 2351 return; 2352 } 2353 this._seek(this.historyIndex + 1); 2354 } 2355 subscribeHistory(listener) { 2356 this.historySubscribers.add(listener); 2357 return () => { 2358 this.historySubscribers.delete(listener); 2359 }; 2360 } 2361 save() { 2362 this.api.previewer.save(); 2363 } 2364 } 2365 2366 ;// external ["wp","dom"] 2367 const external_wp_dom_namespaceObject = window["wp"]["dom"]; 2368 ;// ./node_modules/@wordpress/customize-widgets/build-module/controls/inserter-outer-section.js 2369 /** 2370 * WordPress dependencies 2371 */ 2372 2373 2374 2375 2376 /** 2377 * Internal dependencies 2378 */ 2379 2380 function getInserterOuterSection() { 2381 const { 2382 wp: { 2383 customize 2384 } 2385 } = window; 2386 const OuterSection = customize.OuterSection; 2387 // Override the OuterSection class to handle multiple outer sections. 2388 // It closes all the other outer sections whenever one is opened. 2389 // The result is that at most one outer section can be opened at the same time. 2390 customize.OuterSection = class extends OuterSection { 2391 onChangeExpanded(expanded, args) { 2392 if (expanded) { 2393 customize.section.each(section => { 2394 if (section.params.type === 'outer' && section.id !== this.id) { 2395 if (section.expanded()) { 2396 section.collapse(); 2397 } 2398 } 2399 }); 2400 } 2401 return super.onChangeExpanded(expanded, args); 2402 } 2403 }; 2404 // Handle constructor so that "params.type" can be correctly pointed to "outer". 2405 customize.sectionConstructor.outer = customize.OuterSection; 2406 return class InserterOuterSection extends customize.OuterSection { 2407 constructor(...args) { 2408 super(...args); 2409 2410 // This is necessary since we're creating a new class which is not identical to the original OuterSection. 2411 // @See https://github.com/WordPress/wordpress-develop/blob/42b05c397c50d9dc244083eff52991413909d4bd/src/js/_enqueues/wp/customize/controls.js#L1427-L1436 2412 this.params.type = 'outer'; 2413 this.activeElementBeforeExpanded = null; 2414 const ownerWindow = this.contentContainer[0].ownerDocument.defaultView; 2415 2416 // Handle closing the inserter when pressing the Escape key. 2417 ownerWindow.addEventListener('keydown', event => { 2418 if (this.expanded() && (event.keyCode === external_wp_keycodes_namespaceObject.ESCAPE || event.code === 'Escape') && !event.defaultPrevented) { 2419 event.preventDefault(); 2420 event.stopPropagation(); 2421 (0,external_wp_data_namespaceObject.dispatch)(store).setIsInserterOpened(false); 2422 } 2423 }, 2424 // Use capture mode to make this run before other event listeners. 2425 true); 2426 this.contentContainer.addClass('widgets-inserter'); 2427 2428 // Set a flag if the state is being changed from open() or close(). 2429 // Don't propagate the event if it's an internal action to prevent infinite loop. 2430 this.isFromInternalAction = false; 2431 this.expanded.bind(() => { 2432 if (!this.isFromInternalAction) { 2433 // Propagate the event to React to sync the state. 2434 (0,external_wp_data_namespaceObject.dispatch)(store).setIsInserterOpened(this.expanded()); 2435 } 2436 this.isFromInternalAction = false; 2437 }); 2438 } 2439 open() { 2440 if (!this.expanded()) { 2441 const contentContainer = this.contentContainer[0]; 2442 this.activeElementBeforeExpanded = contentContainer.ownerDocument.activeElement; 2443 this.isFromInternalAction = true; 2444 this.expand({ 2445 completeCallback() { 2446 // We have to do this in a "completeCallback" or else the elements will not yet be visible/tabbable. 2447 // The first one should be the close button, 2448 // we want to skip it and choose the second one instead, which is the search box. 2449 const searchBox = external_wp_dom_namespaceObject.focus.tabbable.find(contentContainer)[1]; 2450 if (searchBox) { 2451 searchBox.focus(); 2452 } 2453 } 2454 }); 2455 } 2456 } 2457 close() { 2458 if (this.expanded()) { 2459 const contentContainer = this.contentContainer[0]; 2460 const activeElement = contentContainer.ownerDocument.activeElement; 2461 this.isFromInternalAction = true; 2462 this.collapse({ 2463 completeCallback() { 2464 // Return back the focus when closing the inserter. 2465 // Only do this if the active element which triggers the action is inside the inserter, 2466 // (the close button for instance). In that case the focus will be lost. 2467 // Otherwise, we don't hijack the focus when the user is focusing on other elements 2468 // (like the quick inserter). 2469 if (contentContainer.contains(activeElement)) { 2470 // Return back the focus when closing the inserter. 2471 if (this.activeElementBeforeExpanded) { 2472 this.activeElementBeforeExpanded.focus(); 2473 } 2474 } 2475 } 2476 }); 2477 } 2478 } 2479 }; 2480 } 2481 2482 ;// ./node_modules/@wordpress/customize-widgets/build-module/controls/sidebar-control.js 2483 /** 2484 * WordPress dependencies 2485 */ 2486 2487 2488 /** 2489 * Internal dependencies 2490 */ 2491 2492 2493 2494 const getInserterId = controlId => `widgets-inserter-$controlId}`; 2495 function getSidebarControl() { 2496 const { 2497 wp: { 2498 customize 2499 } 2500 } = window; 2501 return class SidebarControl extends customize.Control { 2502 constructor(...args) { 2503 super(...args); 2504 this.subscribers = new Set(); 2505 } 2506 ready() { 2507 const InserterOuterSection = getInserterOuterSection(); 2508 this.inserter = new InserterOuterSection(getInserterId(this.id), {}); 2509 customize.section.add(this.inserter); 2510 this.sectionInstance = customize.section(this.section()); 2511 this.inspector = this.sectionInstance.inspector; 2512 this.sidebarAdapter = new SidebarAdapter(this.setting, customize); 2513 } 2514 subscribe(callback) { 2515 this.subscribers.add(callback); 2516 return () => { 2517 this.subscribers.delete(callback); 2518 }; 2519 } 2520 onChangeSectionExpanded(expanded, args) { 2521 if (!args.unchanged) { 2522 // Close the inserter when the section collapses. 2523 if (!expanded) { 2524 (0,external_wp_data_namespaceObject.dispatch)(store).setIsInserterOpened(false); 2525 } 2526 this.subscribers.forEach(subscriber => subscriber(expanded, args)); 2527 } 2528 } 2529 }; 2530 } 2531 2532 ;// ./node_modules/@wordpress/customize-widgets/build-module/filters/move-to-sidebar.js 2533 /** 2534 * WordPress dependencies 2535 */ 2536 2537 2538 2539 2540 2541 2542 /** 2543 * Internal dependencies 2544 */ 2545 2546 2547 2548 2549 const withMoveToSidebarToolbarItem = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => { 2550 let widgetId = (0,external_wp_widgets_namespaceObject.getWidgetIdFromBlock)(props); 2551 const sidebarControls = useSidebarControls(); 2552 const activeSidebarControl = useActiveSidebarControl(); 2553 const hasMultipleSidebars = sidebarControls?.length > 1; 2554 const blockName = props.name; 2555 const clientId = props.clientId; 2556 const canInsertBlockInSidebar = (0,external_wp_data_namespaceObject.useSelect)(select => { 2557 // Use an empty string to represent the root block list, which 2558 // in the customizer editor represents a sidebar/widget area. 2559 return select(external_wp_blockEditor_namespaceObject.store).canInsertBlockType(blockName, ''); 2560 }, [blockName]); 2561 const block = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_blockEditor_namespaceObject.store).getBlock(clientId), [clientId]); 2562 const { 2563 removeBlock 2564 } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store); 2565 const [, focusWidget] = useFocusControl(); 2566 function moveToSidebar(sidebarControlId) { 2567 const newSidebarControl = sidebarControls.find(sidebarControl => sidebarControl.id === sidebarControlId); 2568 if (widgetId) { 2569 /** 2570 * If there's a widgetId, move it to the other sidebar. 2571 */ 2572 const oldSetting = activeSidebarControl.setting; 2573 const newSetting = newSidebarControl.setting; 2574 oldSetting(oldSetting().filter(id => id !== widgetId)); 2575 newSetting([...newSetting(), widgetId]); 2576 } else { 2577 /** 2578 * If there isn't a widgetId, it's most likely a inner block. 2579 * First, remove the block in the original sidebar, 2580 * then, create a new widget in the new sidebar and get back its widgetId. 2581 */ 2582 const sidebarAdapter = newSidebarControl.sidebarAdapter; 2583 removeBlock(clientId); 2584 const addedWidgetIds = sidebarAdapter.setWidgets([...sidebarAdapter.getWidgets(), blockToWidget(block)]); 2585 // The last non-null id is the added widget's id. 2586 widgetId = addedWidgetIds.reverse().find(id => !!id); 2587 } 2588 2589 // Move focus to the moved widget and expand the sidebar. 2590 focusWidget(widgetId); 2591 } 2592 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { 2593 children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockEdit, { 2594 ...props 2595 }, "edit"), hasMultipleSidebars && canInsertBlockInSidebar && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, { 2596 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_widgets_namespaceObject.MoveToWidgetArea, { 2597 widgetAreas: sidebarControls.map(sidebarControl => ({ 2598 id: sidebarControl.id, 2599 name: sidebarControl.params.label, 2600 description: sidebarControl.params.description 2601 })), 2602 currentWidgetAreaId: activeSidebarControl?.id, 2603 onSelect: moveToSidebar 2604 }) 2605 })] 2606 }); 2607 }, 'withMoveToSidebarToolbarItem'); 2608 (0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/customize-widgets/block-edit', withMoveToSidebarToolbarItem); 2609 2610 ;// ./node_modules/@wordpress/customize-widgets/build-module/filters/replace-media-upload.js 2611 /** 2612 * WordPress dependencies 2613 */ 2614 2615 2616 const replaceMediaUpload = () => external_wp_mediaUtils_namespaceObject.MediaUpload; 2617 (0,external_wp_hooks_namespaceObject.addFilter)('editor.MediaUpload', 'core/edit-widgets/replace-media-upload', replaceMediaUpload); 2618 2619 ;// ./node_modules/@wordpress/customize-widgets/build-module/filters/wide-widget-display.js 2620 /** 2621 * WordPress dependencies 2622 */ 2623 2624 2625 2626 const { 2627 wp: wide_widget_display_wp 2628 } = window; 2629 const withWideWidgetDisplay = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => { 2630 var _wp$customize$Widgets; 2631 const { 2632 idBase 2633 } = props.attributes; 2634 const isWide = (_wp$customize$Widgets = wide_widget_display_wp.customize.Widgets.data.availableWidgets.find(widget => widget.id_base === idBase)?.is_wide) !== null && _wp$customize$Widgets !== void 0 ? _wp$customize$Widgets : false; 2635 return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockEdit, { 2636 ...props, 2637 isWide: isWide 2638 }, "edit"); 2639 }, 'withWideWidgetDisplay'); 2640 (0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/customize-widgets/wide-widget-display', withWideWidgetDisplay); 2641 2642 ;// ./node_modules/@wordpress/customize-widgets/build-module/filters/index.js 2643 /** 2644 * Internal dependencies 2645 */ 2646 2647 2648 2649 2650 ;// ./node_modules/@wordpress/customize-widgets/build-module/index.js 2651 /** 2652 * WordPress dependencies 2653 */ 2654 2655 2656 2657 2658 2659 2660 2661 /** 2662 * Internal dependencies 2663 */ 2664 2665 2666 2667 2668 2669 const { 2670 wp: build_module_wp 2671 } = window; 2672 const DISABLED_BLOCKS = ['core/more', 'core/block', 'core/freeform', 'core/template-part']; 2673 const ENABLE_EXPERIMENTAL_FSE_BLOCKS = false; 2674 2675 /** 2676 * Initializes the widgets block editor in the customizer. 2677 * 2678 * @param {string} editorName The editor name. 2679 * @param {Object} blockEditorSettings Block editor settings. 2680 */ 2681 function initialize(editorName, blockEditorSettings) { 2682 (0,external_wp_data_namespaceObject.dispatch)(external_wp_preferences_namespaceObject.store).setDefaults('core/customize-widgets', { 2683 fixedToolbar: false, 2684 welcomeGuide: true 2685 }); 2686 (0,external_wp_data_namespaceObject.dispatch)(external_wp_blocks_namespaceObject.store).reapplyBlockTypeFilters(); 2687 const coreBlocks = (0,external_wp_blockLibrary_namespaceObject.__experimentalGetCoreBlocks)().filter(block => { 2688 return !(DISABLED_BLOCKS.includes(block.name) || block.name.startsWith('core/post') || block.name.startsWith('core/query') || block.name.startsWith('core/site') || block.name.startsWith('core/navigation')); 2689 }); 2690 (0,external_wp_blockLibrary_namespaceObject.registerCoreBlocks)(coreBlocks); 2691 (0,external_wp_widgets_namespaceObject.registerLegacyWidgetBlock)(); 2692 if (false) {} 2693 (0,external_wp_widgets_namespaceObject.registerLegacyWidgetVariations)(blockEditorSettings); 2694 (0,external_wp_widgets_namespaceObject.registerWidgetGroupBlock)(); 2695 2696 // As we are unregistering `core/freeform` to avoid the Classic block, we must 2697 // replace it with something as the default freeform content handler. Failure to 2698 // do this will result in errors in the default block parser. 2699 // see: https://github.com/WordPress/gutenberg/issues/33097 2700 (0,external_wp_blocks_namespaceObject.setFreeformContentHandlerName)('core/html'); 2701 const SidebarControl = getSidebarControl(blockEditorSettings); 2702 build_module_wp.customize.sectionConstructor.sidebar = getSidebarSection(); 2703 build_module_wp.customize.controlConstructor.sidebar_block_editor = SidebarControl; 2704 const container = document.createElement('div'); 2705 document.body.appendChild(container); 2706 build_module_wp.customize.bind('ready', () => { 2707 const sidebarControls = []; 2708 build_module_wp.customize.control.each(control => { 2709 if (control instanceof SidebarControl) { 2710 sidebarControls.push(control); 2711 } 2712 }); 2713 (0,external_wp_element_namespaceObject.createRoot)(container).render(/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_element_namespaceObject.StrictMode, { 2714 children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CustomizeWidgets, { 2715 api: build_module_wp.customize, 2716 sidebarControls: sidebarControls, 2717 blockEditorSettings: blockEditorSettings 2718 }) 2719 })); 2720 }); 2721 } 2722 2723 2724 (window.wp = window.wp || {}).customizeWidgets = __webpack_exports__; 2725 /******/ })() 2726 ;
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
| Generated : Thu Apr 24 08:20:01 2025 | Cross-referenced by PHPXref |