JezK
Edit File: 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); })();
BanaBridge News
https://validator.w3.org/feed/docs/rss2.html
Court Orders Ex-Weah Protocol Chief Jailed on US$8 Million Bail, Sends 15 Jurors to Prison Over Misconduct
Women Renew Call for War and Economic Crimes Court at Liberia’s Historic Peace Prayer Site
Finance Minister Ngafuan Urges Transparency, Accountability as Liberia Advances ARREST Agenda at UN Retreat
PPCC Donates ICT Equipment to 50 Government Institutions to Expand Electronic Procurement System
Liberia Commissions €100,000 Elemental Analyzer to Strengthen Environmental Research and Food Security
EPA Ends 16 Years of Renting with Purchase of Permanent Headquarters
West African Tax Bodies Deepen Partnership to Boost Revenue Mobilization, Launch Carbon Tax Study
Liberia Hosts Sierra Leone Procurement Delegation for E-GP Reform Study Tour
World Bank Praises Liberia’s Central Bank for Economic Stability and Private Sector Progress
Liberians See Slight Improvement in Corruption Fight, But Graft Still Viewed as Widespread, CENTAL Report Finds
Canada Afrique Care Foundation Set for Official Launch, Expanding Free Mental Health Access Across Canada and Africa
Weah Claims Liberia Has Become a “Narco State” as Opposition Rallies Behind Calls for Independent Probe into US$19 Million Cocaine Bust
EPA Boss Calls for Stronger Student Engagement, Unveils Push for Academic Partnership at UL Climate Symposium
Education Minister Urges Students to Embrace Tax Responsibility at National Student Tax Day
CDC Secretary General Urges U.S. Government to Review Support to Liberia National Police
Liberia Partners with CACFO to Expand Mental Health Services Ahead of Global Launch
Wreh-Toe Appointed Board Chair of CACFO as Foundation Strengthens Mental Health Push
GIABA Opens New Information Center Headquarters in Abidjan
Liberia Wins Fresh Backing as World Bank Group Executive Praises Progress, Pushes Faster Project Delivery
LRA Honors Liberia’s Top Taxpayers as Revenue Collections Hit Historic High
Root Cause in Question as Border Tensions Persist After Conakry Peace Deal
From Enforcement to Innovation: EPA Marks 2025 as a Defining Year for Liberia’s Environment
Weah Declares ‘Road to 2029 Begins Today’ as CDC Marks 22nd Anniversary in Zwedru
500 Documented Governance Failures: Activist Publishes Sweeping End-of-Year Indictment of Boakai Administration
CDC Calls for Probe into Border Crisis, Cites Alleged Mining Activities
Liberia Moves to Strengthen Small Businesses with $672,000 Packaging Solution Initiative
Former Public Works Minister Ruth Coker Collins Defends Zwedru Corridor Strategy, Calls for “Facts Over Rhetoric” in Infrastructure Debate
Power Shake-Up in CDC Diaspora: NEC Dissolves CDC-USA Interim Leadership, Appoints Rev. Muin to Lead U.S. Chapter
Tweah Reemerges, Sparks Fierce National Debate Over Governance and Liberia’s Future
Koijee Slams Tribal Politics and Political Manipulation in Lofa, Accuses Boakai Government
Mali and Burkina Faso Impose Reciprocal Travel Ban on U.S. Citizens
Guinea Election: A Turn Toward Continuity Amid Questions of Democratic Credibility
Liberia’s Revenue Grows Stronger as LRA Exceeds National Target for Second Year
Liberia’s Gender Legal Landscape: Laws in Place, Systems Lag Far Behind
Liberia’s Economy Gains Momentum as CBL Governor Highlights Progress at ECOWAS Meeting
Liberia Positions Itself for Eco Currency Entry as Economy Expands by 5.1%
From Overcrowded Classrooms to Renewal: NPA Mobilizes $1 Million to Transform UL
Ex-Public Works Minister Ruth Coker Collins Slams Ministry’s “Lack of Capacity,” Defends Her Infrastructure Record
CDC Expels Three Senior Members, Citing Alleged Alignment With Government and Undermining Party Ideology
UL to Celebrate 75 Years of Excellence
Saudi Fund Advances Liberia’s Push for Major Infrastructure Development
West African Financial Leaders Convene in Monrovia for ECOWAS Statutory Meetings
Unlocking Liberia’s Potential: Government Launches Major Revenue and Transparency Reforms
Incremental Gains, Enduring Impunity: Liberia’s CPI Improvement Fails the Test of Reform
Boakai’s Call for Unity Faces Scrutiny as Opposition, Citizens Question Actions Behind the Words
REMAPSEN Liberia Set to Strengthen Health and Environmental Reporting
Energy Sector Women Step Into the Spotlight at Liberia’s International Women’s Day Celebration
FeJAL Concludes Three-Day Retreat, Honors Outstanding Women Journalists
Dr. Rasha Kelej Named Among Africa’s 100 Most Influential Leaders
LAVA Honored for Strengthening Liberia–U.S. Ties at 2025 Military Ball