golden hour
/home/godaofbq/hyperxpod.com/wp-includes/js/dist
⬆️ Go Up
Upload
File/Folder
Size
Actions
.htaccess
514 B
Del
OK
a11y.js
5.45 KB
Del
OK
a11y.min.js
2.44 KB
Del
OK
annotations.js
15.13 KB
Del
OK
annotations.min.js
5.62 KB
Del
OK
api-fetch.js
17.46 KB
Del
OK
api-fetch.min.js
6.32 KB
Del
OK
autop.js
9.73 KB
Del
OK
autop.min.js
5.5 KB
Del
OK
base-styles.js
48 B
Del
OK
base-styles.min.js
75 B
Del
OK
blob.js
2.3 KB
Del
OK
blob.min.js
1.16 KB
Del
OK
block-directory.js
55.67 KB
Del
OK
block-directory.min.js
21.96 KB
Del
OK
block-editor.js
2.7 MB
Del
OK
block-editor.min.js
1.01 MB
Del
OK
block-library.js
2.57 MB
Del
OK
block-library.min.js
1.09 MB
Del
OK
block-serialization-default-parser.js
6.54 KB
Del
OK
block-serialization-default-parser.min.js
2.39 KB
Del
OK
block-serialization-spec-parser.js
50.48 KB
Del
OK
block-serialization-spec-parser.min.js
10.38 KB
Del
OK
blocks.js
381.06 KB
Del
OK
blocks.min.js
180.62 KB
Del
OK
commands.js
151.71 KB
Del
OK
commands.min.js
63.14 KB
Del
OK
components.js
3.83 MB
Del
OK
components.min.js
786.28 KB
Del
OK
compose.js
80.75 KB
Del
OK
compose.min.js
28.18 KB
Del
OK
core-commands.js
28.68 KB
Del
OK
core-commands.min.js
11.87 KB
Del
OK
core-data.js
612.03 KB
Del
OK
core-data.min.js
210.46 KB
Del
OK
customize-widgets.js
91.57 KB
Del
OK
customize-widgets.min.js
36.62 KB
Del
OK
data-controls.js
4.13 KB
Del
OK
data-controls.min.js
1.77 KB
Del
OK
data.js
82.78 KB
Del
OK
data.min.js
25.92 KB
Del
OK
date.js
176.34 KB
Del
OK
date.min.js
141.22 KB
Del
OK
deprecated.js
3.04 KB
Del
OK
deprecated.min.js
1.28 KB
Del
OK
development
-
Del
OK
dom-ready.js
1.47 KB
Del
OK
dom-ready.min.js
818 B
Del
OK
dom.js
34.61 KB
Del
OK
dom.min.js
12.65 KB
Del
OK
edit-post.js
117.4 KB
Del
OK
edit-post.min.js
49.11 KB
Del
OK
edit-site.js
1.69 MB
Del
OK
edit-site.min.js
684.45 KB
Del
OK
edit-widgets.js
160.25 KB
Del
OK
edit-widgets.min.js
61.86 KB
Del
OK
editor.js
2.5 MB
Del
OK
editor.min.js
1021.63 KB
Del
OK
element.js
27.93 KB
Del
OK
element.min.js
12.17 KB
Del
OK
escape-html.js
2.29 KB
Del
OK
escape-html.min.js
1.07 KB
Del
OK
format-library.js
73.34 KB
Del
OK
format-library.min.js
28.88 KB
Del
OK
hooks.js
11.96 KB
Del
OK
hooks.min.js
4.93 KB
Del
OK
html-entities.js
1.65 KB
Del
OK
html-entities.min.js
879 B
Del
OK
i18n.js
15.3 KB
Del
OK
i18n.min.js
5.6 KB
Del
OK
is-shallow-equal.js
2.69 KB
Del
OK
is-shallow-equal.min.js
1.1 KB
Del
OK
keyboard-shortcuts.js
9.68 KB
Del
OK
keyboard-shortcuts.min.js
3.44 KB
Del
OK
keycodes.js
8.3 KB
Del
OK
keycodes.min.js
2.91 KB
Del
OK
list-reusable-blocks.js
13.06 KB
Del
OK
list-reusable-blocks.min.js
5.24 KB
Del
OK
media-utils.js
637.15 KB
Del
OK
media-utils.min.js
237.64 KB
Del
OK
notices.js
10.11 KB
Del
OK
notices.min.js
4.38 KB
Del
OK
nux.js
10.32 KB
Del
OK
nux.min.js
3.95 KB
Del
OK
patterns.js
58.25 KB
Del
OK
patterns.min.js
21.63 KB
Del
OK
plugins.js
11.67 KB
Del
OK
plugins.min.js
4.76 KB
Del
OK
preferences-persistence.js
17.22 KB
Del
OK
preferences-persistence.min.js
5.49 KB
Del
OK
preferences.js
21.07 KB
Del
OK
preferences.min.js
7.71 KB
Del
OK
primitives.js
5.08 KB
Del
OK
primitives.min.js
1.98 KB
Del
OK
priority-queue.js
10.02 KB
Del
OK
priority-queue.min.js
3.35 KB
Del
OK
private-apis.js
4.09 KB
Del
OK
private-apis.min.js
2.66 KB
Del
OK
react-i18n.js
3.91 KB
Del
OK
react-i18n.min.js
1.53 KB
Del
OK
redux-routine.js
24.68 KB
Del
OK
redux-routine.min.js
9.65 KB
Del
OK
reusable-blocks.js
20.51 KB
Del
OK
reusable-blocks.min.js
7.22 KB
Del
OK
rich-text.js
97.04 KB
Del
OK
rich-text.min.js
39.89 KB
Del
OK
router.js
36.12 KB
Del
OK
router.min.js
14.13 KB
Del
OK
script-modules
-
Del
OK
server-side-render.js
10.97 KB
Del
OK
server-side-render.min.js
3.94 KB
Del
OK
shortcode.js
7.96 KB
Del
OK
shortcode.min.js
3.28 KB
Del
OK
style-engine.js
17.62 KB
Del
OK
style-engine.min.js
6.42 KB
Del
OK
theme.js
127.65 KB
Del
OK
theme.min.js
56.12 KB
Del
OK
token-list.js
6.12 KB
Del
OK
token-list.min.js
1.62 KB
Del
OK
undo-manager.js
5.29 KB
Del
OK
undo-manager.min.js
1.7 KB
Del
OK
upload-media.js
55.67 KB
Del
OK
upload-media.min.js
23.05 KB
Del
OK
url.js
23.39 KB
Del
OK
url.min.js
10.13 KB
Del
OK
vendor
-
Del
OK
viewport.js
6.61 KB
Del
OK
viewport.min.js
2.24 KB
Del
OK
warning.js
1.52 KB
Del
OK
warning.min.js
755 B
Del
OK
widgets.js
50.08 KB
Del
OK
widgets.min.js
20.83 KB
Del
OK
wordcount.js
6.93 KB
Del
OK
wordcount.min.js
2.45 KB
Del
OK
Edit: customize-widgets.js
var wp; (wp ||= {}).customizeWidgets = (() => { var __create = Object.create; var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __getProtoOf = Object.getPrototypeOf; var __hasOwnProp = Object.prototype.hasOwnProperty; var __commonJS = (cb, mod) => function __require() { return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports; }; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps( // If the importer is in node compatibility mode or this is not an ESM // file that has been converted to a CommonJS file using a Babel- // compatible transform (i.e. "__esModule" has not been set), then set // "default" to the CommonJS "module.exports" for node compatibility. isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod )); var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); // package-external:@wordpress/element var require_element = __commonJS({ "package-external:@wordpress/element"(exports, module) { module.exports = window.wp.element; } }); // package-external:@wordpress/block-library var require_block_library = __commonJS({ "package-external:@wordpress/block-library"(exports, module) { module.exports = window.wp.blockLibrary; } }); // package-external:@wordpress/widgets var require_widgets = __commonJS({ "package-external:@wordpress/widgets"(exports, module) { module.exports = window.wp.widgets; } }); // package-external:@wordpress/blocks var require_blocks = __commonJS({ "package-external:@wordpress/blocks"(exports, module) { module.exports = window.wp.blocks; } }); // package-external:@wordpress/data var require_data = __commonJS({ "package-external:@wordpress/data"(exports, module) { module.exports = window.wp.data; } }); // package-external:@wordpress/preferences var require_preferences = __commonJS({ "package-external:@wordpress/preferences"(exports, module) { module.exports = window.wp.preferences; } }); // package-external:@wordpress/components var require_components = __commonJS({ "package-external:@wordpress/components"(exports, module) { module.exports = window.wp.components; } }); // package-external:@wordpress/i18n var require_i18n = __commonJS({ "package-external:@wordpress/i18n"(exports, module) { module.exports = window.wp.i18n; } }); // package-external:@wordpress/block-editor var require_block_editor = __commonJS({ "package-external:@wordpress/block-editor"(exports, module) { module.exports = window.wp.blockEditor; } }); // package-external:@wordpress/compose var require_compose = __commonJS({ "package-external:@wordpress/compose"(exports, module) { module.exports = window.wp.compose; } }); // package-external:@wordpress/hooks var require_hooks = __commonJS({ "package-external:@wordpress/hooks"(exports, module) { module.exports = window.wp.hooks; } }); // vendor-external:react/jsx-runtime var require_jsx_runtime = __commonJS({ "vendor-external:react/jsx-runtime"(exports, module) { module.exports = window.ReactJSXRuntime; } }); // package-external:@wordpress/core-data var require_core_data = __commonJS({ "package-external:@wordpress/core-data"(exports, module) { module.exports = window.wp.coreData; } }); // package-external:@wordpress/media-utils var require_media_utils = __commonJS({ "package-external:@wordpress/media-utils"(exports, module) { module.exports = window.wp.mediaUtils; } }); // package-external:@wordpress/keycodes var require_keycodes = __commonJS({ "package-external:@wordpress/keycodes"(exports, module) { module.exports = window.wp.keycodes; } }); // package-external:@wordpress/primitives var require_primitives = __commonJS({ "package-external:@wordpress/primitives"(exports, module) { module.exports = window.wp.primitives; } }); // package-external:@wordpress/keyboard-shortcuts var require_keyboard_shortcuts = __commonJS({ "package-external:@wordpress/keyboard-shortcuts"(exports, module) { module.exports = window.wp.keyboardShortcuts; } }); // node_modules/fast-deep-equal/es6/index.js var require_es6 = __commonJS({ "node_modules/fast-deep-equal/es6/index.js"(exports, module) { "use strict"; module.exports = function equal(a, b) { if (a === b) return true; if (a && b && typeof a == "object" && typeof b == "object") { if (a.constructor !== b.constructor) return false; var length, i, keys; if (Array.isArray(a)) { length = a.length; if (length != b.length) return false; for (i = length; i-- !== 0; ) if (!equal(a[i], b[i])) return false; return true; } if (a instanceof Map && b instanceof Map) { if (a.size !== b.size) return false; for (i of a.entries()) if (!b.has(i[0])) return false; for (i of a.entries()) if (!equal(i[1], b.get(i[0]))) return false; return true; } if (a instanceof Set && b instanceof Set) { if (a.size !== b.size) return false; for (i of a.entries()) if (!b.has(i[0])) return false; return true; } if (ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) { length = a.length; if (length != b.length) return false; for (i = length; i-- !== 0; ) if (a[i] !== b[i]) return false; return true; } if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags; if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf(); if (a.toString !== Object.prototype.toString) return a.toString() === b.toString(); keys = Object.keys(a); length = keys.length; if (length !== Object.keys(b).length) return false; for (i = length; i-- !== 0; ) if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false; for (i = length; i-- !== 0; ) { var key = keys[i]; if (!equal(a[key], b[key])) return false; } return true; } return a !== a && b !== b; }; } }); // package-external:@wordpress/is-shallow-equal var require_is_shallow_equal = __commonJS({ "package-external:@wordpress/is-shallow-equal"(exports, module) { module.exports = window.wp.isShallowEqual; } }); // package-external:@wordpress/private-apis var require_private_apis = __commonJS({ "package-external:@wordpress/private-apis"(exports, module) { module.exports = window.wp.privateApis; } }); // package-external:@wordpress/dom var require_dom = __commonJS({ "package-external:@wordpress/dom"(exports, module) { module.exports = window.wp.dom; } }); // packages/customize-widgets/build-module/index.mjs var index_exports = {}; __export(index_exports, { initialize: () => initialize, store: () => store }); var import_element17 = __toESM(require_element(), 1); var import_block_library2 = __toESM(require_block_library(), 1); var import_widgets5 = __toESM(require_widgets(), 1); var import_blocks2 = __toESM(require_blocks(), 1); var import_data17 = __toESM(require_data(), 1); var import_preferences4 = __toESM(require_preferences(), 1); // packages/customize-widgets/build-module/components/customize-widgets/index.mjs var import_element16 = __toESM(require_element(), 1); var import_components8 = __toESM(require_components(), 1); // packages/customize-widgets/build-module/components/error-boundary/index.mjs var import_element = __toESM(require_element(), 1); var import_i18n = __toESM(require_i18n(), 1); var import_components = __toESM(require_components(), 1); var import_block_editor = __toESM(require_block_editor(), 1); var import_compose = __toESM(require_compose(), 1); var import_hooks = __toESM(require_hooks(), 1); var import_jsx_runtime = __toESM(require_jsx_runtime(), 1); function CopyButton({ text, children }) { const ref = (0, import_compose.useCopyToClipboard)(text); return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.Button, { size: "compact", variant: "secondary", ref, children }); } var ErrorBoundary = class extends import_element.Component { constructor() { super(...arguments); this.state = { error: null }; } componentDidCatch(error) { this.setState({ error }); (0, import_hooks.doAction)("editor.ErrorBoundary.errorLogged", error); } render() { const { error } = this.state; if (!error) { return this.props.children; } return /* @__PURE__ */ (0, import_jsx_runtime.jsx)( import_block_editor.Warning, { className: "customize-widgets-error-boundary", actions: [ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CopyButton, { text: error.stack, children: (0, import_i18n.__)("Copy Error") }, "copy-error") ], children: (0, import_i18n.__)("The editor has encountered an unexpected error.") } ); } }; // packages/customize-widgets/build-module/components/sidebar-block-editor/index.mjs var import_compose3 = __toESM(require_compose(), 1); var import_core_data = __toESM(require_core_data(), 1); var import_data12 = __toESM(require_data(), 1); var import_element13 = __toESM(require_element(), 1); var import_block_editor8 = __toESM(require_block_editor(), 1); var import_media_utils = __toESM(require_media_utils(), 1); var import_preferences3 = __toESM(require_preferences(), 1); var import_block_library = __toESM(require_block_library(), 1); // packages/customize-widgets/build-module/components/block-inspector-button/index.mjs var import_element2 = __toESM(require_element(), 1); var import_i18n2 = __toESM(require_i18n(), 1); var import_components2 = __toESM(require_components(), 1); var import_data = __toESM(require_data(), 1); var import_block_editor2 = __toESM(require_block_editor(), 1); var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1); function BlockInspectorButton({ inspector, closeMenu, ...props }) { const selectedBlockClientId = (0, import_data.useSelect)( (select) => select(import_block_editor2.store).getSelectedBlockClientId(), [] ); const selectedBlock = (0, import_element2.useMemo)( () => document.getElementById(`block-${selectedBlockClientId}`), [selectedBlockClientId] ); return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)( import_components2.MenuItem, { onClick: () => { inspector.open({ returnFocusWhenClose: selectedBlock }); closeMenu(); }, ...props, children: (0, import_i18n2.__)("Show more settings") } ); } var block_inspector_button_default = BlockInspectorButton; // node_modules/clsx/dist/clsx.mjs 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; } var clsx_default = clsx; // packages/customize-widgets/build-module/components/header/index.mjs var import_components6 = __toESM(require_components(), 1); var import_block_editor4 = __toESM(require_block_editor(), 1); var import_element6 = __toESM(require_element(), 1); var import_keycodes3 = __toESM(require_keycodes(), 1); var import_i18n7 = __toESM(require_i18n(), 1); // packages/icons/build-module/library/close-small.mjs var import_primitives = __toESM(require_primitives(), 1); var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1); var close_small_default = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_primitives.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_primitives.Path, { 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" }) }); // packages/icons/build-module/library/external.mjs var import_primitives2 = __toESM(require_primitives(), 1); var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1); var external_default = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_primitives2.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_primitives2.Path, { 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" }) }); // packages/icons/build-module/library/more-vertical.mjs var import_primitives3 = __toESM(require_primitives(), 1); var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1); var more_vertical_default = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_primitives3.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_primitives3.Path, { d: "M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z" }) }); // packages/icons/build-module/library/plus.mjs var import_primitives4 = __toESM(require_primitives(), 1); var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1); var plus_default = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_primitives4.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_primitives4.Path, { d: "M11 12.5V17.5H12.5V12.5H17.5V11H12.5V6H11V11H6V12.5H11Z" }) }); // packages/icons/build-module/library/redo.mjs var import_primitives5 = __toESM(require_primitives(), 1); var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1); var redo_default = /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_primitives5.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_primitives5.Path, { 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" }) }); // packages/icons/build-module/library/undo.mjs var import_primitives6 = __toESM(require_primitives(), 1); var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1); var undo_default = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_primitives6.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_primitives6.Path, { 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" }) }); // packages/customize-widgets/build-module/components/inserter/index.mjs var import_i18n3 = __toESM(require_i18n(), 1); var import_block_editor3 = __toESM(require_block_editor(), 1); var import_components3 = __toESM(require_components(), 1); var import_compose2 = __toESM(require_compose(), 1); var import_data4 = __toESM(require_data(), 1); // packages/customize-widgets/build-module/store/index.mjs var import_data3 = __toESM(require_data(), 1); // packages/customize-widgets/build-module/store/reducer.mjs var import_data2 = __toESM(require_data(), 1); function blockInserterPanel(state = false, action) { switch (action.type) { case "SET_IS_INSERTER_OPENED": return action.value; } return state; } var reducer_default = (0, import_data2.combineReducers)({ blockInserterPanel }); // packages/customize-widgets/build-module/store/selectors.mjs var selectors_exports = {}; __export(selectors_exports, { __experimentalGetInsertionPoint: () => __experimentalGetInsertionPoint, isInserterOpened: () => isInserterOpened }); var EMPTY_INSERTION_POINT = { rootClientId: void 0, insertionIndex: void 0 }; function isInserterOpened(state) { return !!state.blockInserterPanel; } function __experimentalGetInsertionPoint(state) { if (typeof state.blockInserterPanel === "boolean") { return EMPTY_INSERTION_POINT; } return state.blockInserterPanel; } // packages/customize-widgets/build-module/store/actions.mjs var actions_exports = {}; __export(actions_exports, { setIsInserterOpened: () => setIsInserterOpened }); function setIsInserterOpened(value) { return { type: "SET_IS_INSERTER_OPENED", value }; } // packages/customize-widgets/build-module/store/constants.mjs var STORE_NAME = "core/customize-widgets"; // packages/customize-widgets/build-module/store/index.mjs var storeConfig = { reducer: reducer_default, selectors: selectors_exports, actions: actions_exports }; var store = (0, import_data3.createReduxStore)(STORE_NAME, storeConfig); (0, import_data3.register)(store); // packages/customize-widgets/build-module/components/inserter/index.mjs var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1); function Inserter({ setIsOpened }) { const inserterTitleId = (0, import_compose2.useInstanceId)( Inserter, "customize-widget-layout__inserter-panel-title" ); const insertionPoint = (0, import_data4.useSelect)( (select) => select(store).__experimentalGetInsertionPoint(), [] ); return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)( "div", { className: "customize-widgets-layout__inserter-panel", "aria-labelledby": inserterTitleId, children: [ /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "customize-widgets-layout__inserter-panel-header", children: [ /* @__PURE__ */ (0, import_jsx_runtime9.jsx)( "h2", { id: inserterTitleId, className: "customize-widgets-layout__inserter-panel-header-title", children: (0, import_i18n3.__)("Add a block") } ), /* @__PURE__ */ (0, import_jsx_runtime9.jsx)( import_components3.Button, { size: "small", icon: close_small_default, onClick: () => setIsOpened(false), "aria-label": (0, import_i18n3.__)("Close inserter") } ) ] }), /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "customize-widgets-layout__inserter-panel-content", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)( import_block_editor3.__experimentalLibrary, { rootClientId: insertionPoint.rootClientId, __experimentalInsertionIndex: insertionPoint.insertionIndex, showInserterHelpPanel: true, onSelect: () => setIsOpened(false) } ) }) ] } ); } var inserter_default = Inserter; // packages/customize-widgets/build-module/components/more-menu/index.mjs var import_components5 = __toESM(require_components(), 1); var import_element5 = __toESM(require_element(), 1); var import_i18n6 = __toESM(require_i18n(), 1); var import_keycodes2 = __toESM(require_keycodes(), 1); var import_keyboard_shortcuts3 = __toESM(require_keyboard_shortcuts(), 1); var import_preferences = __toESM(require_preferences(), 1); // packages/customize-widgets/build-module/components/keyboard-shortcut-help-modal/index.mjs var import_components4 = __toESM(require_components(), 1); var import_i18n5 = __toESM(require_i18n(), 1); var import_keyboard_shortcuts2 = __toESM(require_keyboard_shortcuts(), 1); var import_data6 = __toESM(require_data(), 1); var import_element4 = __toESM(require_element(), 1); // packages/customize-widgets/build-module/components/keyboard-shortcut-help-modal/config.mjs var import_i18n4 = __toESM(require_i18n(), 1); var textFormattingShortcuts = [ { keyCombination: { modifier: "primary", character: "b" }, description: (0, import_i18n4.__)("Make the selected text bold.") }, { keyCombination: { modifier: "primary", character: "i" }, description: (0, import_i18n4.__)("Make the selected text italic.") }, { keyCombination: { modifier: "primary", character: "k" }, description: (0, import_i18n4.__)("Convert the selected text into a link.") }, { keyCombination: { modifier: "primaryShift", character: "k" }, description: (0, import_i18n4.__)("Remove a link.") }, { keyCombination: { character: "[[" }, description: (0, import_i18n4.__)("Insert a link to a post or page.") }, { keyCombination: { modifier: "primary", character: "u" }, description: (0, import_i18n4.__)("Underline the selected text.") }, { keyCombination: { modifier: "access", character: "d" }, description: (0, import_i18n4.__)("Strikethrough the selected text.") }, { keyCombination: { modifier: "access", character: "x" }, description: (0, import_i18n4.__)("Make the selected text inline code.") }, { keyCombination: { modifier: "access", character: "0" }, aliases: [ { modifier: "access", character: "7" } ], description: (0, import_i18n4.__)("Convert the current heading to a paragraph.") }, { keyCombination: { modifier: "access", character: "1-6" }, description: (0, import_i18n4.__)( "Convert the current paragraph or heading to a heading of level 1 to 6." ) }, { keyCombination: { modifier: "primaryShift", character: "SPACE" }, description: (0, import_i18n4.__)("Add non breaking space.") } ]; // packages/customize-widgets/build-module/components/keyboard-shortcut-help-modal/shortcut.mjs var import_element3 = __toESM(require_element(), 1); var import_keycodes = __toESM(require_keycodes(), 1); var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1); function KeyCombination({ keyCombination, forceAriaLabel }) { const shortcut = keyCombination.modifier ? import_keycodes.displayShortcutList[keyCombination.modifier]( keyCombination.character ) : keyCombination.character; const ariaLabel = keyCombination.modifier ? import_keycodes.shortcutAriaLabel[keyCombination.modifier]( keyCombination.character ) : keyCombination.character; return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)( "kbd", { className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination", "aria-label": forceAriaLabel || ariaLabel, children: (Array.isArray(shortcut) ? shortcut : [shortcut]).map( (character, index) => { if (character === "+") { return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_element3.Fragment, { children: character }, index); } return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)( "kbd", { className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-key", children: character }, index ); } ) } ); } function Shortcut({ description, keyCombination, aliases = [], ariaLabel }) { return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-description", children: description }), /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-term", children: [ /* @__PURE__ */ (0, import_jsx_runtime10.jsx)( KeyCombination, { keyCombination, forceAriaLabel: ariaLabel } ), aliases.map((alias, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)( KeyCombination, { keyCombination: alias, forceAriaLabel: ariaLabel }, index )) ] }) ] }); } var shortcut_default = Shortcut; // packages/customize-widgets/build-module/components/keyboard-shortcut-help-modal/dynamic-shortcut.mjs var import_data5 = __toESM(require_data(), 1); var import_keyboard_shortcuts = __toESM(require_keyboard_shortcuts(), 1); var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1); function DynamicShortcut({ name }) { const { keyCombination, description, aliases } = (0, import_data5.useSelect)( (select) => { const { getShortcutKeyCombination, getShortcutDescription, getShortcutAliases } = select(import_keyboard_shortcuts.store); return { keyCombination: getShortcutKeyCombination(name), aliases: getShortcutAliases(name), description: getShortcutDescription(name) }; }, [name] ); if (!keyCombination) { return null; } return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)( shortcut_default, { keyCombination, description, aliases } ); } var dynamic_shortcut_default = DynamicShortcut; // packages/customize-widgets/build-module/components/keyboard-shortcut-help-modal/index.mjs var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1); var ShortcutList = ({ shortcuts }) => ( /* * Disable reason: The `list` ARIA role is redundant but * Safari+VoiceOver won't announce the list otherwise. */ /* eslint-disable jsx-a11y/no-redundant-roles */ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)( "ul", { className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-list", role: "list", children: shortcuts.map((shortcut, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)( "li", { className: "customize-widgets-keyboard-shortcut-help-modal__shortcut", children: typeof shortcut === "string" ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(dynamic_shortcut_default, { name: shortcut }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(shortcut_default, { ...shortcut }) }, index )) } ) ); var ShortcutSection = ({ title, shortcuts, className }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)( "section", { className: clsx_default( "customize-widgets-keyboard-shortcut-help-modal__section", className ), children: [ !!title && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "customize-widgets-keyboard-shortcut-help-modal__section-title", children: title }), /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ShortcutList, { shortcuts }) ] } ); var ShortcutCategorySection = ({ title, categoryName, additionalShortcuts = [] }) => { const categoryShortcuts = (0, import_data6.useSelect)( (select) => { return select(import_keyboard_shortcuts2.store).getCategoryShortcuts( categoryName ); }, [categoryName] ); return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)( ShortcutSection, { title, shortcuts: categoryShortcuts.concat(additionalShortcuts) } ); }; function KeyboardShortcutHelpModal({ isModalActive, toggleModal }) { const { registerShortcut } = (0, import_data6.useDispatch)(import_keyboard_shortcuts2.store); (0, import_element4.useEffect)(() => { registerShortcut({ name: "core/customize-widgets/keyboard-shortcuts", category: "main", description: (0, import_i18n5.__)("Display these keyboard shortcuts."), keyCombination: { modifier: "access", character: "h" } }); }, [registerShortcut]); (0, import_keyboard_shortcuts2.useShortcut)("core/customize-widgets/keyboard-shortcuts", toggleModal); if (!isModalActive) { return null; } return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)( import_components4.Modal, { className: "customize-widgets-keyboard-shortcut-help-modal", title: (0, import_i18n5.__)("Keyboard shortcuts"), onRequestClose: toggleModal, children: [ /* @__PURE__ */ (0, import_jsx_runtime12.jsx)( ShortcutSection, { className: "customize-widgets-keyboard-shortcut-help-modal__main-shortcuts", shortcuts: ["core/customize-widgets/keyboard-shortcuts"] } ), /* @__PURE__ */ (0, import_jsx_runtime12.jsx)( ShortcutCategorySection, { title: (0, import_i18n5.__)("Global shortcuts"), categoryName: "global" } ), /* @__PURE__ */ (0, import_jsx_runtime12.jsx)( ShortcutCategorySection, { title: (0, import_i18n5.__)("Selection shortcuts"), categoryName: "selection" } ), /* @__PURE__ */ (0, import_jsx_runtime12.jsx)( ShortcutCategorySection, { title: (0, import_i18n5.__)("Block shortcuts"), categoryName: "block", additionalShortcuts: [ { keyCombination: { character: "/" }, description: (0, import_i18n5.__)( "Change the block type after adding a new paragraph." ), /* translators: The forward-slash character. e.g. '/'. */ ariaLabel: (0, import_i18n5.__)("Forward-slash") } ] } ), /* @__PURE__ */ (0, import_jsx_runtime12.jsx)( ShortcutSection, { title: (0, import_i18n5.__)("Text formatting"), shortcuts: textFormattingShortcuts } ) ] } ); } // packages/customize-widgets/build-module/components/more-menu/index.mjs var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1); function MoreMenu() { const [ isKeyboardShortcutsModalActive, setIsKeyboardShortcutsModalVisible ] = (0, import_element5.useState)(false); const toggleKeyboardShortcutsModal = () => setIsKeyboardShortcutsModalVisible(!isKeyboardShortcutsModalActive); (0, import_keyboard_shortcuts3.useShortcut)( "core/customize-widgets/keyboard-shortcuts", toggleKeyboardShortcutsModal ); return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)( import_components5.ToolbarDropdownMenu, { icon: more_vertical_default, label: (0, import_i18n6.__)("Options"), popoverProps: { placement: "bottom-end", className: "more-menu-dropdown__content" }, toggleProps: { tooltipPosition: "bottom", size: "compact" }, children: () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_components5.MenuGroup, { label: (0, import_i18n6._x)("View", "noun"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)( import_preferences.PreferenceToggleMenuItem, { scope: "core/customize-widgets", name: "fixedToolbar", label: (0, import_i18n6.__)("Top toolbar"), info: (0, import_i18n6.__)( "Access all block and document tools in a single place" ), messageActivated: (0, import_i18n6.__)( "Top toolbar activated" ), messageDeactivated: (0, import_i18n6.__)( "Top toolbar deactivated" ) } ) }), /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_components5.MenuGroup, { label: (0, import_i18n6.__)("Tools"), children: [ /* @__PURE__ */ (0, import_jsx_runtime13.jsx)( import_components5.MenuItem, { onClick: () => { setIsKeyboardShortcutsModalVisible(true); }, shortcut: import_keycodes2.displayShortcut.access("h"), children: (0, import_i18n6.__)("Keyboard shortcuts") } ), /* @__PURE__ */ (0, import_jsx_runtime13.jsx)( import_preferences.PreferenceToggleMenuItem, { scope: "core/customize-widgets", name: "welcomeGuide", label: (0, import_i18n6.__)("Welcome Guide") } ), /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)( import_components5.MenuItem, { role: "menuitem", icon: external_default, href: (0, import_i18n6.__)( "https://wordpress.org/documentation/article/block-based-widgets-editor/" ), target: "_blank", rel: "noopener noreferrer", children: [ (0, import_i18n6.__)("Help"), /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_components5.VisuallyHidden, { as: "span", /* translators: accessibility text */ children: (0, import_i18n6.__)("(opens in a new tab)") }) ] } ) ] }), /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_components5.MenuGroup, { label: (0, import_i18n6.__)("Preferences"), children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)( import_preferences.PreferenceToggleMenuItem, { scope: "core/customize-widgets", name: "keepCaretInsideBlock", label: (0, import_i18n6.__)( "Contain text cursor inside block" ), info: (0, import_i18n6.__)( "Aids screen readers by stopping text caret from leaving blocks." ), messageActivated: (0, import_i18n6.__)( "Contain text cursor inside block activated" ), messageDeactivated: (0, import_i18n6.__)( "Contain text cursor inside block deactivated" ) } ) }) ] }) } ), /* @__PURE__ */ (0, import_jsx_runtime13.jsx)( KeyboardShortcutHelpModal, { isModalActive: isKeyboardShortcutsModalActive, toggleModal: toggleKeyboardShortcutsModal } ) ] }); } // packages/customize-widgets/build-module/components/header/index.mjs var import_jsx_runtime14 = __toESM(require_jsx_runtime(), 1); function Header({ sidebar, inserter, isInserterOpened: isInserterOpened2, setIsInserterOpened: setIsInserterOpened2, isFixedToolbarActive }) { const [[hasUndo, hasRedo], setUndoRedo] = (0, import_element6.useState)([ sidebar.hasUndo(), sidebar.hasRedo() ]); const shortcut = (0, import_keycodes3.isAppleOS)() ? import_keycodes3.displayShortcut.primaryShift("z") : import_keycodes3.displayShortcut.primary("y"); (0, import_element6.useEffect)(() => { return sidebar.subscribeHistory(() => { setUndoRedo([sidebar.hasUndo(), sidebar.hasRedo()]); }); }, [sidebar]); return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)( "div", { className: clsx_default("customize-widgets-header", { "is-fixed-toolbar-active": isFixedToolbarActive }), children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)( import_block_editor4.NavigableToolbar, { className: "customize-widgets-header-toolbar", "aria-label": (0, import_i18n7.__)("Document tools"), children: [ /* @__PURE__ */ (0, import_jsx_runtime14.jsx)( import_components6.ToolbarButton, { icon: !(0, import_i18n7.isRTL)() ? undo_default : redo_default, label: (0, import_i18n7.__)("Undo"), shortcut: import_keycodes3.displayShortcut.primary("z"), disabled: !hasUndo, onClick: sidebar.undo, className: "customize-widgets-editor-history-button undo-button" } ), /* @__PURE__ */ (0, import_jsx_runtime14.jsx)( import_components6.ToolbarButton, { icon: !(0, import_i18n7.isRTL)() ? redo_default : undo_default, label: (0, import_i18n7.__)("Redo"), shortcut, disabled: !hasRedo, onClick: sidebar.redo, className: "customize-widgets-editor-history-button redo-button" } ), /* @__PURE__ */ (0, import_jsx_runtime14.jsx)( import_components6.ToolbarButton, { className: "customize-widgets-header-toolbar__inserter-toggle", isPressed: isInserterOpened2, variant: "primary", icon: plus_default, label: (0, import_i18n7._x)( "Add block", "Generic label for block inserter button" ), onClick: () => { setIsInserterOpened2((isOpen) => !isOpen); } } ), /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(MoreMenu, {}) ] } ) } ), (0, import_element6.createPortal)( /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(inserter_default, { setIsOpened: setIsInserterOpened2 }), inserter.contentContainer[0] ) ] }); } var header_default = Header; // packages/customize-widgets/build-module/components/inserter/use-inserter.mjs var import_element7 = __toESM(require_element(), 1); var import_data7 = __toESM(require_data(), 1); function useInserter(inserter) { const isInserterOpened2 = (0, import_data7.useSelect)( (select) => select(store).isInserterOpened(), [] ); const { setIsInserterOpened: setIsInserterOpened2 } = (0, import_data7.useDispatch)(store); (0, import_element7.useEffect)(() => { if (isInserterOpened2) { inserter.open(); } else { inserter.close(); } }, [inserter, isInserterOpened2]); return [ isInserterOpened2, (0, import_element7.useCallback)( (updater) => { let isOpen = updater; if (typeof updater === "function") { isOpen = updater( (0, import_data7.select)(store).isInserterOpened() ); } setIsInserterOpened2(isOpen); }, [setIsInserterOpened2] ) ]; } // packages/customize-widgets/build-module/components/sidebar-block-editor/sidebar-editor-provider.mjs var import_block_editor6 = __toESM(require_block_editor(), 1); // packages/customize-widgets/build-module/components/sidebar-block-editor/use-sidebar-block-editor.mjs var import_es6 = __toESM(require_es6(), 1); var import_element8 = __toESM(require_element(), 1); var import_is_shallow_equal = __toESM(require_is_shallow_equal(), 1); var import_widgets2 = __toESM(require_widgets(), 1); // packages/customize-widgets/build-module/utils.mjs var import_blocks = __toESM(require_blocks(), 1); var import_widgets = __toESM(require_widgets(), 1); function settingIdToWidgetId(settingId) { const matches = settingId.match(/^widget_(.+)(?:\[(\d+)\])$/); if (matches) { const idBase = matches[1]; const number = parseInt(matches[2], 10); return `${idBase}-${number}`; } return settingId; } function blockToWidget(block, existingWidget = null) { let widget; const isValidLegacyWidgetBlock = block.name === "core/legacy-widget" && (block.attributes.id || block.attributes.instance); if (isValidLegacyWidgetBlock) { if (block.attributes.id) { widget = { id: block.attributes.id }; } else { const { encoded, hash, raw, ...rest } = block.attributes.instance; widget = { idBase: block.attributes.idBase, instance: { ...existingWidget?.instance, // Required only for the customizer. is_widget_customizer_js_value: true, encoded_serialized_instance: encoded, instance_hash_key: hash, raw_instance: raw, ...rest } }; } } else { const instance = { content: (0, import_blocks.serialize)(block) }; widget = { idBase: "block", widgetClass: "WP_Widget_Block", instance: { raw_instance: instance } }; } const { form, rendered, ...restExistingWidget } = existingWidget || {}; return { ...restExistingWidget, ...widget }; } function widgetToBlock({ id, idBase, number, instance }) { let block; const { encoded_serialized_instance: encoded, instance_hash_key: hash, raw_instance: raw, ...rest } = instance; if (idBase === "block") { const parsedBlocks = (0, import_blocks.parse)(raw.content ?? "", { __unstableSkipAutop: true }); block = parsedBlocks.length ? parsedBlocks[0] : (0, import_blocks.createBlock)("core/paragraph", {}); } else if (number) { block = (0, import_blocks.createBlock)("core/legacy-widget", { idBase, instance: { encoded, hash, raw, ...rest } }); } else { block = (0, import_blocks.createBlock)("core/legacy-widget", { id }); } return (0, import_widgets.addWidgetIdToBlock)(block, id); } // packages/customize-widgets/build-module/components/sidebar-block-editor/use-sidebar-block-editor.mjs function widgetsToBlocks(widgets) { return widgets.map((widget) => widgetToBlock(widget)); } function useSidebarBlockEditor(sidebar) { const [blocks, setBlocks] = (0, import_element8.useState)( () => widgetsToBlocks(sidebar.getWidgets()) ); (0, import_element8.useEffect)(() => { return sidebar.subscribe((prevWidgets, nextWidgets) => { setBlocks((prevBlocks) => { const prevWidgetsMap = new Map( prevWidgets.map((widget) => [widget.id, widget]) ); const prevBlocksMap = new Map( prevBlocks.map((block) => [ (0, import_widgets2.getWidgetIdFromBlock)(block), block ]) ); const nextBlocks = nextWidgets.map((nextWidget) => { const prevWidget = prevWidgetsMap.get(nextWidget.id); if (prevWidget && prevWidget === nextWidget) { return prevBlocksMap.get(nextWidget.id); } return widgetToBlock(nextWidget); }); if ((0, import_is_shallow_equal.isShallowEqual)(prevBlocks, nextBlocks)) { return prevBlocks; } return nextBlocks; }); }); }, [sidebar]); const onChangeBlocks = (0, import_element8.useCallback)( (nextBlocks) => { setBlocks((prevBlocks) => { if ((0, import_is_shallow_equal.isShallowEqual)(prevBlocks, nextBlocks)) { return prevBlocks; } const prevBlocksMap = new Map( prevBlocks.map((block) => [ (0, import_widgets2.getWidgetIdFromBlock)(block), block ]) ); const nextWidgets = nextBlocks.map((nextBlock) => { const widgetId = (0, import_widgets2.getWidgetIdFromBlock)(nextBlock); if (widgetId && prevBlocksMap.has(widgetId)) { const prevBlock = prevBlocksMap.get(widgetId); const prevWidget = sidebar.getWidget(widgetId); if ((0, import_es6.default)(nextBlock, prevBlock) && prevWidget) { return prevWidget; } return blockToWidget(nextBlock, prevWidget); } return blockToWidget(nextBlock); }); if ((0, import_is_shallow_equal.isShallowEqual)(sidebar.getWidgets(), nextWidgets)) { return prevBlocks; } const addedWidgetIds = sidebar.setWidgets(nextWidgets); return nextBlocks.reduce( (updatedNextBlocks, nextBlock, index) => { const addedWidgetId = addedWidgetIds[index]; if (addedWidgetId !== null) { if (updatedNextBlocks === nextBlocks) { updatedNextBlocks = nextBlocks.slice(); } updatedNextBlocks[index] = (0, import_widgets2.addWidgetIdToBlock)( nextBlock, addedWidgetId ); } return updatedNextBlocks; }, nextBlocks ); }); }, [sidebar] ); return [blocks, onChangeBlocks, onChangeBlocks]; } // packages/customize-widgets/build-module/components/focus-control/use-blocks-focus-control.mjs var import_element10 = __toESM(require_element(), 1); var import_data8 = __toESM(require_data(), 1); var import_block_editor5 = __toESM(require_block_editor(), 1); var import_widgets3 = __toESM(require_widgets(), 1); // packages/customize-widgets/build-module/components/focus-control/index.mjs var import_element9 = __toESM(require_element(), 1); var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1); var FocusControlContext = (0, import_element9.createContext)(); FocusControlContext.displayName = "FocusControlContext"; function FocusControl({ api, sidebarControls, children }) { const [focusedWidgetIdRef, setFocusedWidgetIdRef] = (0, import_element9.useState)({ current: null }); const focusWidget = (0, import_element9.useCallback)( (widgetId) => { for (const sidebarControl of sidebarControls) { const widgets = sidebarControl.setting.get(); if (widgets.includes(widgetId)) { sidebarControl.sectionInstance.expand({ // Schedule it after the complete callback so that // it won't be overridden by the "Back" button focus. completeCallback() { setFocusedWidgetIdRef({ current: widgetId }); } }); break; } } }, [sidebarControls] ); (0, import_element9.useEffect)(() => { function handleFocus(settingId) { const widgetId = settingIdToWidgetId(settingId); focusWidget(widgetId); } let previewBound = false; function handleReady() { api.previewer.preview.bind( "focus-control-for-setting", handleFocus ); previewBound = true; } api.previewer.bind("ready", handleReady); return () => { api.previewer.unbind("ready", handleReady); if (previewBound) { api.previewer.preview.unbind( "focus-control-for-setting", handleFocus ); } }; }, [api, focusWidget]); const context = (0, import_element9.useMemo)( () => [focusedWidgetIdRef, focusWidget], [focusedWidgetIdRef, focusWidget] ); return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FocusControlContext.Provider, { value: context, children }); } var useFocusControl = () => (0, import_element9.useContext)(FocusControlContext); // packages/customize-widgets/build-module/components/focus-control/use-blocks-focus-control.mjs function useBlocksFocusControl(blocks) { const { selectBlock } = (0, import_data8.useDispatch)(import_block_editor5.store); const [focusedWidgetIdRef] = useFocusControl(); const blocksRef = (0, import_element10.useRef)(blocks); (0, import_element10.useEffect)(() => { blocksRef.current = blocks; }, [blocks]); (0, import_element10.useEffect)(() => { if (focusedWidgetIdRef.current) { const focusedBlock = blocksRef.current.find( (block) => (0, import_widgets3.getWidgetIdFromBlock)(block) === focusedWidgetIdRef.current ); if (focusedBlock) { selectBlock(focusedBlock.clientId); const blockNode = document.querySelector( `[data-block="${focusedBlock.clientId}"]` ); blockNode?.focus(); } } }, [focusedWidgetIdRef, selectBlock]); } // packages/customize-widgets/build-module/lock-unlock.mjs var import_private_apis = __toESM(require_private_apis(), 1); var { lock, unlock } = (0, import_private_apis.__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" ); // packages/customize-widgets/build-module/components/sidebar-block-editor/sidebar-editor-provider.mjs var import_jsx_runtime16 = __toESM(require_jsx_runtime(), 1); var { ExperimentalBlockEditorProvider } = unlock(import_block_editor6.privateApis); function SidebarEditorProvider({ sidebar, settings, children }) { const [blocks, onInput, onChange] = useSidebarBlockEditor(sidebar); useBlocksFocusControl(blocks); return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)( ExperimentalBlockEditorProvider, { value: blocks, onInput, onChange, settings, useSubRegistry: false, children } ); } // packages/customize-widgets/build-module/components/welcome-guide/index.mjs var import_i18n8 = __toESM(require_i18n(), 1); var import_components7 = __toESM(require_components(), 1); var import_data9 = __toESM(require_data(), 1); var import_preferences2 = __toESM(require_preferences(), 1); var import_jsx_runtime17 = __toESM(require_jsx_runtime(), 1); function WelcomeGuide({ sidebar }) { const { toggle } = (0, import_data9.useDispatch)(import_preferences2.store); const isEntirelyBlockWidgets = sidebar.getWidgets().every((widget) => widget.id.startsWith("block-")); return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "customize-widgets-welcome-guide", children: [ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "customize-widgets-welcome-guide__image__wrapper", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("picture", { children: [ /* @__PURE__ */ (0, import_jsx_runtime17.jsx)( "source", { srcSet: "https://s.w.org/images/block-editor/welcome-editor.svg", media: "(prefers-reduced-motion: reduce)" } ), /* @__PURE__ */ (0, import_jsx_runtime17.jsx)( "img", { className: "customize-widgets-welcome-guide__image", src: "https://s.w.org/images/block-editor/welcome-editor.gif", width: "312", height: "240", alt: "" } ) ] }) }), /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("h1", { className: "customize-widgets-welcome-guide__heading", children: (0, import_i18n8.__)("Welcome to block Widgets") }), /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: "customize-widgets-welcome-guide__text", children: isEntirelyBlockWidgets ? (0, import_i18n8.__)( "Your theme provides different \u201Cblock\u201D areas for you to add and edit content.\xA0Try adding a search bar, social icons, or other types of blocks here and see how they\u2019ll look on your site." ) : (0, import_i18n8.__)( "You can now add any block to your site\u2019s widget areas. Don\u2019t worry, all of your favorite widgets still work flawlessly." ) }), /* @__PURE__ */ (0, import_jsx_runtime17.jsx)( import_components7.Button, { size: "compact", variant: "primary", onClick: () => toggle("core/customize-widgets", "welcomeGuide"), children: (0, import_i18n8.__)("Got it") } ), /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("hr", { className: "customize-widgets-welcome-guide__separator" }), !isEntirelyBlockWidgets && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "customize-widgets-welcome-guide__more-info", children: [ (0, import_i18n8.__)("Want to stick with the old widgets?"), /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("br", {}), /* @__PURE__ */ (0, import_jsx_runtime17.jsx)( import_components7.ExternalLink, { href: (0, import_i18n8.__)( "https://wordpress.org/plugins/classic-widgets/" ), children: (0, import_i18n8.__)("Get the Classic Widgets plugin.") } ) ] }), /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("p", { className: "customize-widgets-welcome-guide__more-info", children: [ (0, import_i18n8.__)("New to the block editor?"), /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("br", {}), /* @__PURE__ */ (0, import_jsx_runtime17.jsx)( import_components7.ExternalLink, { href: (0, import_i18n8.__)( "https://wordpress.org/documentation/article/wordpress-block-editor/" ), children: (0, import_i18n8.__)("Here's a detailed guide.") } ) ] }) ] }); } // packages/customize-widgets/build-module/components/keyboard-shortcuts/index.mjs var import_element11 = __toESM(require_element(), 1); var import_keyboard_shortcuts4 = __toESM(require_keyboard_shortcuts(), 1); var import_keycodes4 = __toESM(require_keycodes(), 1); var import_data10 = __toESM(require_data(), 1); var import_i18n9 = __toESM(require_i18n(), 1); function KeyboardShortcuts({ undo, redo, save }) { (0, import_keyboard_shortcuts4.useShortcut)("core/customize-widgets/undo", (event) => { undo(); event.preventDefault(); }); (0, import_keyboard_shortcuts4.useShortcut)("core/customize-widgets/redo", (event) => { redo(); event.preventDefault(); }); (0, import_keyboard_shortcuts4.useShortcut)("core/customize-widgets/save", (event) => { event.preventDefault(); save(); }); return null; } function KeyboardShortcutsRegister() { const { registerShortcut, unregisterShortcut } = (0, import_data10.useDispatch)( import_keyboard_shortcuts4.store ); (0, import_element11.useEffect)(() => { registerShortcut({ name: "core/customize-widgets/undo", category: "global", description: (0, import_i18n9.__)("Undo your last changes."), keyCombination: { modifier: "primary", character: "z" } }); registerShortcut({ name: "core/customize-widgets/redo", category: "global", description: (0, import_i18n9.__)("Redo your last undo."), keyCombination: { modifier: "primaryShift", character: "z" }, // Disable on Apple OS because it conflicts with the browser's // history shortcut. It's a fine alias for both Windows and Linux. // Since there's no conflict for Ctrl+Shift+Z on both Windows and // Linux, we keep it as the default for consistency. aliases: (0, import_keycodes4.isAppleOS)() ? [] : [ { modifier: "primary", character: "y" } ] }); registerShortcut({ name: "core/customize-widgets/save", category: "global", description: (0, import_i18n9.__)("Save your changes."), keyCombination: { modifier: "primary", character: "s" } }); return () => { unregisterShortcut("core/customize-widgets/undo"); unregisterShortcut("core/customize-widgets/redo"); unregisterShortcut("core/customize-widgets/save"); }; }, [registerShortcut]); return null; } KeyboardShortcuts.Register = KeyboardShortcutsRegister; var keyboard_shortcuts_default = KeyboardShortcuts; // packages/customize-widgets/build-module/components/block-appender/index.mjs var import_element12 = __toESM(require_element(), 1); var import_block_editor7 = __toESM(require_block_editor(), 1); var import_data11 = __toESM(require_data(), 1); var import_jsx_runtime18 = __toESM(require_jsx_runtime(), 1); function BlockAppender(props) { const ref = (0, import_element12.useRef)(); const isBlocksListEmpty = (0, import_data11.useSelect)( (select) => select(import_block_editor7.store).getBlockCount() === 0 ); (0, import_element12.useEffect)(() => { if (isBlocksListEmpty && ref.current) { const { ownerDocument } = ref.current; if (!ownerDocument.activeElement || ownerDocument.activeElement === ownerDocument.body) { ref.current.focus(); } } }, [isBlocksListEmpty]); return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_block_editor7.ButtonBlockAppender, { ...props, ref }); } // packages/customize-widgets/build-module/components/sidebar-block-editor/index.mjs var import_jsx_runtime19 = __toESM(require_jsx_runtime(), 1); var { ExperimentalBlockCanvas: BlockCanvas } = unlock( import_block_editor8.privateApis ); var { BlockKeyboardShortcuts } = unlock(import_block_library.privateApis); function SidebarBlockEditor({ blockEditorSettings, sidebar, inserter, inspector }) { const [isInserterOpened2, setIsInserterOpened2] = useInserter(inserter); const isMediumViewport = (0, import_compose3.useViewportMatch)("small"); const { hasUploadPermissions, isFixedToolbarActive, keepCaretInsideBlock, isWelcomeGuideActive } = (0, import_data12.useSelect)((select) => { const { get } = select(import_preferences3.store); return { hasUploadPermissions: select(import_core_data.store).canUser("create", { kind: "postType", name: "attachment" }) ?? true, isFixedToolbarActive: !!get( "core/customize-widgets", "fixedToolbar" ), keepCaretInsideBlock: !!get( "core/customize-widgets", "keepCaretInsideBlock" ), isWelcomeGuideActive: !!get( "core/customize-widgets", "welcomeGuide" ) }; }, []); const settings = (0, import_element13.useMemo)(() => { let mediaUploadBlockEditor; if (hasUploadPermissions) { mediaUploadBlockEditor = ({ onError, ...argumentsObject }) => { (0, import_media_utils.uploadMedia)({ wpAllowedMimeTypes: blockEditorSettings.allowedMimeTypes, onError: ({ message }) => onError(message), ...argumentsObject }); }; } return { ...blockEditorSettings, __experimentalSetIsInserterOpened: setIsInserterOpened2, mediaUpload: mediaUploadBlockEditor, hasFixedToolbar: isFixedToolbarActive || !isMediumViewport, keepCaretInsideBlock, editorTool: "edit", __unstableHasCustomAppender: true }; }, [ hasUploadPermissions, blockEditorSettings, isFixedToolbarActive, isMediumViewport, keepCaretInsideBlock, setIsInserterOpened2 ]); if (isWelcomeGuideActive) { return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(WelcomeGuide, { sidebar }); } return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(keyboard_shortcuts_default.Register, {}), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(BlockKeyboardShortcuts, {}), /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(SidebarEditorProvider, { sidebar, settings, children: [ /* @__PURE__ */ (0, import_jsx_runtime19.jsx)( keyboard_shortcuts_default, { undo: sidebar.undo, redo: sidebar.redo, save: sidebar.save } ), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)( header_default, { sidebar, inserter, isInserterOpened: isInserterOpened2, setIsInserterOpened: setIsInserterOpened2, isFixedToolbarActive: isFixedToolbarActive || !isMediumViewport } ), (isFixedToolbarActive || !isMediumViewport) && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_block_editor8.BlockToolbar, { hideDragHandle: true }), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)( BlockCanvas, { shouldIframe: false, styles: settings.defaultEditorStyles, height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_block_editor8.BlockList, { renderAppender: BlockAppender }) } ), (0, import_element13.createPortal)( // This is a temporary hack to prevent button component inside <BlockInspector> // from submitting form when type="button" is not specified. /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("form", { onSubmit: (event) => event.preventDefault(), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_block_editor8.BlockInspector, {}) }), inspector.contentContainer[0] ) ] }), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_block_editor8.__unstableBlockSettingsMenuFirstItem, { children: ({ onClose }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)( block_inspector_button_default, { inspector, closeMenu: onClose } ) }) ] }); } // packages/customize-widgets/build-module/components/sidebar-controls/index.mjs var import_element14 = __toESM(require_element(), 1); var import_jsx_runtime20 = __toESM(require_jsx_runtime(), 1); var SidebarControlsContext = (0, import_element14.createContext)(); SidebarControlsContext.displayName = "SidebarControlsContext"; function SidebarControls({ sidebarControls, activeSidebarControl, children }) { const context = (0, import_element14.useMemo)( () => ({ sidebarControls, activeSidebarControl }), [sidebarControls, activeSidebarControl] ); return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SidebarControlsContext.Provider, { value: context, children }); } function useSidebarControls() { const { sidebarControls } = (0, import_element14.useContext)(SidebarControlsContext); return sidebarControls; } function useActiveSidebarControl() { const { activeSidebarControl } = (0, import_element14.useContext)(SidebarControlsContext); return activeSidebarControl; } // packages/customize-widgets/build-module/components/customize-widgets/use-clear-selected-block.mjs var import_element15 = __toESM(require_element(), 1); var import_data13 = __toESM(require_data(), 1); var import_block_editor9 = __toESM(require_block_editor(), 1); function useClearSelectedBlock(sidebarControl, popoverRef) { const { hasSelectedBlock, hasMultiSelection } = (0, import_data13.useSelect)(import_block_editor9.store); const { clearSelectedBlock } = (0, import_data13.useDispatch)(import_block_editor9.store); (0, import_element15.useEffect)(() => { if (popoverRef.current && sidebarControl) { let handleClearSelectedBlock = function(element) { if ( // 1. Make sure there are blocks being selected. (hasSelectedBlock() || hasMultiSelection()) && // 2. The element should exist in the DOM (not deleted). element && ownerDocument.contains(element) && // 3. It should also not exist in the container, the popover, nor the dialog. !container.contains(element) && !popoverRef.current.contains(element) && !element.closest('[role="dialog"]') && // 4. The inspector should not be opened. !inspector.expanded() ) { clearSelectedBlock(); } }, handleMouseDown = function(event) { handleClearSelectedBlock(event.target); }, handleBlur = function() { handleClearSelectedBlock(ownerDocument.activeElement); }; const inspector = sidebarControl.inspector; const container = sidebarControl.container[0]; const ownerDocument = container.ownerDocument; const ownerWindow = ownerDocument.defaultView; ownerDocument.addEventListener("mousedown", handleMouseDown); ownerWindow.addEventListener("blur", handleBlur); return () => { ownerDocument.removeEventListener( "mousedown", handleMouseDown ); ownerWindow.removeEventListener("blur", handleBlur); }; } }, [ popoverRef, sidebarControl, hasSelectedBlock, hasMultiSelection, clearSelectedBlock ]); } // packages/customize-widgets/build-module/components/customize-widgets/index.mjs var import_jsx_runtime21 = __toESM(require_jsx_runtime(), 1); function CustomizeWidgets({ api, sidebarControls, blockEditorSettings }) { const [activeSidebarControl, setActiveSidebarControl] = (0, import_element16.useState)(null); const parentContainer = document.getElementById( "customize-theme-controls" ); const popoverRef = (0, import_element16.useRef)(); useClearSelectedBlock(activeSidebarControl, popoverRef); (0, import_element16.useEffect)(() => { const unsubscribers = sidebarControls.map( (sidebarControl) => sidebarControl.subscribe((expanded) => { if (expanded) { setActiveSidebarControl(sidebarControl); } }) ); return () => { unsubscribers.forEach((unsubscriber) => unsubscriber()); }; }, [sidebarControls]); const activeSidebar = activeSidebarControl && (0, import_element16.createPortal)( /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ErrorBoundary, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)( SidebarBlockEditor, { blockEditorSettings, sidebar: activeSidebarControl.sidebarAdapter, inserter: activeSidebarControl.inserter, inspector: activeSidebarControl.inspector }, activeSidebarControl.id ) }), activeSidebarControl.container[0] ); const popover = parentContainer && (0, import_element16.createPortal)( /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "customize-widgets-popover", ref: popoverRef, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_components8.Popover.Slot, {}) }), parentContainer ); return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_components8.SlotFillProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)( SidebarControls, { sidebarControls, activeSidebarControl, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(FocusControl, { api, sidebarControls, children: [ activeSidebar, popover ] }) } ) }); } // packages/customize-widgets/build-module/controls/sidebar-section.mjs var import_i18n10 = __toESM(require_i18n(), 1); // packages/customize-widgets/build-module/controls/inspector-section.mjs function getInspectorSection() { const { wp: { customize } } = window; return class InspectorSection extends customize.Section { constructor(id, options) { super(id, options); this.parentSection = options.parentSection; this.returnFocusWhenClose = null; this._isOpen = false; } get isOpen() { return this._isOpen; } set isOpen(value) { this._isOpen = value; this.triggerActiveCallbacks(); } ready() { this.contentContainer[0].classList.add( "customize-widgets-layout__inspector" ); } isContextuallyActive() { return this.isOpen; } onChangeExpanded(expanded, args) { super.onChangeExpanded(expanded, args); if (this.parentSection && !args.unchanged) { if (expanded) { this.parentSection.collapse({ manualTransition: true }); } else { this.parentSection.expand({ manualTransition: true, completeCallback: () => { if (this.returnFocusWhenClose && !this.contentContainer[0].contains( this.returnFocusWhenClose )) { this.returnFocusWhenClose.focus(); } } }); } } } open({ returnFocusWhenClose } = {}) { this.isOpen = true; this.returnFocusWhenClose = returnFocusWhenClose; this.expand({ allowMultiple: true }); } close() { this.collapse({ allowMultiple: true }); } collapse(options) { this.isOpen = false; super.collapse(options); } triggerActiveCallbacks() { this.active.callbacks.fireWith(this.active, [false, true]); } }; } // packages/customize-widgets/build-module/controls/sidebar-section.mjs var getInspectorSectionId = (sidebarId) => `widgets-inspector-${sidebarId}`; function getSidebarSection() { const { wp: { customize } } = window; const reduceMotionMediaQuery = window.matchMedia( "(prefers-reduced-motion: reduce)" ); let isReducedMotion = reduceMotionMediaQuery.matches; reduceMotionMediaQuery.addEventListener("change", (event) => { isReducedMotion = event.matches; }); return class SidebarSection extends customize.Section { ready() { const InspectorSection = getInspectorSection(); this.inspector = new InspectorSection( getInspectorSectionId(this.id), { title: (0, import_i18n10.__)("Block Settings"), parentSection: this, customizeAction: [ (0, import_i18n10.__)("Customizing"), (0, import_i18n10.__)("Widgets"), this.params.title ].join(" \u25B8 ") } ); customize.section.add(this.inspector); this.contentContainer[0].classList.add( "customize-widgets__sidebar-section" ); } hasSubSectionOpened() { return this.inspector.expanded(); } onChangeExpanded(expanded, _args) { const controls = this.controls(); const args = { ..._args, completeCallback() { controls.forEach((control) => { control.onChangeSectionExpanded?.(expanded, args); }); _args.completeCallback?.(); } }; if (args.manualTransition) { if (expanded) { this.contentContainer.addClass(["busy", "open"]); this.contentContainer.removeClass("is-sub-section-open"); this.contentContainer.closest(".wp-full-overlay").addClass("section-open"); } else { this.contentContainer.addClass([ "busy", "is-sub-section-open" ]); this.contentContainer.closest(".wp-full-overlay").addClass("section-open"); this.contentContainer.removeClass("open"); } const handleTransitionEnd = () => { this.contentContainer.removeClass("busy"); args.completeCallback(); }; if (isReducedMotion) { handleTransitionEnd(); } else { this.contentContainer.one( "transitionend", handleTransitionEnd ); } } else { super.onChangeExpanded(expanded, args); } } }; } // packages/customize-widgets/build-module/controls/sidebar-control.mjs var import_data15 = __toESM(require_data(), 1); // packages/customize-widgets/build-module/components/sidebar-block-editor/sidebar-adapter.mjs var { wp } = window; function parseWidgetId(widgetId) { const matches = widgetId.match(/^(.+)-(\d+)$/); if (matches) { return { idBase: matches[1], number: parseInt(matches[2], 10) }; } return { idBase: widgetId }; } function widgetIdToSettingId(widgetId) { const { idBase, number } = parseWidgetId(widgetId); if (number) { return `widget_${idBase}[${number}]`; } return `widget_${idBase}`; } function debounce(leading, callback, timeout) { let isLeading = false; let timerID; function debounced(...args) { const result = (isLeading ? callback : leading).apply(this, args); isLeading = true; clearTimeout(timerID); timerID = setTimeout(() => { isLeading = false; }, timeout); return result; } debounced.cancel = () => { isLeading = false; clearTimeout(timerID); }; return debounced; } var SidebarAdapter = class { constructor(setting, api) { this.setting = setting; this.api = api; this.locked = false; this.widgetsCache = /* @__PURE__ */ new WeakMap(); this.subscribers = /* @__PURE__ */ new Set(); this.history = [ this._getWidgetIds().map( (widgetId) => this.getWidget(widgetId) ) ]; this.historyIndex = 0; this.historySubscribers = /* @__PURE__ */ new Set(); this._debounceSetHistory = debounce( this._pushHistory, this._replaceHistory, 1e3 ); this.setting.bind(this._handleSettingChange.bind(this)); this.api.bind("change", this._handleAllSettingsChange.bind(this)); this.undo = this.undo.bind(this); this.redo = this.redo.bind(this); this.save = this.save.bind(this); } subscribe(callback) { this.subscribers.add(callback); return () => { this.subscribers.delete(callback); }; } getWidgets() { return this.history[this.historyIndex]; } _emit(...args) { for (const callback of this.subscribers) { callback(...args); } } _getWidgetIds() { return this.setting.get(); } _pushHistory() { this.history = [ ...this.history.slice(0, this.historyIndex + 1), this._getWidgetIds().map( (widgetId) => this.getWidget(widgetId) ) ]; this.historyIndex += 1; this.historySubscribers.forEach((listener) => listener()); } _replaceHistory() { this.history[this.historyIndex] = this._getWidgetIds().map( (widgetId) => this.getWidget(widgetId) ); } _handleSettingChange() { if (this.locked) { return; } const prevWidgets = this.getWidgets(); this._pushHistory(); this._emit(prevWidgets, this.getWidgets()); } _handleAllSettingsChange(setting) { if (this.locked) { return; } if (!setting.id.startsWith("widget_")) { return; } const widgetId = settingIdToWidgetId(setting.id); if (!this.setting.get().includes(widgetId)) { return; } const prevWidgets = this.getWidgets(); this._pushHistory(); this._emit(prevWidgets, this.getWidgets()); } _createWidget(widget) { const widgetModel = wp.customize.Widgets.availableWidgets.findWhere({ id_base: widget.idBase }); let number = widget.number; if (widgetModel.get("is_multi") && !number) { widgetModel.set( "multi_number", widgetModel.get("multi_number") + 1 ); number = widgetModel.get("multi_number"); } const settingId = number ? `widget_${widget.idBase}[${number}]` : `widget_${widget.idBase}`; const settingArgs = { transport: wp.customize.Widgets.data.selectiveRefreshableWidgets[widgetModel.get("id_base")] ? "postMessage" : "refresh", previewer: this.setting.previewer }; const setting = this.api.create( settingId, settingId, "", settingArgs ); setting.set(widget.instance); const widgetId = settingIdToWidgetId(settingId); return widgetId; } _removeWidget(widget) { const settingId = widgetIdToSettingId(widget.id); const setting = this.api(settingId); if (setting) { const instance = setting.get(); this.widgetsCache.delete(instance); } this.api.remove(settingId); } _updateWidget(widget) { const prevWidget = this.getWidget(widget.id); if (prevWidget === widget) { return widget.id; } if (prevWidget.idBase && widget.idBase && prevWidget.idBase === widget.idBase) { const settingId = widgetIdToSettingId(widget.id); this.api(settingId).set(widget.instance); return widget.id; } this._removeWidget(widget); return this._createWidget(widget); } getWidget(widgetId) { if (!widgetId) { return null; } const { idBase, number } = parseWidgetId(widgetId); const settingId = widgetIdToSettingId(widgetId); const setting = this.api(settingId); if (!setting) { return null; } const instance = setting.get(); if (this.widgetsCache.has(instance)) { return this.widgetsCache.get(instance); } const widget = { id: widgetId, idBase, number, instance }; this.widgetsCache.set(instance, widget); return widget; } _updateWidgets(nextWidgets) { this.locked = true; const addedWidgetIds = []; const nextWidgetIds = nextWidgets.map((nextWidget) => { if (nextWidget.id && this.getWidget(nextWidget.id)) { addedWidgetIds.push(null); return this._updateWidget(nextWidget); } const widgetId = this._createWidget(nextWidget); addedWidgetIds.push(widgetId); return widgetId; }); const deletedWidgets = this.getWidgets().filter( (widget) => !nextWidgetIds.includes(widget.id) ); deletedWidgets.forEach((widget) => this._removeWidget(widget)); this.setting.set(nextWidgetIds); this.locked = false; return addedWidgetIds; } setWidgets(nextWidgets) { const addedWidgetIds = this._updateWidgets(nextWidgets); this._debounceSetHistory(); return addedWidgetIds; } /** * Undo/Redo related features */ hasUndo() { return this.historyIndex > 0; } hasRedo() { return this.historyIndex < this.history.length - 1; } _seek(historyIndex) { const currentWidgets = this.getWidgets(); this.historyIndex = historyIndex; const widgets = this.history[this.historyIndex]; this._updateWidgets(widgets); this._emit(currentWidgets, this.getWidgets()); this.historySubscribers.forEach((listener) => listener()); this._debounceSetHistory.cancel(); } undo() { if (!this.hasUndo()) { return; } this._seek(this.historyIndex - 1); } redo() { if (!this.hasRedo()) { return; } this._seek(this.historyIndex + 1); } subscribeHistory(listener) { this.historySubscribers.add(listener); return () => { this.historySubscribers.delete(listener); }; } save() { this.api.previewer.save(); } }; // packages/customize-widgets/build-module/controls/inserter-outer-section.mjs var import_keycodes5 = __toESM(require_keycodes(), 1); var import_dom = __toESM(require_dom(), 1); var import_data14 = __toESM(require_data(), 1); function getInserterOuterSection() { const { wp: { customize } } = window; const OuterSection = customize.OuterSection; customize.OuterSection = class extends OuterSection { onChangeExpanded(expanded, args) { if (expanded) { customize.section.each((section) => { if (section.params.type === "outer" && section.id !== this.id) { if (section.expanded()) { section.collapse(); } } }); } return super.onChangeExpanded(expanded, args); } }; customize.sectionConstructor.outer = customize.OuterSection; return class InserterOuterSection extends customize.OuterSection { constructor(...args) { super(...args); this.params.type = "outer"; this.activeElementBeforeExpanded = null; const ownerWindow = this.contentContainer[0].ownerDocument.defaultView; ownerWindow.addEventListener( "keydown", (event) => { if (this.expanded() && (event.keyCode === import_keycodes5.ESCAPE || event.code === "Escape") && !event.defaultPrevented) { event.preventDefault(); event.stopPropagation(); (0, import_data14.dispatch)(store).setIsInserterOpened( false ); } }, // Use capture mode to make this run before other event listeners. true ); this.contentContainer.addClass("widgets-inserter"); this.isFromInternalAction = false; this.expanded.bind(() => { if (!this.isFromInternalAction) { (0, import_data14.dispatch)(store).setIsInserterOpened( this.expanded() ); } this.isFromInternalAction = false; }); } open() { if (!this.expanded()) { const contentContainer = this.contentContainer[0]; this.activeElementBeforeExpanded = contentContainer.ownerDocument.activeElement; this.isFromInternalAction = true; this.expand({ completeCallback() { const searchBox = import_dom.focus.tabbable.find(contentContainer)[1]; if (searchBox) { searchBox.focus(); } } }); } } close() { if (this.expanded()) { const contentContainer = this.contentContainer[0]; const activeElement = contentContainer.ownerDocument.activeElement; this.isFromInternalAction = true; this.collapse({ completeCallback() { if (contentContainer.contains(activeElement)) { if (this.activeElementBeforeExpanded) { this.activeElementBeforeExpanded.focus(); } } } }); } } }; } // packages/customize-widgets/build-module/controls/sidebar-control.mjs var getInserterId = (controlId) => `widgets-inserter-${controlId}`; function getSidebarControl() { const { wp: { customize } } = window; return class SidebarControl extends customize.Control { constructor(...args) { super(...args); this.subscribers = /* @__PURE__ */ new Set(); } ready() { const InserterOuterSection = getInserterOuterSection(); this.inserter = new InserterOuterSection( getInserterId(this.id), {} ); customize.section.add(this.inserter); this.sectionInstance = customize.section(this.section()); this.inspector = this.sectionInstance.inspector; this.sidebarAdapter = new SidebarAdapter(this.setting, customize); } subscribe(callback) { this.subscribers.add(callback); return () => { this.subscribers.delete(callback); }; } onChangeSectionExpanded(expanded, args) { if (!args.unchanged) { if (!expanded) { (0, import_data15.dispatch)(store).setIsInserterOpened( false ); } this.subscribers.forEach( (subscriber) => subscriber(expanded, args) ); } } }; } // packages/customize-widgets/build-module/filters/move-to-sidebar.mjs var import_block_editor10 = __toESM(require_block_editor(), 1); var import_compose4 = __toESM(require_compose(), 1); var import_data16 = __toESM(require_data(), 1); var import_hooks2 = __toESM(require_hooks(), 1); var import_widgets4 = __toESM(require_widgets(), 1); var import_jsx_runtime22 = __toESM(require_jsx_runtime(), 1); var withMoveToSidebarToolbarItem = (0, import_compose4.createHigherOrderComponent)( (BlockEdit) => (props) => { let widgetId = (0, import_widgets4.getWidgetIdFromBlock)(props); const sidebarControls = useSidebarControls(); const activeSidebarControl = useActiveSidebarControl(); const hasMultipleSidebars = sidebarControls?.length > 1; const blockName = props.name; const clientId = props.clientId; const canInsertBlockInSidebar = (0, import_data16.useSelect)( (select) => { return select(import_block_editor10.store).canInsertBlockType( blockName, "" ); }, [blockName] ); const block = (0, import_data16.useSelect)( (select) => select(import_block_editor10.store).getBlock(clientId), [clientId] ); const { removeBlock } = (0, import_data16.useDispatch)(import_block_editor10.store); const [, focusWidget] = useFocusControl(); function moveToSidebar(sidebarControlId) { const newSidebarControl = sidebarControls.find( (sidebarControl) => sidebarControl.id === sidebarControlId ); if (widgetId) { const oldSetting = activeSidebarControl.setting; const newSetting = newSidebarControl.setting; oldSetting(oldSetting().filter((id) => id !== widgetId)); newSetting([...newSetting(), widgetId]); } else { const sidebarAdapter = newSidebarControl.sidebarAdapter; removeBlock(clientId); const addedWidgetIds = sidebarAdapter.setWidgets([ ...sidebarAdapter.getWidgets(), blockToWidget(block) ]); widgetId = addedWidgetIds.reverse().find((id) => !!id); } focusWidget(widgetId); } return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [ /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(BlockEdit, { ...props }, "edit"), hasMultipleSidebars && canInsertBlockInSidebar && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_block_editor10.BlockControls, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)( import_widgets4.MoveToWidgetArea, { widgetAreas: sidebarControls.map( (sidebarControl) => ({ id: sidebarControl.id, name: sidebarControl.params.label, description: sidebarControl.params.description }) ), currentWidgetAreaId: activeSidebarControl?.id, onSelect: moveToSidebar } ) }) ] }); }, "withMoveToSidebarToolbarItem" ); (0, import_hooks2.addFilter)( "editor.BlockEdit", "core/customize-widgets/block-edit", withMoveToSidebarToolbarItem ); // packages/customize-widgets/build-module/filters/replace-media-upload.mjs var import_hooks3 = __toESM(require_hooks(), 1); var import_media_utils2 = __toESM(require_media_utils(), 1); var replaceMediaUpload = () => import_media_utils2.MediaUpload; (0, import_hooks3.addFilter)( "editor.MediaUpload", "core/edit-widgets/replace-media-upload", replaceMediaUpload ); // packages/customize-widgets/build-module/filters/wide-widget-display.mjs var import_compose5 = __toESM(require_compose(), 1); var import_hooks4 = __toESM(require_hooks(), 1); var import_jsx_runtime23 = __toESM(require_jsx_runtime(), 1); var { wp: wp2 } = window; var withWideWidgetDisplay = (0, import_compose5.createHigherOrderComponent)( (BlockEdit) => (props) => { const { idBase } = props.attributes; const isWide = wp2.customize.Widgets.data.availableWidgets.find( (widget) => widget.id_base === idBase )?.is_wide ?? false; return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(BlockEdit, { ...props, isWide }, "edit"); }, "withWideWidgetDisplay" ); (0, import_hooks4.addFilter)( "editor.BlockEdit", "core/customize-widgets/wide-widget-display", withWideWidgetDisplay ); // packages/customize-widgets/build-module/index.mjs var import_jsx_runtime24 = __toESM(require_jsx_runtime(), 1); var { wp: wp3 } = window; var DISABLED_BLOCKS = [ "core/more", "core/block", "core/freeform", "core/template-part" ]; function initialize(editorName, blockEditorSettings) { (0, import_data17.dispatch)(import_preferences4.store).setDefaults("core/customize-widgets", { fixedToolbar: false, welcomeGuide: true }); (0, import_data17.dispatch)(import_blocks2.store).reapplyBlockTypeFilters(); const coreBlocks = (0, import_block_library2.__experimentalGetCoreBlocks)().filter((block) => { 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") || block.name.startsWith("core/term")); }); (0, import_block_library2.registerCoreBlocks)(coreBlocks); (0, import_widgets5.registerLegacyWidgetBlock)(); if (false) { (0, import_block_library2.__experimentalRegisterExperimentalCoreBlocks)({ enableFSEBlocks: ENABLE_EXPERIMENTAL_FSE_BLOCKS }); } (0, import_widgets5.registerLegacyWidgetVariations)(blockEditorSettings); (0, import_widgets5.registerWidgetGroupBlock)(); (0, import_blocks2.setFreeformContentHandlerName)("core/html"); const SidebarControl = getSidebarControl(blockEditorSettings); wp3.customize.sectionConstructor.sidebar = getSidebarSection(); wp3.customize.controlConstructor.sidebar_block_editor = SidebarControl; const container = document.createElement("div"); document.body.appendChild(container); wp3.customize.bind("ready", () => { const sidebarControls = []; wp3.customize.control.each((control) => { if (control instanceof SidebarControl) { sidebarControls.push(control); } }); (0, import_element17.createRoot)(container).render( /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_element17.StrictMode, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)( CustomizeWidgets, { api: wp3.customize, sidebarControls, blockEditorSettings } ) }) ); }); } return __toCommonJS(index_exports); })();
Save