return "\n\t\t&.is-shady {\n\t\t\tbackground: ".concat(backgroundShady, ";\n\t\t}\n\t");
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/card/index.js
var card_defaultProps = {
var className = props.className,
isBorderless = props.isBorderless,
isElevated = props.isElevated,
additionalProps = Object(objectWithoutProperties["a" /* default */])(props, ["className", "isBorderless", "isElevated", "size"]);
var Provider = CardContext.Provider;
isBorderless: isBorderless,
var classes = classnames_default()('components-card', isBorderless && 'is-borderless', isElevated && 'is-elevated', size && "is-size-".concat(size), className);
return Object(external_wp_element_["createElement"])(Provider, {
}, Object(external_wp_element_["createElement"])(CardUI, Object(esm_extends["a" /* default */])({}, additionalProps, {
Card.defaultProps = card_defaultProps;
/* harmony default export */ var card = (Card);
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/card/body.js
function body_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 body_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { body_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 { body_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var body_defaultProps = {
function CardBody(props) {
var className = props.className,
additionalProps = Object(objectWithoutProperties["a" /* default */])(props, ["className", "isShady"]);
var mergedProps = body_objectSpread(body_objectSpread(body_objectSpread({}, body_defaultProps), context_useCardContext()), props);
var size = mergedProps.size;
var classes = classnames_default()('components-card__body', isShady && 'is-shady', size && "is-size-".concat(size), className);
return Object(external_wp_element_["createElement"])(BodyUI, Object(esm_extends["a" /* default */])({}, additionalProps, {
/* harmony default export */ var card_body = (CardBody);
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/card/divider.js
function CardDivider(props) {
var className = props.className,
additionalProps = Object(objectWithoutProperties["a" /* default */])(props, ["className"]);
var classes = classnames_default()('components-card__divider', className);
return Object(external_wp_element_["createElement"])(DividerUI, Object(esm_extends["a" /* default */])({}, additionalProps, {
/* harmony default export */ var divider = (CardDivider);
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/card/footer.js
function footer_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 footer_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { footer_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 { footer_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var footer_defaultProps = {
function CardFooter(props) {
var className = props.className,
additionalProps = Object(objectWithoutProperties["a" /* default */])(props, ["className", "isShady"]);
var mergedProps = footer_objectSpread(footer_objectSpread(footer_objectSpread({}, footer_defaultProps), context_useCardContext()), props);
var isBorderless = mergedProps.isBorderless,
var classes = classnames_default()('components-card__footer', isBorderless && 'is-borderless', isShady && 'is-shady', size && "is-size-".concat(size), className);
return Object(external_wp_element_["createElement"])(FooterUI, Object(esm_extends["a" /* default */])({}, additionalProps, {
/* harmony default export */ var footer = (CardFooter);
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/card/header.js
function header_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 header_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { header_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 { header_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
var header_defaultProps = {
function CardHeader(props) {
var className = props.className,
additionalProps = Object(objectWithoutProperties["a" /* default */])(props, ["className", "isShady"]);
var mergedProps = header_objectSpread(header_objectSpread(header_objectSpread({}, header_defaultProps), context_useCardContext()), props);
var isBorderless = mergedProps.isBorderless,
var classes = classnames_default()('components-card__header', isBorderless && 'is-borderless', isShady && 'is-shady', size && "is-size-".concat(size), className);
return Object(external_wp_element_["createElement"])(HeaderUI, Object(esm_extends["a" /* default */])({}, additionalProps, {
/* harmony default export */ var card_header = (CardHeader);
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/card/media.js
function CardMedia(props) {
var className = props.className,
additionalProps = Object(objectWithoutProperties["a" /* default */])(props, ["className"]);
var classes = classnames_default()('components-card__media', className);
return Object(external_wp_element_["createElement"])(MediaUI, Object(esm_extends["a" /* default */])({}, additionalProps, {
/* harmony default export */ var media = (CardMedia);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js
var build_module_icon = __webpack_require__("iClF");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/check.js
var check = __webpack_require__("RMJe");
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/checkbox-control/index.js
function CheckboxControl(_ref) {
className = _ref.className,
onChange = _ref.onChange,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["label", "className", "heading", "checked", "help", "onChange"]);
var instanceId = Object(external_wp_compose_["useInstanceId"])(CheckboxControl);
var id = "inspector-checkbox-control-".concat(instanceId);
var onChangeValue = function onChangeValue(event) {
return onChange(event.target.checked);
return Object(external_wp_element_["createElement"])(base_control, {
}, Object(external_wp_element_["createElement"])("span", {
className: "components-checkbox-control__input-container"
}, Object(external_wp_element_["createElement"])("input", Object(esm_extends["a" /* default */])({
className: "components-checkbox-control__input",
"aria-describedby": !!help ? id + '__help' : undefined
}, props)), checked ? Object(external_wp_element_["createElement"])(build_module_icon["a" /* default */], {
icon: check["a" /* default */],
className: "components-checkbox-control__checked",
}) : null), Object(external_wp_element_["createElement"])("label", {
className: "components-checkbox-control__label",
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/clipboard-button/index.js
function ClipboardButton(_ref) {
var className = _ref.className,
children = _ref.children,
onFinishCopy = _ref.onFinishCopy,
buttonProps = Object(objectWithoutProperties["a" /* default */])(_ref, ["className", "children", "onCopy", "onFinishCopy", "text"]);
var ref = Object(external_wp_element_["useRef"])();
var hasCopied = Object(external_wp_compose_["useCopyOnClick"])(ref, text);
var lastHasCopied = Object(external_wp_element_["useRef"])(hasCopied);
Object(external_wp_element_["useEffect"])(function () {
if (lastHasCopied.current === hasCopied) {
} else if (onFinishCopy) {
lastHasCopied.current = hasCopied;
}, [onCopy, onFinishCopy, hasCopied]);
var classes = classnames_default()('components-clipboard-button', className); // Workaround for inconsistent behavior in Safari, where <textarea> is not
// the document.activeElement at the moment when the copy event fires.
// This causes documentHasSelection() in the copy-handler component to
// mistakenly override the ClipboardButton, and copy a serialized string
// of the current block instead.
var focusOnCopyEventTarget = function focusOnCopyEventTarget(event) {
return Object(external_wp_element_["createElement"])(build_module_button["a" /* default */], Object(esm_extends["a" /* default */])({}, buttonProps, {
onCopy: focusOnCopyEventTarget
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/edit.js + 1 modules
var edit = __webpack_require__("B9Az");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/close.js
var library_close = __webpack_require__("w95h");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-up.js
var chevron_up = __webpack_require__("XgzB");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/chevron-down.js
var chevron_down = __webpack_require__("NWDH");
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/plus.js
var plus = __webpack_require__("Q4Sy");
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/dropdown/index.js
function useObservableState(initialState, onStateChange) {
var _useState = Object(external_wp_element_["useState"])(initialState),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
setState = _useState2[1];
return [state, function (value) {
function Dropdown(_ref) {
var _popoverProps$anchorR;
var renderContent = _ref.renderContent,
renderToggle = _ref.renderToggle,
_ref$position = _ref.position,
position = _ref$position === void 0 ? 'bottom right' : _ref$position,
className = _ref.className,
contentClassName = _ref.contentClassName,
expandOnMobile = _ref.expandOnMobile,
headerTitle = _ref.headerTitle,
focusOnMount = _ref.focusOnMount,
popoverProps = _ref.popoverProps,
onToggle = _ref.onToggle;
var containerRef = Object(external_wp_element_["useRef"])();
var _useObservableState = useObservableState(false, onToggle),
_useObservableState2 = Object(slicedToArray["a" /* default */])(_useObservableState, 2),
isOpen = _useObservableState2[0],
setIsOpen = _useObservableState2[1];
Object(external_wp_element_["useEffect"])(function () {
* Closes the dropdown if a focus leaves the dropdown wrapper. This is
* intentionally distinct from `onClose` since focus loss from the popover
* is expected to occur when using the Dropdown's toggle button, in which
* case the correct behavior is to keep the dropdown closed. The same applies
* in case when focus is moved to the modal dialog.
function closeIfFocusOutside() {
var ownerDocument = containerRef.current.ownerDocument;
if (!containerRef.current.contains(ownerDocument.activeElement) && !ownerDocument.activeElement.closest('[role="dialog"]')) {
return Object(external_wp_element_["createElement"])("div", {
className: classnames_default()('components-dropdown', className),
}, renderToggle(args), isOpen && Object(external_wp_element_["createElement"])(popover["a" /* default */], Object(esm_extends["a" /* default */])({
onFocusOutside: closeIfFocusOutside,
expandOnMobile: expandOnMobile,
headerTitle: headerTitle,
focusOnMount: focusOnMount
anchorRef: (_popoverProps$anchorR = popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.anchorRef) !== null && _popoverProps$anchorR !== void 0 ? _popoverProps$anchorR : containerRef.current,
className: classnames_default()('components-dropdown__content', popoverProps ? popoverProps.className : undefined, contentClassName)
}), renderContent(args)));
// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/circular-option-picker/index.js
var className = _ref.className,
isSelected = _ref.isSelected,
selectedIconProps = _ref.selectedIconProps,
tooltipText = _ref.tooltipText,