ProShell v2.0
Dashboard
Server Info
Server: 158.106.128.192
PHP: 8.2.33
home
planet5
public_html
bansibaba.com
wp-includes
2026-09-12 14:25:34
Editing: customize-widgets.js
Cancel
Save Changes
(function() { 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/i18n var require_i18n = __commonJS({ "package-external:@wordpress/i18n"(exports, module) { module.exports = window.wp.i18n; } }); // vendor-external:react var require_react = __commonJS({ "vendor-external:react"(exports, module) { module.exports = window.React; } }); // vendor-external:react/jsx-runtime var require_jsx_runtime = __commonJS({ "vendor-external:react/jsx-runtime"(exports, module) { module.exports = window.ReactJSXRuntime; } }); // package-external:@wordpress/primitives var require_primitives = __commonJS({ "package-external:@wordpress/primitives"(exports, module) { module.exports = window.wp.primitives; } }); // package-external:@wordpress/compose var require_compose = __commonJS({ "package-external:@wordpress/compose"(exports, module) { module.exports = window.wp.compose; } }); // package-external:@wordpress/theme var require_theme = __commonJS({ "package-external:@wordpress/theme"(exports, module) { module.exports = window.wp.theme; } }); // 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/components var require_components = __commonJS({ "package-external:@wordpress/components"(exports, module) { module.exports = window.wp.components; } }); // 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/hooks var require_hooks = __commonJS({ "package-external:@wordpress/hooks"(exports, module) { module.exports = window.wp.hooks; } }); // 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/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/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_element18 = __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); // 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; // node_modules/@base-ui/utils/useRefWithInit.mjs var React = __toESM(require_react(), 1); var UNINITIALIZED = {}; function useRefWithInit(init, initArg) { const ref = React.useRef(UNINITIALIZED); if (ref.current === UNINITIALIZED) { ref.current = init(initArg); } return ref; } // node_modules/@base-ui/utils/warn.mjs var set; if (true) { set = /* @__PURE__ */ new Set(); } function warn(...messages) { if (true) { const messageKey = messages.join(" "); if (!set.has(messageKey)) { set.add(messageKey); console.warn(`Base UI: ${messageKey}`); } } } // node_modules/@base-ui/react/internals/useRenderElement.mjs var React4 = __toESM(require_react(), 1); // node_modules/@base-ui/utils/useMergedRefs.mjs function useMergedRefs(a, b, c, d) { const forkRef = useRefWithInit(createForkRef).current; if (didChange(forkRef, a, b, c, d)) { update(forkRef, [a, b, c, d]); } return forkRef.callback; } function useMergedRefsN(refs) { const forkRef = useRefWithInit(createForkRef).current; if (didChangeN(forkRef, refs)) { update(forkRef, refs); } return forkRef.callback; } function createForkRef() { return { callback: null, cleanup: null, refs: [] }; } function didChange(forkRef, a, b, c, d) { return forkRef.refs[0] !== a || forkRef.refs[1] !== b || forkRef.refs[2] !== c || forkRef.refs[3] !== d; } function didChangeN(forkRef, newRefs) { return forkRef.refs.length !== newRefs.length || forkRef.refs.some((ref, index) => ref !== newRefs[index]); } function update(forkRef, refs) { forkRef.refs = refs; if (refs.every((ref) => ref == null)) { forkRef.callback = null; return; } forkRef.callback = (instance) => { if (forkRef.cleanup) { forkRef.cleanup(); forkRef.cleanup = null; } if (instance != null) { const cleanupCallbacks = Array(refs.length).fill(null); for (let i = 0; i < refs.length; i += 1) { const ref = refs[i]; if (ref == null) { continue; } switch (typeof ref) { case "function": { const refCleanup = ref(instance); if (typeof refCleanup === "function") { cleanupCallbacks[i] = refCleanup; } break; } case "object": { ref.current = instance; break; } default: } } forkRef.cleanup = () => { for (let i = 0; i < refs.length; i += 1) { const ref = refs[i]; if (ref == null) { continue; } switch (typeof ref) { case "function": { const cleanupCallback = cleanupCallbacks[i]; if (typeof cleanupCallback === "function") { cleanupCallback(); } else { ref(null); } break; } case "object": { ref.current = null; break; } default: } } }; } }; } // node_modules/@base-ui/utils/getReactElementRef.mjs var React3 = __toESM(require_react(), 1); // node_modules/@base-ui/utils/reactVersion.mjs var React2 = __toESM(require_react(), 1); var majorVersion = parseInt(React2.version, 10); function isReactVersionAtLeast(reactVersionToCheck) { return majorVersion >= reactVersionToCheck; } // node_modules/@base-ui/utils/getReactElementRef.mjs function getReactElementRef(element) { if (!/* @__PURE__ */ React3.isValidElement(element)) { return null; } const reactElement = element; const propsWithRef = reactElement.props; return (isReactVersionAtLeast(19) ? propsWithRef?.ref : reactElement.ref) ?? null; } // node_modules/@base-ui/utils/mergeObjects.mjs function mergeObjects(a, b) { if (a && !b) { return a; } if (!a && b) { return b; } if (a || b) { return { ...a, ...b }; } return void 0; } // node_modules/@base-ui/utils/empty.mjs var EMPTY_ARRAY = Object.freeze([]); var EMPTY_OBJECT = Object.freeze({}); // node_modules/@base-ui/react/internals/getStateAttributesProps.mjs function getStateAttributesProps(state, customMapping) { const props = {}; for (const key in state) { const value = state[key]; if (customMapping?.hasOwnProperty(key)) { const customProps = customMapping[key](value); if (customProps != null) { Object.assign(props, customProps); } continue; } if (value === true) { props[`data-${key.toLowerCase()}`] = ""; } else if (value) { props[`data-${key.toLowerCase()}`] = value.toString(); } } return props; } // node_modules/@base-ui/react/utils/resolveClassName.mjs function resolveClassName(className, state) { return typeof className === "function" ? className(state) : className; } // node_modules/@base-ui/react/utils/resolveStyle.mjs function resolveStyle(style, state) { return typeof style === "function" ? style(state) : style; } // node_modules/@base-ui/react/merge-props/mergeProps.mjs var EMPTY_PROPS = {}; function mergeProps(a, b, c, d, e) { if (!c && !d && !e && !a) { return createInitialMergedProps(b); } let merged = createInitialMergedProps(a); if (b) { merged = mergeInto(merged, b); } if (c) { merged = mergeInto(merged, c); } if (d) { merged = mergeInto(merged, d); } if (e) { merged = mergeInto(merged, e); } return merged; } function mergePropsN(props) { if (props.length === 0) { return EMPTY_PROPS; } if (props.length === 1) { return createInitialMergedProps(props[0]); } let merged = createInitialMergedProps(props[0]); for (let i = 1; i < props.length; i += 1) { merged = mergeInto(merged, props[i]); } return merged; } function createInitialMergedProps(inputProps) { if (isPropsGetter(inputProps)) { return { ...resolvePropsGetter(inputProps, EMPTY_PROPS) }; } return copyInitialProps(inputProps); } function mergeInto(merged, inputProps) { if (isPropsGetter(inputProps)) { return resolvePropsGetter(inputProps, merged); } return mutablyMergeInto(merged, inputProps); } function copyInitialProps(inputProps) { const copiedProps = { ...inputProps }; for (const propName in copiedProps) { const propValue = copiedProps[propName]; if (isEventHandler(propName, propValue)) { copiedProps[propName] = wrapEventHandler(propValue); } } return copiedProps; } function mutablyMergeInto(mergedProps, externalProps) { if (!externalProps) { return mergedProps; } for (const propName in externalProps) { const externalPropValue = externalProps[propName]; switch (propName) { case "style": { mergedProps[propName] = mergeObjects(mergedProps.style, externalPropValue); break; } case "className": { mergedProps[propName] = mergeClassNames(mergedProps.className, externalPropValue); break; } default: { if (isEventHandler(propName, externalPropValue)) { mergedProps[propName] = mergeEventHandlers(mergedProps[propName], externalPropValue); } else { mergedProps[propName] = externalPropValue; } } } } return mergedProps; } function isEventHandler(key, value) { const code0 = key.charCodeAt(0); const code1 = key.charCodeAt(1); const code2 = key.charCodeAt(2); return code0 === 111 && code1 === 110 && code2 >= 65 && code2 <= 90 && (typeof value === "function" || typeof value === "undefined"); } function isPropsGetter(inputProps) { return typeof inputProps === "function"; } function resolvePropsGetter(inputProps, previousProps) { if (isPropsGetter(inputProps)) { return inputProps(previousProps); } return inputProps ?? EMPTY_PROPS; } function mergeEventHandlers(ourHandler, theirHandler) { if (!theirHandler) { return ourHandler; } if (!ourHandler) { return wrapEventHandler(theirHandler); } return (...args) => { const event = args[0]; if (isSyntheticEvent(event)) { const baseUIEvent = event; makeEventPreventable(baseUIEvent); const result2 = theirHandler(...args); if (!baseUIEvent.baseUIHandlerPrevented) { ourHandler?.(...args); } return result2; } const result = theirHandler(...args); ourHandler?.(...args); return result; }; } function wrapEventHandler(handler) { if (!handler) { return handler; } return (...args) => { const event = args[0]; if (isSyntheticEvent(event)) { makeEventPreventable(event); } return handler(...args); }; } function makeEventPreventable(event) { event.preventBaseUIHandler = () => { event.baseUIHandlerPrevented = true; }; return event; } function mergeClassNames(ourClassName, theirClassName) { if (theirClassName) { if (ourClassName) { return theirClassName + " " + ourClassName; } return theirClassName; } return ourClassName; } function isSyntheticEvent(event) { return event != null && typeof event === "object" && "nativeEvent" in event; } // node_modules/@base-ui/react/internals/useRenderElement.mjs var import_react = __toESM(require_react(), 1); function useRenderElement(element, componentProps, params = {}) { const renderProp = componentProps.render; const outProps = useRenderElementProps(componentProps, params); if (params.enabled === false) { return null; } const state = params.state ?? EMPTY_OBJECT; return evaluateRenderProp(element, renderProp, outProps, state); } function useRenderElementProps(componentProps, params = {}) { const { className: classNameProp, style: styleProp, render: renderProp } = componentProps; const { state = EMPTY_OBJECT, ref, props, stateAttributesMapping, enabled = true } = params; const className = enabled ? resolveClassName(classNameProp, state) : void 0; const style = enabled ? resolveStyle(styleProp, state) : void 0; const stateProps = enabled ? getStateAttributesProps(state, stateAttributesMapping) : EMPTY_OBJECT; const resolvedProps = enabled && props ? resolveRenderFunctionProps(props) : void 0; const outProps = enabled ? mergeObjects(stateProps, resolvedProps) ?? {} : EMPTY_OBJECT; if (typeof document !== "undefined") { if (!enabled) { useMergedRefs(null, null); } else if (Array.isArray(ref)) { outProps.ref = useMergedRefsN([outProps.ref, getReactElementRef(renderProp), ...ref]); } else { outProps.ref = useMergedRefs(outProps.ref, getReactElementRef(renderProp), ref); } } if (!enabled) { return EMPTY_OBJECT; } if (className !== void 0) { outProps.className = mergeClassNames(outProps.className, className); } if (style !== void 0) { outProps.style = mergeObjects(outProps.style, style); } return outProps; } function resolveRenderFunctionProps(props) { if (Array.isArray(props)) { return mergePropsN(props); } return mergeProps(void 0, props); } var REACT_LAZY_TYPE = /* @__PURE__ */ Symbol.for("react.lazy"); var COMPONENT_IDENTIFIER_PATTERN = /^[A-Z][A-Za-z0-9$]*$/; var LOWERCASE_CHARACTER_PATTERN = /[a-z]/; function evaluateRenderProp(element, render, props, state) { if (render) { if (typeof render === "function") { if (true) { warnIfRenderPropLooksLikeComponent(render); } return render(props, state); } const mergedProps = mergeProps(props, render.props); mergedProps.ref = props.ref; let newElement = render; if (newElement?.$$typeof === REACT_LAZY_TYPE) { const children = React4.Children.toArray(render); newElement = children[0]; } if (true) { if (!/* @__PURE__ */ React4.isValidElement(newElement)) { throw new Error(["Base UI: The `render` prop was provided an invalid React element as `React.isValidElement(render)` is `false`.", "A valid React element must be provided to the `render` prop because it is cloned with props to replace the default element.", "https://base-ui.com/r/invalid-render-prop"].join("\n")); } } return /* @__PURE__ */ React4.cloneElement(newElement, mergedProps); } if (element) { if (typeof element === "string") { return renderTag(element, props); } } throw new Error(true ? "Base UI: Render element or function are not defined." : formatErrorMessage_default(8)); } function warnIfRenderPropLooksLikeComponent(renderFn) { const functionName = renderFn.name; if (functionName.length === 0) { return; } if (!COMPONENT_IDENTIFIER_PATTERN.test(functionName)) { return; } if (!LOWERCASE_CHARACTER_PATTERN.test(functionName)) { return; } warn(`The \`render\` prop received a function named \`${functionName}\` that starts with an uppercase letter.`, "This usually means a React component was passed directly as `render={Component}`.", "Base UI calls `render` as a plain function, which can break the Rules of Hooks during reconciliation.", "If this is an intentional render callback, rename it to start with a lowercase letter.", "Use `render={<Component />}` or `render={(props) => <Component {...props} />}` instead.", "https://base-ui.com/r/invalid-render-prop"); } function renderTag(Tag, props) { if (Tag === "button") { return /* @__PURE__ */ (0, import_react.createElement)("button", { type: "button", ...props, key: props.key }); } if (Tag === "img") { return /* @__PURE__ */ (0, import_react.createElement)("img", { alt: "", ...props, key: props.key }); } return /* @__PURE__ */ React4.createElement(Tag, props); } // node_modules/@base-ui/react/use-render/useRender.mjs function useRender(params) { return useRenderElement(params.defaultTagName ?? "div", params, params); } // packages/icons/build-module/library/close-small.mjs var import_primitives = __toESM(require_primitives(), 1); var import_jsx_runtime = __toESM(require_jsx_runtime(), 1); var close_small_default = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_primitives.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime.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_runtime2 = __toESM(require_jsx_runtime(), 1); var external_default = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_primitives2.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime3 = __toESM(require_jsx_runtime(), 1); var more_vertical_default = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_primitives3.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime3.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_runtime4 = __toESM(require_jsx_runtime(), 1); var plus_default = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_primitives4.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime4.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_runtime5 = __toESM(require_jsx_runtime(), 1); var redo_default = /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_primitives5.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime5.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_runtime6 = __toESM(require_jsx_runtime(), 1); var undo_default = /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_primitives6.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime6.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/ui/build-module/visually-hidden/visually-hidden.mjs var import_element = __toESM(require_element(), 1); var STYLE_HASH_ATTRIBUTE = "data-wp-hash"; function getRuntime() { const globalScope = globalThis; if (globalScope.__wpStyleRuntime) { return globalScope.__wpStyleRuntime; } globalScope.__wpStyleRuntime = { documents: /* @__PURE__ */ new Map(), styles: /* @__PURE__ */ new Map(), injectedStyles: /* @__PURE__ */ new WeakMap() }; if (typeof document !== "undefined") { registerDocument(document); } return globalScope.__wpStyleRuntime; } function documentContainsStyleHash(targetDocument, hash) { if (!targetDocument.head) { return false; } for (const style of targetDocument.head.querySelectorAll( `style[${STYLE_HASH_ATTRIBUTE}]` )) { if (style.getAttribute(STYLE_HASH_ATTRIBUTE) === hash) { return true; } } return false; } function injectStyle(targetDocument, hash, css) { if (!targetDocument.head) { return; } const runtime = getRuntime(); let injectedStyles = runtime.injectedStyles.get(targetDocument); if (!injectedStyles) { injectedStyles = /* @__PURE__ */ new Set(); runtime.injectedStyles.set(targetDocument, injectedStyles); } if (injectedStyles.has(hash)) { return; } if (documentContainsStyleHash(targetDocument, hash)) { injectedStyles.add(hash); return; } const style = targetDocument.createElement("style"); style.setAttribute(STYLE_HASH_ATTRIBUTE, hash); style.appendChild(targetDocument.createTextNode(css)); targetDocument.head.appendChild(style); injectedStyles.add(hash); } function registerDocument(targetDocument) { const runtime = getRuntime(); runtime.documents.set( targetDocument, (runtime.documents.get(targetDocument) ?? 0) + 1 ); for (const [hash, css] of runtime.styles) { injectStyle(targetDocument, hash, css); } return () => { const count = runtime.documents.get(targetDocument); if (count === void 0) { return; } if (count <= 1) { runtime.documents.delete(targetDocument); return; } runtime.documents.set(targetDocument, count - 1); }; } function registerStyle(hash, css) { const runtime = getRuntime(); runtime.styles.set(hash, css); for (const targetDocument of runtime.documents.keys()) { injectStyle(targetDocument, hash, css); } } if (typeof process === "undefined" || true) { registerStyle("fa606a57ae", "@layer wp-ui{@layer utilities, components, compositions, overrides;@layer components{.f37b9e2e191ebd66__visually-hidden{word-wrap:normal;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal}}}"); } var style_default = { "visually-hidden": "f37b9e2e191ebd66__visually-hidden" }; var VisuallyHidden = (0, import_element.forwardRef)( function VisuallyHidden2({ render, ...restProps }, ref) { const element = useRender({ render, ref, props: mergeProps( { className: style_default["visually-hidden"] }, restProps, { // @ts-expect-error Arbitrary data-* attributes aren't indexable on the typed div props. Kept hardcoded so consumers can't change or remove it. "data-visually-hidden": "" } ) }); return element; } ); // packages/admin-ui/build-module/admin-theme-colors/index.mjs var DEFAULT_THEME_COLORS = { primary: "#3858e9", background: "#222524" }; var ADMIN_THEME_COLORS = /* @__PURE__ */ new Map([ ["modern", DEFAULT_THEME_COLORS], ["fresh", { primary: "#007cba", background: "#25292b" }], ["midnight", { primary: "#cf4339", background: "#3d4042" }], ["coffee", { primary: "#916745", background: "#5b534d" }], ["ocean", { primary: "#567958", background: "#5f787f" }], ["blue", { primary: "#437aa8", background: "#3876a8" }], ["ectoplasm", { primary: "#646c3e", background: "#4f386e" }], ["sunrise", { primary: "#ad631e", background: "#cc4541" }], ["light", { primary: "#007cba", background: "#eaeeed" }] ]); function getAdminThemeColors() { const scheme = document.body.className.match(/admin-color-([\w-]+)/)?.[1] ?? "modern"; return ADMIN_THEME_COLORS.get(scheme) ?? DEFAULT_THEME_COLORS; } // packages/customize-widgets/build-module/components/customize-widgets/index.mjs var import_element17 = __toESM(require_element(), 1); var import_components8 = __toESM(require_components(), 1); var import_theme = __toESM(require_theme(), 1); // packages/customize-widgets/build-module/components/error-boundary/index.mjs var import_element2 = __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_runtime7 = __toESM(require_jsx_runtime(), 1); function CopyButton({ text, children }) { const ref = (0, import_compose.useCopyToClipboard)(text); return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_components.Button, { size: "compact", variant: "secondary", ref, children }); } var ErrorBoundary = class extends import_element2.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_runtime7.jsx)( import_block_editor.Warning, { className: "customize-widgets-error-boundary", actions: [ /* @__PURE__ */ (0, import_jsx_runtime7.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_element14 = __toESM(require_element(), 1); var import_block_editor9 = __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_element3 = __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_runtime8 = __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_element3.useMemo)( () => document.getElementById(`block-${selectedBlockClientId}`), [selectedBlockClientId] ); return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)( import_components2.MenuItem, { onClick: () => { inspector.open({ returnFocusWhenClose: selectedBlock }); closeMenu(); }, ...props, children: (0, import_i18n2.__)("Show more settings") } ); } var block_inspector_button_default = BlockInspectorButton; // 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_element7 = __toESM(require_element(), 1); var import_keycodes3 = __toESM(require_keycodes(), 1); var import_i18n7 = __toESM(require_i18n(), 1); // 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_element6 = __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_element5 = __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_element4 = __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_element4.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_element5.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_element6.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", children: [ (0, import_i18n6.__)("Help"), /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(VisuallyHidden, { render: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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_element7.useState)([ sidebar.hasUndo(), sidebar.hasRedo() ]); const shortcut = (0, import_keycodes3.isAppleOS)() ? import_keycodes3.displayShortcut.primaryShift("z") : import_keycodes3.displayShortcut.primary("y"); (0, import_element7.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_element7.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_element8 = __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_element8.useEffect)(() => { if (isInserterOpened2) { inserter.open(); } else { inserter.close(); } }, [inserter, isInserterOpened2]); return [ isInserterOpened2, (0, import_element8.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_element9 = __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_element9.useState)( () => widgetsToBlocks(sidebar.getWidgets()) ); (0, import_element9.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_element9.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_element11 = __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_element10 = __toESM(require_element(), 1); var import_jsx_runtime15 = __toESM(require_jsx_runtime(), 1); var FocusControlContext = (0, import_element10.createContext)(); FocusControlContext.displayName = "FocusControlContext"; function FocusControl({ api, sidebarControls, children }) { const [focusedWidgetIdRef, setFocusedWidgetIdRef] = (0, import_element10.useState)({ current: null }); const focusWidget = (0, import_element10.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_element10.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_element10.useMemo)( () => [focusedWidgetIdRef, focusWidget], [focusedWidgetIdRef, focusWidget] ); return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(FocusControlContext.Provider, { value: context, children }); } var useFocusControl = () => (0, import_element10.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_element11.useRef)(blocks); (0, import_element11.useEffect)(() => { blocksRef.current = blocks; }, [blocks]); (0, import_element11.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_element12 = __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); var import_block_editor7 = __toESM(require_block_editor(), 1); var { usesNativeUndo } = unlock(import_block_editor7.privateApis); function KeyboardShortcuts({ undo, redo, save }) { (0, import_keyboard_shortcuts4.useShortcut)("core/customize-widgets/undo", (event) => { if (usesNativeUndo(event)) { return; } undo(); event.preventDefault(); }); (0, import_keyboard_shortcuts4.useShortcut)("core/customize-widgets/redo", (event) => { if (usesNativeUndo(event)) { return; } 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_element12.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_element13 = __toESM(require_element(), 1); var import_block_editor8 = __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_element13.useRef)(); const isBlocksListEmpty = (0, import_data11.useSelect)( (select) => select(import_block_editor8.store).getBlockCount() === 0 ); (0, import_element13.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_editor8.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_editor9.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_element14.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_editor9.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_editor9.BlockList, { renderAppender: BlockAppender }) } ), (0, import_element14.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_editor9.BlockInspector, {}) }), inspector.contentContainer[0] ) ] }), /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_block_editor9.__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_element15 = __toESM(require_element(), 1); var import_jsx_runtime20 = __toESM(require_jsx_runtime(), 1); var SidebarControlsContext = (0, import_element15.createContext)(); SidebarControlsContext.displayName = "SidebarControlsContext"; function SidebarControls({ sidebarControls, activeSidebarControl, children }) { const context = (0, import_element15.useMemo)( () => ({ sidebarControls, activeSidebarControl }), [sidebarControls, activeSidebarControl] ); return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SidebarControlsContext.Provider, { value: context, children }); } function useSidebarControls() { const { sidebarControls } = (0, import_element15.useContext)(SidebarControlsContext); return sidebarControls; } function useActiveSidebarControl() { const { activeSidebarControl } = (0, import_element15.useContext)(SidebarControlsContext); return activeSidebarControl; } // packages/customize-widgets/build-module/components/customize-widgets/use-clear-selected-block.mjs var import_element16 = __toESM(require_element(), 1); var import_data13 = __toESM(require_data(), 1); var import_block_editor10 = __toESM(require_block_editor(), 1); function useClearSelectedBlock(sidebarControl, popoverRef) { const { hasSelectedBlock, hasMultiSelection } = (0, import_data13.useSelect)(import_block_editor10.store); const { clearSelectedBlock } = (0, import_data13.useDispatch)(import_block_editor10.store); (0, import_element16.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_element17.useState)(null); const parentContainer = document.getElementById( "customize-theme-controls" ); const popoverRef = (0, import_element17.useRef)(); const adminPrimary = (0, import_element17.useMemo)(() => getAdminThemeColors().primary, []); useClearSelectedBlock(activeSidebarControl, popoverRef); (0, import_element17.useEffect)(() => { const unsubscribers = sidebarControls.map( (sidebarControl) => sidebarControl.subscribe((expanded) => { if (expanded) { setActiveSidebarControl(sidebarControl); } }) ); return () => { unsubscribers.forEach((unsubscriber) => unsubscriber()); }; }, [sidebarControls]); const activeSidebar = activeSidebarControl && (0, import_element17.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_element17.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)(import_theme.ThemeProvider, { isRoot: true, color: { primary: adminPrimary }, 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_editor11 = __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_editor11.store).canInsertBlockType( blockName, "" ); }, [blockName] ); const block = (0, import_data16.useSelect)( (select) => select(import_block_editor11.store).getBlock(clientId), [clientId] ); const { removeBlock } = (0, import_data16.useDispatch)(import_block_editor11.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_editor11.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_element18.createRoot)(container).render( /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_element18.StrictMode, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)( CustomizeWidgets, { api: wp3.customize, sidebarControls, blockEditorSettings } ) }) ); }); } return __toCommonJS(index_exports); })(); (window.wp ||= {}).customizeWidgets = wp.customizeWidgets; })();
Upload Files
Cancel
Upload
Create New
Cancel
Create
Change Permissions
Cancel
Save
Change Date
Cancel
Save
Rename Item
Cancel
Save
Confirm Delete
Are you sure you want to delete the selected items?
Cancel
Delete