/
home
/
desid573
/
verdenaturopathy.com.au
/
wp-includes
/
js
/
dist
/
/home/desid573/verdenaturopathy.com.au/wp-includes/js/dist
mkdir
upload
Name
Size
Mode
Actions
development/
-
0755
rm
script-modules/
-
0755
rm
vendor/
-
0755
rm
a11y.js
5697
0644
edit
dl
rm
a11y.min.js
2616
0644
edit
dl
rm
annotations.js
15952
0644
edit
dl
rm
annotations.min.js
5978
0644
edit
dl
rm
api-fetch.js
20003
0644
edit
dl
rm
api-fetch.min.js
7510
0644
edit
dl
rm
autop.js
10019
0644
edit
dl
rm
autop.min.js
5694
0644
edit
dl
rm
base-styles.js
115
0644
edit
dl
rm
base-styles.min.js
142
0644
edit
dl
rm
blob.js
2410
0644
edit
dl
rm
blob.min.js
1243
0644
edit
dl
rm
block-directory.js
381638
0644
edit
dl
rm
block-directory.min.js
129573
0644
edit
dl
rm
block-editor.js
3779291
0644
edit
dl
rm
block-editor.min.js
1411106
0644
edit
dl
rm
block-library.js
3022684
0644
edit
dl
rm
block-library.min.js
1304378
0644
edit
dl
rm
block-serialization-default-parser.js
6800
0644
edit
dl
rm
block-serialization-default-parser.min.js
2560
0644
edit
dl
rm
block-serialization-spec-parser.js
51796
0644
edit
dl
rm
block-serialization-spec-parser.min.js
10728
0644
edit
dl
rm
blocks.js
299905
0644
edit
dl
rm
blocks.min.js
146426
0644
edit
dl
rm
commands.js
131739
0644
edit
dl
rm
commands.min.js
57227
0644
edit
dl
rm
components.js
3821298
0644
edit
dl
rm
components.min.js
836689
0644
edit
dl
rm
compose.js
85752
0644
edit
dl
rm
compose.min.js
30098
0644
edit
dl
rm
core-commands.js
29805
0644
edit
dl
rm
core-commands.min.js
12489
0644
edit
dl
rm
core-data.js
675840
0644
edit
dl
rm
core-data.min.js
231957
0644
edit
dl
rm
customize-widgets.js
114226
0644
edit
dl
rm
customize-widgets.min.js
44466
0644
edit
dl
rm
data-controls.js
4301
0644
edit
dl
rm
data-controls.min.js
1885
0644
edit
dl
rm
data.js
85698
0644
edit
dl
rm
data.min.js
26664
0644
edit
dl
rm
date.js
180935
0644
edit
dl
rm
date.min.js
144747
0644
edit
dl
rm
deprecated.js
3180
0644
edit
dl
rm
deprecated.min.js
1382
0644
edit
dl
rm
dom-ready.js
1571
0644
edit
dl
rm
dom-ready.min.js
881
0644
edit
dl
rm
dom.js
35962
0644
edit
dl
rm
dom.min.js
13172
0644
edit
dl
rm
edit-post.js
451359
0644
edit
dl
rm
edit-post.min.js
160157
0644
edit
dl
rm
edit-site.js
2304757
0644
edit
dl
rm
edit-site.min.js
905288
0644
edit
dl
rm
edit-widgets.js
184620
0644
edit
dl
rm
edit-widgets.min.js
70465
0644
edit
dl
rm
editor.js
3968367
0644
edit
dl
rm
editor.min.js
1573886
0644
edit
dl
rm
element.js
27971
0644
edit
dl
rm
element.min.js
12468
0644
edit
dl
rm
escape-html.js
2413
0644
edit
dl
rm
escape-html.min.js
1158
0644
edit
dl
rm
format-library.js
234957
0644
edit
dl
rm
format-library.min.js
98495
0644
edit
dl
rm
hooks.js
12299
0644
edit
dl
rm
hooks.min.js
5107
0644
edit
dl
rm
html-entities.js
1756
0644
edit
dl
rm
html-entities.min.js
950
0644
edit
dl
rm
i18n.js
15725
0644
edit
dl
rm
i18n.min.js
5791
0644
edit
dl
rm
is-shallow-equal.js
2833
0644
edit
dl
rm
is-shallow-equal.min.js
1197
0644
edit
dl
rm
keyboard-shortcuts.js
10508
0644
edit
dl
rm
keyboard-shortcuts.min.js
3682
0644
edit
dl
rm
keycodes.js
8564
0644
edit
dl
rm
keycodes.min.js
3038
0644
edit
dl
rm
list-reusable-blocks.js
13662
0644
edit
dl
rm
list-reusable-blocks.min.js
5539
0644
edit
dl
rm
media-utils.js
1065027
0644
edit
dl
rm
media-utils.min.js
390995
0644
edit
dl
rm
notices.js
9783
0644
edit
dl
rm
notices.min.js
3947
0644
edit
dl
rm
nux.js
4423
0644
edit
dl
rm
nux.min.js
1749
0644
edit
dl
rm
patterns.js
90184
0644
edit
dl
rm
patterns.min.js
38302
0644
edit
dl
rm
plugins.js
21220
0644
edit
dl
rm
plugins.min.js
7253
0644
edit
dl
rm
preferences-persistence.js
17720
0644
edit
dl
rm
preferences-persistence.min.js
5713
0644
edit
dl
rm
preferences.js
21531
0644
edit
dl
rm
preferences.min.js
8028
0644
edit
dl
rm
primitives.js
5270
0644
edit
dl
rm
primitives.min.js
2093
0644
edit
dl
rm
priority-queue.js
10338
0644
edit
dl
rm
priority-queue.min.js
3505
0644
edit
dl
rm
private-apis.js
4531
0644
edit
dl
rm
private-apis.min.js
3017
0644
edit
dl
rm
react-i18n.js
4064
0644
edit
dl
rm
react-i18n.min.js
1627
0644
edit
dl
rm
redux-routine.js
25346
0644
edit
dl
rm
redux-routine.min.js
9952
0644
edit
dl
rm
reusable-blocks.js
22391
0644
edit
dl
rm
reusable-blocks.min.js
8185
0644
edit
dl
rm
rich-text.js
107405
0644
edit
dl
rm
rich-text.min.js
43182
0644
edit
dl
rm
router.js
37079
0644
edit
dl
rm
router.min.js
14552
0644
edit
dl
rm
server-side-render.js
11588
0644
edit
dl
rm
server-side-render.min.js
4198
0644
edit
dl
rm
shortcode.js
8215
0644
edit
dl
rm
shortcode.min.js
3426
0644
edit
dl
rm
style-engine.js
18810
0644
edit
dl
rm
style-engine.min.js
6946
0644
edit
dl
rm
theme.js
138733
0644
edit
dl
rm
theme.min.js
61144
0644
edit
dl
rm
token-list.js
6327
0644
edit
dl
rm
token-list.min.js
1723
0644
edit
dl
rm
undo-manager.js
5491
0644
edit
dl
rm
undo-manager.min.js
1808
0644
edit
dl
rm
upload-media.js
118036
0644
edit
dl
rm
upload-media.min.js
49874
0644
edit
dl
rm
url.js
23957
0644
edit
dl
rm
url.min.js
10423
0644
edit
dl
rm
viewport.js
7312
0644
edit
dl
rm
viewport.min.js
2374
0644
edit
dl
rm
warning.js
1616
0644
edit
dl
rm
warning.min.js
816
0644
edit
dl
rm
widgets.js
51346
0644
edit
dl
rm
widgets.min.js
21475
0644
edit
dl
rm
wordcount.js
7166
0644
edit
dl
rm
wordcount.min.js
2570
0644
edit
dl
rm
Edit:
/home/desid573/verdenaturopathy.com.au/wp-includes/js/dist/customize-widgets.js
(114226B)
(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; })();
Save
cmd:
run