// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/tab-panel/index.js
var tab_panel_TabButton = function TabButton(_ref) {
children = _ref.children,
selected = _ref.selected,
rest = Object(objectWithoutProperties["a" /* default */])(_ref, ["tabId", "onClick", "children", "selected"]);
return Object(external_wp_element_["createElement"])(build_module_button["a" /* default */], Object(esm_extends["a" /* default */])({
tabIndex: selected ? null : -1,
"aria-selected": selected,
function TabPanel(_ref2) {
var className = _ref2.className,
children = _ref2.children,
initialTabName = _ref2.initialTabName,
_ref2$orientation = _ref2.orientation,
orientation = _ref2$orientation === void 0 ? 'horizontal' : _ref2$orientation,
_ref2$activeClass = _ref2.activeClass,
activeClass = _ref2$activeClass === void 0 ? 'is-active' : _ref2$activeClass,
_ref2$onSelect = _ref2.onSelect,
onSelect = _ref2$onSelect === void 0 ? external_lodash_["noop"] : _ref2$onSelect;
var instanceId = Object(external_wp_compose_["useInstanceId"])(TabPanel, 'tab-panel');
var _useState = Object(external_wp_element_["useState"])(null),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
selected = _useState2[0],
setSelected = _useState2[1];
var handleClick = function handleClick(tabKey) {
var onNavigate = function onNavigate(childIndex, child) {
var selectedTab = Object(external_lodash_["find"])(tabs, {
var selectedId = "".concat(instanceId, "-").concat((_selectedTab$name = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.name) !== null && _selectedTab$name !== void 0 ? _selectedTab$name : 'none');
Object(external_wp_element_["useEffect"])(function () {
var newSelectedTab = Object(external_lodash_["find"])(tabs, {
setSelected(initialTabName || (tabs.length > 0 ? tabs[0].name : null));
return Object(external_wp_element_["createElement"])("div", {
}, Object(external_wp_element_["createElement"])(navigable_container_menu, {
orientation: orientation,
className: "components-tab-panel__tabs"
}, tabs.map(function (tab) {
return Object(external_wp_element_["createElement"])(tab_panel_TabButton, {
className: classnames_default()('components-tab-panel__tabs-item', tab.className, Object(esm_defineProperty["a" /* default */])({}, activeClass, tab.name === selected)),
tabId: "".concat(instanceId, "-").concat(tab.name),
"aria-controls": "".concat(instanceId, "-").concat(tab.name, "-view"),
selected: tab.name === selected,
onClick: Object(external_lodash_["partial"])(handleClick, tab.name)
})), selectedTab && Object(external_wp_element_["createElement"])("div", {
"aria-labelledby": selectedId,
id: "".concat(selectedId, "-view"),
className: "components-tab-panel__tab-content"
}, children(selectedTab)));
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/input/base.js
var inputStyleNeutral = /*#__PURE__*/Object(core_browser_esm["b" /* css */])("box-shadow:0 0 0 transparent;transition:box-shadow 0.1s linear;border-radius:", config_config('radiusBlockUi'), ";border:", config_config('borderWidth'), " solid ", colors_color('ui.border'), ";", reduceMotion('transition'), ";label:inputStyleNeutral;" + ( true ? "" : undefined));
var inputStyleFocus = /*#__PURE__*/Object(core_browser_esm["b" /* css */])("border-color:var( --wp-admin-theme-color );box-shadow:0 0 0 calc( ", config_config('borderWidthFocus'), " - ", config_config('borderWidth'), " ) var( --wp-admin-theme-color );outline:2px solid transparent;;label:inputStyleFocus;" + ( true ? "" : undefined));
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/breakpoint-values.js
/* harmony default export */ var breakpoint_values = ({
// admin sidebar auto folds
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/breakpoint.js
* @param {keyof breakpoints} point
* @return {string} Media query declaration.
var breakpoint_breakpoint = function breakpoint(point) {
return "@media (min-width: ".concat(breakpoint_values[point], ")");
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/utils/input/input-control.js
var inputControl = /*#__PURE__*/Object(core_browser_esm["b" /* css */])("font-family:", font('default.fontFamily'), ";padding:6px 8px;", inputStyleNeutral, ";font-size:", font('mobileTextMinFontSize'), ";line-height:normal;", breakpoint_breakpoint('small'), "{font-size:", font('default.fontSize'), ";line-height:normal;}&:focus{", inputStyleFocus, "}&::-webkit-input-placeholder{color:", colors_color('darkGray.placeholder'), ";}&::-moz-placeholder{opacity:1;color:", colors_color('darkGray.placeholder'), ";}&:-ms-input-placeholder{color:", colors_color('darkGray.placeholder'), ";}.is-dark-theme &{&::-webkit-input-placeholder{color:", colors_color('lightGray.placeholder'), ";}&::-moz-placeholder{opacity:1;color:", colors_color('lightGray.placeholder'), ";}&:-ms-input-placeholder{color:", colors_color('lightGray.placeholder'), ";}};label:inputControl;" + ( true ? "" : undefined));
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/textarea-control/styles/textarea-control-styles.js
var StyledTextarea = styled_base_browser_esm("textarea", {
})("width:100%;", inputControl, true ? "" : undefined);
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/textarea-control/index.js
function TextareaControl(_ref) {
hideLabelFromVision = _ref.hideLabelFromVision,
onChange = _ref.onChange,
rows = _ref$rows === void 0 ? 4 : _ref$rows,
className = _ref.className,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["label", "hideLabelFromVision", "value", "help", "onChange", "rows", "className"]);
var instanceId = Object(external_wp_compose_["useInstanceId"])(TextareaControl);
var id = "inspector-textarea-control-".concat(instanceId);
var onChangeValue = function onChangeValue(event) {
return onChange(event.target.value);
return Object(external_wp_element_["createElement"])(base_control, {
hideLabelFromVision: hideLabelFromVision,
}, Object(external_wp_element_["createElement"])(StyledTextarea, Object(esm_extends["a" /* default */])({
className: "components-textarea-control__input",
"aria-describedby": !!help ? id + '__help' : undefined,
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/text-highlight/index.js
var text_highlight_TextHighlight = function TextHighlight(_ref) {
var _ref$text = _ref.text,
text = _ref$text === void 0 ? '' : _ref$text,
_ref$highlight = _ref.highlight,
highlight = _ref$highlight === void 0 ? '' : _ref$highlight;
var trimmedHighlightText = highlight.trim();
if (!trimmedHighlightText) {
var regex = new RegExp("(".concat(Object(external_lodash_["escapeRegExp"])(trimmedHighlightText), ")"), 'gi');
return Object(external_wp_element_["createInterpolateElement"])(text.replace(regex, '<mark>$&</mark>'), {
mark: Object(external_wp_element_["createElement"])("mark", null)
/* harmony default export */ var text_highlight = (text_highlight_TextHighlight);
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/tip/index.js
* @property {import('react').ReactNode} children Children to render in the tip.
* @return {JSX.Element} Element
return Object(external_wp_element_["createElement"])("div", {
className: "components-tip"
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], {
}, Object(external_wp_element_["createElement"])(external_wp_primitives_["Path"], {
d: "M12 15.8c-3.7 0-6.8-3-6.8-6.8s3-6.8 6.8-6.8c3.7 0 6.8 3 6.8 6.8s-3.1 6.8-6.8 6.8zm0-12C9.1 3.8 6.8 6.1 6.8 9s2.4 5.2 5.2 5.2c2.9 0 5.2-2.4 5.2-5.2S14.9 3.8 12 3.8zM8 17.5h8V19H8zM10 20.5h4V22h-4z"
})), Object(external_wp_element_["createElement"])("p", null, props.children));
/* harmony default export */ var tip = (Tip);
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toggle-control/index.js
function ToggleControl(_ref) {
className = _ref.className,
onChange = _ref.onChange,
disabled = _ref.disabled;
function onChangeToggle(event) {
onChange(event.target.checked);
var instanceId = Object(external_wp_compose_["useInstanceId"])(ToggleControl);
var id = "inspector-toggle-control-".concat(instanceId);
var describedBy, helpLabel;
describedBy = id + '__help';
helpLabel = Object(external_lodash_["isFunction"])(help) ? help(checked) : help;
return Object(external_wp_element_["createElement"])(base_control, {
className: classnames_default()('components-toggle-control', className)
}, Object(external_wp_element_["createElement"])(form_toggle, {
onChange: onChangeToggle,
"aria-describedby": describedBy,
}), Object(external_wp_element_["createElement"])("label", {
className: "components-toggle-control__label"
// EXTERNAL MODULE: ./node_modules/@wordpress/components/build-module/toolbar-item/index.js
var toolbar_item = __webpack_require__("aA0e");
// EXTERNAL MODULE: ./node_modules/@wordpress/components/build-module/toolbar-context/index.js
var toolbar_context = __webpack_require__("GK4x");
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toolbar-button/toolbar-button-container.js
var toolbar_button_container_ToolbarButtonContainer = function ToolbarButtonContainer(props) {
return Object(external_wp_element_["createElement"])("div", {
className: props.className
/* harmony default export */ var toolbar_button_container = (toolbar_button_container_ToolbarButtonContainer);
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toolbar-button/index.js
function ToolbarButton(_ref, ref) {
var containerClassName = _ref.containerClassName,
className = _ref.className,
extraProps = _ref.extraProps,
children = _ref.children,
isActive = _ref.isActive,
isDisabled = _ref.isDisabled,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["containerClassName", "className", "extraProps", "children", "title", "isActive", "isDisabled"]);
var accessibleToolbarState = Object(external_wp_element_["useContext"])(toolbar_context["a" /* default */]);
if (!accessibleToolbarState) {
return Object(external_wp_element_["createElement"])(toolbar_button_container, {
className: containerClassName
}, Object(external_wp_element_["createElement"])(build_module_button["a" /* default */], Object(esm_extends["a" /* default */])({
shortcut: props.shortcut,
"data-subscript": props.subscript,
onClick: function onClick(event) {
className: classnames_default()('components-toolbar__control', className),
"data-toolbar-item": true
}, extraProps, props), children));
} // ToobarItem will pass all props to the render prop child, which will pass
// all props to Button. This means that ToolbarButton has the same API as
return Object(external_wp_element_["createElement"])(toolbar_item["a" /* default */], Object(esm_extends["a" /* default */])({
className: classnames_default()('components-toolbar-button', className)
}), function (toolbarItemProps) {
return Object(external_wp_element_["createElement"])(build_module_button["a" /* default */], Object(esm_extends["a" /* default */])({
}, toolbarItemProps), children);
/* harmony default export */ var toolbar_button = (Object(external_wp_element_["forwardRef"])(ToolbarButton));
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toolbar-group/toolbar-group-container.js
var toolbar_group_container_ToolbarGroupContainer = function ToolbarGroupContainer(_ref) {
var className = _ref.className,
children = _ref.children,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["className", "children"]);
return Object(external_wp_element_["createElement"])("div", Object(esm_extends["a" /* default */])({
/* harmony default export */ var toolbar_group_container = (toolbar_group_container_ToolbarGroupContainer);
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toolbar-group/toolbar-group-collapsed.js
function toolbar_group_collapsed_ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
function toolbar_group_collapsed_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { toolbar_group_collapsed_ownKeys(Object(source), true).forEach(function (key) { Object(esm_defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { toolbar_group_collapsed_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function ToolbarGroupCollapsed(_ref) {
var _ref$controls = _ref.controls,
controls = _ref$controls === void 0 ? [] : _ref$controls,
toggleProps = _ref.toggleProps,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["controls", "toggleProps"]);
// It'll contain state if `ToolbarGroup` is being used within
// `<Toolbar label="label" />`
var accessibleToolbarState = Object(external_wp_element_["useContext"])(toolbar_context["a" /* default */]);
var renderDropdownMenu = function renderDropdownMenu(internalToggleProps) {
return Object(external_wp_element_["createElement"])(dropdown_menu, Object(esm_extends["a" /* default */])({
toggleProps: toolbar_group_collapsed_objectSpread(toolbar_group_collapsed_objectSpread({}, internalToggleProps), {}, {
'data-toolbar-item': true
if (accessibleToolbarState) {