* I'm a fade Transition!
*
* )}
*
*
* {state => (
* // ...
* )}
*
*
*
* );
* }
* ```
*
* When the button is clicked the component will shift to the `'entering'` state
* and stay there for 500ms (the value of `timeout`) before it finally switches
* to `'entered'`.
*
* When `in` is `false` the same thing happens except the state moves from
* `'exiting'` to `'exited'`.
*/
exports.EXITING = EXITING;
var Transition =
/*#__PURE__*/
function (_React$Component) {
_inheritsLoose(Transition, _React$Component);
function Transition(props, context) {
var _this;
_this = _React$Component.call(this, props, context) || this;
var parentGroup = context.transitionGroup; // In the context of a TransitionGroup all enters are really appears
var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;
var initialStatus;
_this.appearStatus = null;
if (props.in) {
if (appear) {
initialStatus = EXITED;
_this.appearStatus = ENTERING;
} else {
initialStatus = ENTERED;
}
} else {
if (props.unmountOnExit || props.mountOnEnter) {
initialStatus = UNMOUNTED;
} else {
initialStatus = EXITED;
}
}
_this.state = {
status: initialStatus
};
_this.nextCallback = null;
return _this;
}
var _proto = Transition.prototype;
_proto.getChildContext = function getChildContext() {
return {
transitionGroup: null // allows for nested Transitions
};
};
Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {
var nextIn = _ref.in;
if (nextIn && prevState.status === UNMOUNTED) {
return {
status: EXITED
};
}
return null;
}; // getSnapshotBeforeUpdate(prevProps) {
// let nextStatus = null
// if (prevProps !== this.props) {
// const { status } = this.state
// if (this.props.in) {
// if (status !== ENTERING && status !== ENTERED) {
// nextStatus = ENTERING
// }
// } else {
// if (status === ENTERING || status === ENTERED) {
// nextStatus = EXITING
// }
// }
// }
// return { nextStatus }
// }
_proto.componentDidMount = function componentDidMount() {
this.updateStatus(true, this.appearStatus);
};
_proto.componentDidUpdate = function componentDidUpdate(prevProps) {
var nextStatus = null;
if (prevProps !== this.props) {
var status = this.state.status;
if (this.props.in) {
if (status !== ENTERING && status !== ENTERED) {
nextStatus = ENTERING;
}
} else {
if (status === ENTERING || status === ENTERED) {
nextStatus = EXITING;
}
}
}
this.updateStatus(false, nextStatus);
};
_proto.componentWillUnmount = function componentWillUnmount() {
this.cancelNextCallback();
};
_proto.getTimeouts = function getTimeouts() {
var timeout = this.props.timeout;
var exit, enter, appear;
exit = enter = appear = timeout;
if (timeout != null && typeof timeout !== 'number') {
exit = timeout.exit;
enter = timeout.enter; // TODO: remove fallback for next major
appear = timeout.appear !== undefined ? timeout.appear : enter;
}
return {
exit: exit,
enter: enter,
appear: appear
};
};
_proto.updateStatus = function updateStatus(mounting, nextStatus) {
if (mounting === void 0) {
mounting = false;
}
if (nextStatus !== null) {
// nextStatus will always be ENTERING or EXITING.
this.cancelNextCallback();
var node = _reactDom.default.findDOMNode(this);
if (nextStatus === ENTERING) {
this.performEnter(node, mounting);
} else {
this.performExit(node);
}
} else if (this.props.unmountOnExit && this.state.status === EXITED) {
this.setState({
status: UNMOUNTED
});
}
};
_proto.performEnter = function performEnter(node, mounting) {
var _this2 = this;
var enter = this.props.enter;
var appearing = this.context.transitionGroup ? this.context.transitionGroup.isMounting : mounting;
var timeouts = this.getTimeouts();
var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED
// if we are mounting and running this it means appear _must_ be set
if (!mounting && !enter) {
this.safeSetState({
status: ENTERED
}, function () {
_this2.props.onEntered(node);
});
return;
}
this.props.onEnter(node, appearing);
this.safeSetState({
status: ENTERING
}, function () {
_this2.props.onEntering(node, appearing);
_this2.onTransitionEnd(node, enterTimeout, function () {
_this2.safeSetState({
status: ENTERED
}, function () {
_this2.props.onEntered(node, appearing);
});
});
});
};
_proto.performExit = function performExit(node) {
var _this3 = this;
var exit = this.props.exit;
var timeouts = this.getTimeouts(); // no exit animation skip right to EXITED
if (!exit) {
this.safeSetState({
status: EXITED
}, function () {
_this3.props.onExited(node);
});
return;
}
this.props.onExit(node);
this.safeSetState({
status: EXITING
}, function () {
_this3.props.onExiting(node);
_this3.onTransitionEnd(node, timeouts.exit, function () {
_this3.safeSetState({
status: EXITED
}, function () {
_this3.props.onExited(node);
});
});
});
};
_proto.cancelNextCallback = function cancelNextCallback() {
if (this.nextCallback !== null) {
this.nextCallback.cancel();
this.nextCallback = null;
}
};
_proto.safeSetState = function safeSetState(nextState, callback) {
// This shouldn't be necessary, but there are weird race conditions with
// setState callbacks and unmounting in testing, so always make sure that
// we can cancel any pending setState callbacks after we unmount.
callback = this.setNextCallback(callback);
this.setState(nextState, callback);
};
_proto.setNextCallback = function setNextCallback(callback) {
var _this4 = this;
var active = true;
this.nextCallback = function (event) {
if (active) {
active = false;
_this4.nextCallback = null;
callback(event);
}
};
this.nextCallback.cancel = function () {
active = false;
};
return this.nextCallback;
};
_proto.onTransitionEnd = function onTransitionEnd(node, timeout, handler) {
this.setNextCallback(handler);
var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;
if (!node || doesNotHaveTimeoutOrListener) {
setTimeout(this.nextCallback, 0);
return;
}
if (this.props.addEndListener) {
this.props.addEndListener(node, this.nextCallback);
}
if (timeout != null) {
setTimeout(this.nextCallback, timeout);
}
};
_proto.render = function render() {
var status = this.state.status;
if (status === UNMOUNTED) {
return null;
}
var _this$props = this.props,
children = _this$props.children,
childProps = _objectWithoutPropertiesLoose(_this$props, ["children"]); // filter props for Transtition
delete childProps.in;
delete childProps.mountOnEnter;
delete childProps.unmountOnExit;
delete childProps.appear;
delete childProps.enter;
delete childProps.exit;
delete childProps.timeout;
delete childProps.addEndListener;
delete childProps.onEnter;
delete childProps.onEntering;
delete childProps.onEntered;
delete childProps.onExit;
delete childProps.onExiting;
delete childProps.onExited;
if (typeof children === 'function') {
return children(status, childProps);
}
var child = _react.default.Children.only(children);
return _react.default.cloneElement(child, childProps);
};
return Transition;
}(_react.default.Component);
Transition.contextTypes = {
transitionGroup: PropTypes.object
};
Transition.childContextTypes = {
transitionGroup: function transitionGroup() {}
};
Transition.propTypes = false ? undefined : {};
function noop() {}
Transition.defaultProps = {
in: false,
mountOnEnter: false,
unmountOnExit: false,
appear: false,
enter: true,
exit: true,
onEnter: noop,
onEntering: noop,
onEntered: noop,
onExit: noop,
onExiting: noop,
onExited: noop
};
Transition.UNMOUNTED = 0;
Transition.EXITED = 1;
Transition.ENTERING = 2;
Transition.ENTERED = 3;
Transition.EXITING = 4;
var _default = (0, _reactLifecyclesCompat.polyfill)(Transition);
exports.default = _default;
/***/ }),
/* 211 */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "polyfill", function() { return polyfill; });
/**
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
function componentWillMount() {
// Call this.constructor.gDSFP to support sub-classes.
var state = this.constructor.getDerivedStateFromProps(this.props, this.state);
if (state !== null && state !== undefined) {
this.setState(state);
}
}
function componentWillReceiveProps(nextProps) {
// Call this.constructor.gDSFP to support sub-classes.
// Use the setState() updater to ensure state isn't stale in certain edge cases.
function updater(prevState) {
var state = this.constructor.getDerivedStateFromProps(nextProps, prevState);
return state !== null && state !== undefined ? state : null;
}
// Binding "this" is important for shallow renderer support.
this.setState(updater.bind(this));
}
function componentWillUpdate(nextProps, nextState) {
try {
var prevProps = this.props;
var prevState = this.state;
this.props = nextProps;
this.state = nextState;
this.__reactInternalSnapshotFlag = true;
this.__reactInternalSnapshot = this.getSnapshotBeforeUpdate(
prevProps,
prevState
);
} finally {
this.props = prevProps;
this.state = prevState;
}
}
// React may warn about cWM/cWRP/cWU methods being deprecated.
// Add a flag to suppress these warnings for this special case.
componentWillMount.__suppressDeprecationWarning = true;
componentWillReceiveProps.__suppressDeprecationWarning = true;
componentWillUpdate.__suppressDeprecationWarning = true;
function polyfill(Component) {
var prototype = Component.prototype;
if (!prototype || !prototype.isReactComponent) {
throw new Error('Can only polyfill class components');
}
if (
typeof Component.getDerivedStateFromProps !== 'function' &&
typeof prototype.getSnapshotBeforeUpdate !== 'function'
) {
return Component;
}
// If new component APIs are defined, "unsafe" lifecycles won't be called.
// Error if any of these lifecycles are present,
// Because they would work differently between older and newer (16.3+) versions of React.
var foundWillMountName = null;
var foundWillReceivePropsName = null;
var foundWillUpdateName = null;
if (typeof prototype.componentWillMount === 'function') {
foundWillMountName = 'componentWillMount';
} else if (typeof prototype.UNSAFE_componentWillMount === 'function') {
foundWillMountName = 'UNSAFE_componentWillMount';
}
if (typeof prototype.componentWillReceiveProps === 'function') {
foundWillReceivePropsName = 'componentWillReceiveProps';
} else if (typeof prototype.UNSAFE_componentWillReceiveProps === 'function') {
foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';
}
if (typeof prototype.componentWillUpdate === 'function') {
foundWillUpdateName = 'componentWillUpdate';
} else if (typeof prototype.UNSAFE_componentWillUpdate === 'function') {
foundWillUpdateName = 'UNSAFE_componentWillUpdate';
}
if (
foundWillMountName !== null ||
foundWillReceivePropsName !== null ||
foundWillUpdateName !== null
) {
var componentName = Component.displayName || Component.name;
var newApiName =
typeof Component.getDerivedStateFromProps === 'function'
? 'getDerivedStateFromProps()'
: 'getSnapshotBeforeUpdate()';
throw Error(
'Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n' +
componentName +
' uses ' +
newApiName +
' but also contains the following legacy lifecycles:' +
(foundWillMountName !== null ? '\n ' + foundWillMountName : '') +
(foundWillReceivePropsName !== null
? '\n ' + foundWillReceivePropsName
: '') +
(foundWillUpdateName !== null ? '\n ' + foundWillUpdateName : '') +
'\n\nThe above lifecycles should be removed. Learn more about this warning here:\n' +
'https://fb.me/react-async-component-lifecycle-hooks'
);
}
// React <= 16.2 does not support static getDerivedStateFromProps.
// As a workaround, use cWM and cWRP to invoke the new static lifecycle.
// Newer versions of React will ignore these lifecycles if gDSFP exists.
if (typeof Component.getDerivedStateFromProps === 'function') {
prototype.componentWillMount = componentWillMount;
prototype.componentWillReceiveProps = componentWillReceiveProps;
}
// React <= 16.2 does not support getSnapshotBeforeUpdate.
// As a workaround, use cWU to invoke the new lifecycle.
// Newer versions of React will ignore that lifecycle if gSBU exists.
if (typeof prototype.getSnapshotBeforeUpdate === 'function') {
if (typeof prototype.componentDidUpdate !== 'function') {
throw new Error(
'Cannot polyfill getSnapshotBeforeUpdate() for components that do not define componentDidUpdate() on the prototype'
);
}
prototype.componentWillUpdate = componentWillUpdate;
var componentDidUpdate = prototype.componentDidUpdate;
prototype.componentDidUpdate = function componentDidUpdatePolyfill(
prevProps,
prevState,
maybeSnapshot
) {
// 16.3+ will not execute our will-update method;
// It will pass a snapshot value to did-update though.
// Older versions will require our polyfilled will-update value.
// We need to handle both cases, but can't just check for the presence of "maybeSnapshot",
// Because for <= 15.x versions this might be a "prevContext" object.
// We also can't just check "__reactInternalSnapshot",
// Because get-snapshot might return a falsy value.
// So check for the explicit __reactInternalSnapshotFlag flag to determine behavior.
var snapshot = this.__reactInternalSnapshotFlag
? this.__reactInternalSnapshot
: maybeSnapshot;
componentDidUpdate.call(this, prevProps, prevState, snapshot);
};
}
return Component;
}
/***/ }),
/* 212 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports.classNamesShape = exports.timeoutsShape = void 0;
var _propTypes = _interopRequireDefault(__webpack_require__(28));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var timeoutsShape = false ? undefined : null;
exports.timeoutsShape = timeoutsShape;
var classNamesShape = false ? undefined : null;
exports.classNamesShape = classNamesShape;
/***/ }),
/* 213 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports.default = void 0;
var _propTypes = _interopRequireDefault(__webpack_require__(28));
var _react = _interopRequireDefault(__webpack_require__(13));
var _reactLifecyclesCompat = __webpack_require__(211);
var _ChildMapping = __webpack_require__(314);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
var values = Object.values || function (obj) {
return Object.keys(obj).map(function (k) {
return obj[k];
});
};
var defaultProps = {
component: 'div',
childFactory: function childFactory(child) {
return child;
}
/**
* The `
*
*
*
*
* );
* }
* ```
*
* When the `in` prop is set to `true`, the child component will first receive
* the class `example-enter`, then the `example-enter-active` will be added in
* the next tick. `CSSTransition` [forces a
* reflow](https://github.com/reactjs/react-transition-group/blob/5007303e729a74be66a21c3e2205e4916821524b/src/CSSTransition.js#L208-L215)
* between before adding the `example-enter-active`. This is an important trick
* because it allows us to transition between `example-enter` and
* `example-enter-active` even though they were added immediately one after
* another. Most notably, this is what makes it possible for us to animate
* _appearance_.
*
* ```css
* .my-node-enter {
* opacity: 0;
* }
* .my-node-enter-active {
* opacity: 1;
* transition: opacity 200ms;
* }
* .my-node-exit {
* opacity: 1;
* }
* .my-node-exit-active {
* opacity: 0;
* transition: opacity: 200ms;
* }
* ```
*
* `*-active` classes represent which styles you want to animate **to**.
*/
var CSSTransition =
/*#__PURE__*/
function (_React$Component) {
_inheritsLoose(CSSTransition, _React$Component);
function CSSTransition() {
var _this;
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
args[_key] = arguments[_key];
}
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
_this.onEnter = function (node, appearing) {
var _this$getClassNames = _this.getClassNames(appearing ? 'appear' : 'enter'),
className = _this$getClassNames.className;
_this.removeClasses(node, 'exit');
addClass(node, className);
if (_this.props.onEnter) {
_this.props.onEnter(node, appearing);
}
};
_this.onEntering = function (node, appearing) {
var _this$getClassNames2 = _this.getClassNames(appearing ? 'appear' : 'enter'),
activeClassName = _this$getClassNames2.activeClassName;
_this.reflowAndAddClass(node, activeClassName);
if (_this.props.onEntering) {
_this.props.onEntering(node, appearing);
}
};
_this.onEntered = function (node, appearing) {
var appearClassName = _this.getClassNames('appear').doneClassName;
var enterClassName = _this.getClassNames('enter').doneClassName;
var doneClassName = appearing ? appearClassName + " " + enterClassName : enterClassName;
_this.removeClasses(node, appearing ? 'appear' : 'enter');
addClass(node, doneClassName);
if (_this.props.onEntered) {
_this.props.onEntered(node, appearing);
}
};
_this.onExit = function (node) {
var _this$getClassNames3 = _this.getClassNames('exit'),
className = _this$getClassNames3.className;
_this.removeClasses(node, 'appear');
_this.removeClasses(node, 'enter');
addClass(node, className);
if (_this.props.onExit) {
_this.props.onExit(node);
}
};
_this.onExiting = function (node) {
var _this$getClassNames4 = _this.getClassNames('exit'),
activeClassName = _this$getClassNames4.activeClassName;
_this.reflowAndAddClass(node, activeClassName);
if (_this.props.onExiting) {
_this.props.onExiting(node);
}
};
_this.onExited = function (node) {
var _this$getClassNames5 = _this.getClassNames('exit'),
doneClassName = _this$getClassNames5.doneClassName;
_this.removeClasses(node, 'exit');
addClass(node, doneClassName);
if (_this.props.onExited) {
_this.props.onExited(node);
}
};
_this.getClassNames = function (type) {
var classNames = _this.props.classNames;
var isStringClassNames = typeof classNames === 'string';
var prefix = isStringClassNames && classNames ? classNames + '-' : '';
var className = isStringClassNames ? prefix + type : classNames[type];
var activeClassName = isStringClassNames ? className + '-active' : classNames[type + 'Active'];
var doneClassName = isStringClassNames ? className + '-done' : classNames[type + 'Done'];
return {
className: className,
activeClassName: activeClassName,
doneClassName: doneClassName
};
};
return _this;
}
var _proto = CSSTransition.prototype;
_proto.removeClasses = function removeClasses(node, type) {
var _this$getClassNames6 = this.getClassNames(type),
className = _this$getClassNames6.className,
activeClassName = _this$getClassNames6.activeClassName,
doneClassName = _this$getClassNames6.doneClassName;
className && removeClass(node, className);
activeClassName && removeClass(node, activeClassName);
doneClassName && removeClass(node, doneClassName);
};
_proto.reflowAndAddClass = function reflowAndAddClass(node, className) {
// This is for to force a repaint,
// which is necessary in order to transition styles when adding a class name.
if (className) {
/* eslint-disable no-unused-expressions */
node && node.scrollTop;
/* eslint-enable no-unused-expressions */
addClass(node, className);
}
};
_proto.render = function render() {
var props = _extends({}, this.props);
delete props.classNames;
return _react.default.createElement(_Transition.default, _extends({}, props, {
onEnter: this.onEnter,
onEntered: this.onEntered,
onEntering: this.onEntering,
onExit: this.onExit,
onExiting: this.onExiting,
onExited: this.onExited
}));
};
return CSSTransition;
}(_react.default.Component);
CSSTransition.defaultProps = {
classNames: ''
};
CSSTransition.propTypes = false ? undefined : {};
var _default = CSSTransition;
exports.default = _default;
module.exports = exports["default"];
/***/ }),
/* 309 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
var _interopRequireDefault = __webpack_require__(310);
exports.__esModule = true;
exports.default = addClass;
var _hasClass = _interopRequireDefault(__webpack_require__(311));
function addClass(element, className) {
if (element.classList) element.classList.add(className);else if (!(0, _hasClass.default)(element, className)) if (typeof element.className === 'string') element.className = element.className + ' ' + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + ' ' + className);
}
module.exports = exports["default"];
/***/ }),
/* 310 */
/***/ (function(module, exports) {
function _interopRequireDefault(obj) {
return obj && obj.__esModule ? obj : {
"default": obj
};
}
module.exports = _interopRequireDefault;
/***/ }),
/* 311 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports.default = hasClass;
function hasClass(element, className) {
if (element.classList) return !!className && element.classList.contains(className);else return (" " + (element.className.baseVal || element.className) + " ").indexOf(" " + className + " ") !== -1;
}
module.exports = exports["default"];
/***/ }),
/* 312 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
function replaceClassName(origClass, classToRemove) {
return origClass.replace(new RegExp('(^|\\s)' + classToRemove + '(?:\\s|$)', 'g'), '$1').replace(/\s+/g, ' ').replace(/^\s*|\s*$/g, '');
}
module.exports = function removeClass(element, className) {
if (element.classList) element.classList.remove(className);else if (typeof element.className === 'string') element.className = replaceClassName(element.className, className);else element.setAttribute('class', replaceClassName(element.className && element.className.baseVal || '', className));
};
/***/ }),
/* 313 */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
exports.__esModule = true;
exports.default = void 0;
var _propTypes = _interopRequireDefault(__webpack_require__(28));
var _react = _interopRequireDefault(__webpack_require__(13));
var _reactDom = __webpack_require__(110);
var _TransitionGroup = _interopRequireDefault(__webpack_require__(213));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; subClass.__proto__ = superClass; }
/**
* The `
* {"I'll receive my-node-* classes"}
*
* I appear first
I replace the above
".concat(innerHTML, "
");
var parsed = Object(external_this_wp_blocks_["parseWithAttributeSchema"])(innerHTML, {
type: 'string',
source: 'attribute',
selector: '[data-custom-class-name] > *',
attribute: 'class'
});
return parsed ? parsed.trim().split(/\s+/) : [];
}
/**
* Given a parsed set of block attributes, if the block supports custom class
* names and an unknown class (per the block's serialization behavior) is
* found, the unknown classes are treated as custom classes. This prevents the
* block from being considered as invalid.
*
* @param {Object} blockAttributes Original block attributes.
* @param {Object} blockType Block type settings.
* @param {string} innerHTML Original block markup.
*
* @return {Object} Filtered block attributes.
*/
function addParsedDifference(blockAttributes, blockType, innerHTML) {
if (Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, 'customClassName', true)) {
// To determine difference, serialize block given the known set of
// attributes, with the exception of `className`. This will determine
// the default set of classes. From there, any difference in innerHTML
// can be considered as custom classes.
var attributesSansClassName = Object(external_this_lodash_["omit"])(blockAttributes, ['className']);
var serialized = Object(external_this_wp_blocks_["getSaveContent"])(blockType, attributesSansClassName);
var defaultClasses = getHTMLRootElementClasses(serialized);
var actualClasses = getHTMLRootElementClasses(innerHTML);
var customClasses = Object(external_this_lodash_["difference"])(actualClasses, defaultClasses);
if (customClasses.length) {
blockAttributes.className = customClasses.join(' ');
} else if (serialized) {
delete blockAttributes.className;
}
}
return blockAttributes;
}
Object(external_this_wp_hooks_["addFilter"])('blocks.registerBlockType', 'core/custom-class-name/attribute', custom_class_name_addAttribute);
Object(external_this_wp_hooks_["addFilter"])('editor.BlockEdit', 'core/editor/custom-class-name/with-inspector-control', custom_class_name_withInspectorControl);
Object(external_this_wp_hooks_["addFilter"])('blocks.getSaveContent.extraProps', 'core/custom-class-name/save-props', custom_class_name_addSaveProps);
Object(external_this_wp_hooks_["addFilter"])('blocks.getBlockAttributes', 'core/custom-class-name/addParsedDifference', addParsedDifference);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js + 2 modules
var toConsumableArray = __webpack_require__(17);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/generated-class-name.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Override props assigned to save component to inject generated className if
* block supports it. This is only applied if the block's save result is an
* element and not a markup string.
*
* @param {Object} extraProps Additional props applied to save element.
* @param {Object} blockType Block type.
*
* @return {Object} Filtered props applied to save element.
*/
function addGeneratedClassName(extraProps, blockType) {
// Adding the generated className
if (Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, 'className', true)) {
if (typeof extraProps.className === 'string') {
// We have some extra classes and want to add the default classname
// We use uniq to prevent duplicate classnames
extraProps.className = Object(external_this_lodash_["uniq"])([Object(external_this_wp_blocks_["getBlockDefaultClassName"])(blockType.name)].concat(Object(toConsumableArray["a" /* default */])(extraProps.className.split(' ')))).join(' ').trim();
} else {
// There is no string in the className variable,
// so we just dump the default name in there
extraProps.className = Object(external_this_wp_blocks_["getBlockDefaultClassName"])(blockType.name);
}
}
return extraProps;
}
Object(external_this_wp_hooks_["addFilter"])('blocks.getSaveContent.extraProps', 'core/generated-class-name/save-props', addGeneratedClassName);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
var slicedToArray = __webpack_require__(12);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/toArray.js
var toArray = __webpack_require__(148);
// EXTERNAL MODULE: ./node_modules/tinycolor2/tinycolor.js
var tinycolor = __webpack_require__(66);
var tinycolor_default = /*#__PURE__*/__webpack_require__.n(tinycolor);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors/utils.js
/**
* External dependencies
*/
/**
* Provided an array of color objects as set by the theme or by the editor defaults,
* and the values of the defined color or custom color returns a color object describing the color.
*
* @param {Array} colors Array of color objects as set by the theme or by the editor defaults.
* @param {?string} definedColor A string containing the color slug.
* @param {?string} customColor A string containing the customColor value.
*
* @return {?Object} If definedColor is passed and the name is found in colors,
* the color object exactly as set by the theme or editor defaults is returned.
* Otherwise, an object that just sets the color is defined.
*/
var utils_getColorObjectByAttributeValues = function getColorObjectByAttributeValues(colors, definedColor, customColor) {
if (definedColor) {
var colorObj = Object(external_this_lodash_["find"])(colors, {
slug: definedColor
});
if (colorObj) {
return colorObj;
}
}
return {
color: customColor
};
};
/**
* Provided an array of color objects as set by the theme or by the editor defaults, and a color value returns the color object matching that value or undefined.
*
* @param {Array} colors Array of color objects as set by the theme or by the editor defaults.
* @param {?string} colorValue A string containing the color value.
*
* @return {?Object} Color object included in the colors array whose color property equals colorValue.
* Returns undefined if no color object matches this requirement.
*/
var utils_getColorObjectByColorValue = function getColorObjectByColorValue(colors, colorValue) {
return Object(external_this_lodash_["find"])(colors, {
color: colorValue
});
};
/**
* Returns a class based on the context a color is being used and its slug.
*
* @param {string} colorContextName Context/place where color is being used e.g: background, text etc...
* @param {string} colorSlug Slug of the color.
*
* @return {?string} String with the class corresponding to the color in the provided context.
* Returns undefined if either colorContextName or colorSlug are not provided.
*/
function getColorClassName(colorContextName, colorSlug) {
if (!colorContextName || !colorSlug) {
return undefined;
}
return "has-".concat(Object(external_this_lodash_["kebabCase"])(colorSlug), "-").concat(colorContextName);
}
/**
* Given an array of color objects and a color value returns the color value of the most readable color in the array.
*
* @param {Array} colors Array of color objects as set by the theme or by the editor defaults.
* @param {?string} colorValue A string containing the color value.
*
* @return {string} String with the color value of the most readable color.
*/
function utils_getMostReadableColor(colors, colorValue) {
return tinycolor_default.a.mostReadable(colorValue, Object(external_this_lodash_["map"])(colors, 'color')).toHexString();
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-editor-feature/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var deprecatedFlags = {
'color.palette': function colorPalette(settings) {
return settings.colors === undefined ? undefined : settings.colors;
},
'color.gradients': function colorGradients(settings) {
return settings.gradients === undefined ? undefined : settings.gradients;
},
'color.custom': function colorCustom(settings) {
return settings.disableCustomColors === undefined ? undefined : !settings.disableCustomColors;
},
'color.customGradient': function colorCustomGradient(settings) {
return settings.disableCustomGradients === undefined ? undefined : !settings.disableCustomGradients;
},
'typography.fontSizes': function typographyFontSizes(settings) {
return settings.fontSizes === undefined ? undefined : settings.fontSizes;
},
'typography.customFontSize': function typographyCustomFontSize(settings) {
return settings.disableCustomFontSizes === undefined ? undefined : !settings.disableCustomFontSizes;
},
'typography.customLineHeight': function typographyCustomLineHeight(settings) {
return settings.enableCustomLineHeight;
},
'spacing.units': function spacingUnits(settings) {
if (settings.enableCustomUnits === undefined) {
return;
}
if (settings.enableCustomUnits === true) {
return ['px', 'em', 'rem', 'vh', 'vw'];
}
return settings.enableCustomUnits;
}
};
/**
* Hook that retrieves the setting for the given editor feature.
* It works with nested objects using by finding the value at path.
*
* @param {string} featurePath The path to the feature.
*
* @return {any} Returns the value defined for the setting.
*
* @example
* ```js
* const isEnabled = useEditorFeature( 'typography.dropCap' );
* ```
*/
function useEditorFeature(featurePath) {
var _useBlockEditContext = Object(block_edit_context["b" /* useBlockEditContext */])(),
blockName = _useBlockEditContext.name;
var setting = Object(external_this_wp_data_["useSelect"])(function (select) {
var _get;
var settings = select('core/block-editor').getSettings(); // 1 - Use __experimental features, if available.
// We cascade to the global value if the block one is not available.
//
// TODO: make it work for blocks that define multiple selectors
// such as core/heading or core/post-title.
var globalPath = "__experimentalFeatures.global.".concat(featurePath);
var blockPath = "__experimentalFeatures.".concat(blockName, ".").concat(featurePath);
var experimentalFeaturesResult = (_get = Object(external_this_lodash_["get"])(settings, blockPath)) !== null && _get !== void 0 ? _get : Object(external_this_lodash_["get"])(settings, globalPath);
if (experimentalFeaturesResult !== undefined) {
return experimentalFeaturesResult;
} // 2 - Use deprecated settings, otherwise.
var deprecatedSettingsValue = deprecatedFlags[featurePath] ? deprecatedFlags[featurePath](settings) : undefined;
if (deprecatedSettingsValue !== undefined) {
return deprecatedSettingsValue;
} // 3 - Fall back for typography.dropCap:
// This is only necessary to support typography.dropCap.
// when __experimentalFeatures are not present (core without plugin).
// To remove when __experimentalFeatures are ported to core.
return featurePath === 'typography.dropCap' ? true : undefined;
}, [blockName, featurePath]);
return setting;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/gradients/use-gradient.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var EMPTY_ARRAY = [];
function __experimentalGetGradientClass(gradientSlug) {
if (!gradientSlug) {
return undefined;
}
return "has-".concat(gradientSlug, "-gradient-background");
}
/**
* Retrieves the gradient value per slug.
*
* @param {Array} gradients Gradient Palette
* @param {string} slug Gradient slug
*
* @return {string} Gradient value.
*/
function getGradientValueBySlug(gradients, slug) {
var gradient = Object(external_this_lodash_["find"])(gradients, ['slug', slug]);
return gradient && gradient.gradient;
}
function __experimentalGetGradientObjectByGradientValue(gradients, value) {
var gradient = Object(external_this_lodash_["find"])(gradients, ['gradient', value]);
return gradient;
}
/**
* Retrieves the gradient slug per slug.
*
* @param {Array} gradients Gradient Palette
* @param {string} value Gradient value
* @return {string} Gradient slug.
*/
function getGradientSlugByValue(gradients, value) {
var gradient = __experimentalGetGradientObjectByGradientValue(gradients, value);
return gradient && gradient.slug;
}
function __experimentalUseGradient() {
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
_ref$gradientAttribut = _ref.gradientAttribute,
gradientAttribute = _ref$gradientAttribut === void 0 ? 'gradient' : _ref$gradientAttribut,
_ref$customGradientAt = _ref.customGradientAttribute,
customGradientAttribute = _ref$customGradientAt === void 0 ? 'customGradient' : _ref$customGradientAt;
var _useBlockEditContext = Object(block_edit_context["b" /* useBlockEditContext */])(),
clientId = _useBlockEditContext.clientId;
var gradients = useEditorFeature('color.gradients') || EMPTY_ARRAY;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getBlockAttributes = _select.getBlockAttributes;
var attributes = getBlockAttributes(clientId);
return {
customGradient: attributes[customGradientAttribute],
gradient: attributes[gradientAttribute]
};
}, [clientId, gradientAttribute, customGradientAttribute]),
gradient = _useSelect.gradient,
customGradient = _useSelect.customGradient;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
updateBlockAttributes = _useDispatch.updateBlockAttributes;
var setGradient = Object(external_this_wp_element_["useCallback"])(function (newGradientValue) {
var _updateBlockAttribute2;
var slug = getGradientSlugByValue(gradients, newGradientValue);
if (slug) {
var _updateBlockAttribute;
updateBlockAttributes(clientId, (_updateBlockAttribute = {}, Object(defineProperty["a" /* default */])(_updateBlockAttribute, gradientAttribute, slug), Object(defineProperty["a" /* default */])(_updateBlockAttribute, customGradientAttribute, undefined), _updateBlockAttribute));
return;
}
updateBlockAttributes(clientId, (_updateBlockAttribute2 = {}, Object(defineProperty["a" /* default */])(_updateBlockAttribute2, gradientAttribute, undefined), Object(defineProperty["a" /* default */])(_updateBlockAttribute2, customGradientAttribute, newGradientValue), _updateBlockAttribute2));
}, [gradients, clientId, updateBlockAttributes]);
var gradientClass = __experimentalGetGradientClass(gradient);
var gradientValue;
if (gradient) {
gradientValue = getGradientValueBySlug(gradients, gradient);
} else {
gradientValue = customGradient;
}
return {
gradientClass: gradientClass,
gradientValue: gradientValue,
setGradient: setGradient
};
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/utils.js
/**
* External dependencies
*/
/**
* Removed undefined values from nested object.
*
* @param {*} object
* @return {*} Object cleaned from undefined values
*/
var utils_cleanEmptyObject = function cleanEmptyObject(object) {
if (!Object(external_this_lodash_["isObject"])(object)) {
return object;
}
var cleanedNestedObjects = Object(external_this_lodash_["pickBy"])(Object(external_this_lodash_["mapValues"])(object, cleanEmptyObject), external_this_lodash_["identity"]);
return Object(external_this_lodash_["isEqual"])(cleanedNestedObjects, {}) ? undefined : cleanedNestedObjects;
};
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/objectWithoutProperties.js
var objectWithoutProperties = __webpack_require__(14);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors-gradients/control.js
function control_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 control_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { control_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { control_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
// translators: first %s: the color name or value (e.g. red or #ff0000)
var colorIndicatorAriaLabel = Object(external_this_wp_i18n_["__"])('(Color: %s)'); // translators: first %s: the gradient name or value (e.g. red to green or linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)
var gradientIndicatorAriaLabel = Object(external_this_wp_i18n_["__"])('(Gradient: %s)');
var colorsAndGradientKeys = ['colors', 'disableCustomColors', 'gradients', 'disableCustomGradients'];
function VisualLabel(_ref) {
var colors = _ref.colors,
gradients = _ref.gradients,
label = _ref.label,
currentTab = _ref.currentTab,
colorValue = _ref.colorValue,
gradientValue = _ref.gradientValue;
var value, ariaLabel;
if (currentTab === 'color') {
if (colorValue) {
value = colorValue;
var colorObject = utils_getColorObjectByColorValue(colors, value);
var colorName = colorObject && colorObject.name;
ariaLabel = Object(external_this_wp_i18n_["sprintf"])(colorIndicatorAriaLabel, colorName || value);
}
} else if (currentTab === 'gradient' && gradientValue) {
value = gradientValue;
var gradientObject = __experimentalGetGradientObjectByGradientValue(gradients, value);
var gradientName = gradientObject && gradientObject.name;
ariaLabel = Object(external_this_wp_i18n_["sprintf"])(gradientIndicatorAriaLabel, gradientName || value);
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, label, !!value && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ColorIndicator"], {
colorValue: value,
"aria-label": ariaLabel
}));
}
function ColorGradientControlInner(_ref2) {
var colors = _ref2.colors,
gradients = _ref2.gradients,
disableCustomColors = _ref2.disableCustomColors,
disableCustomGradients = _ref2.disableCustomGradients,
className = _ref2.className,
label = _ref2.label,
onColorChange = _ref2.onColorChange,
onGradientChange = _ref2.onGradientChange,
colorValue = _ref2.colorValue,
gradientValue = _ref2.gradientValue;
var canChooseAColor = onColorChange && (!Object(external_this_lodash_["isEmpty"])(colors) || !disableCustomColors);
var canChooseAGradient = onGradientChange && (!Object(external_this_lodash_["isEmpty"])(gradients) || !disableCustomGradients);
var _useState = Object(external_this_wp_element_["useState"])(gradientValue ? 'gradient' : !!canChooseAColor && 'color'),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
currentTab = _useState2[0],
setCurrentTab = _useState2[1];
if (!canChooseAColor && !canChooseAGradient) {
return null;
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["BaseControl"], {
className: classnames_default()('block-editor-color-gradient-control', className)
}, Object(external_this_wp_element_["createElement"])("fieldset", null, Object(external_this_wp_element_["createElement"])("legend", null, Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-color-gradient-control__color-indicator"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["BaseControl"].VisualLabel, null, Object(external_this_wp_element_["createElement"])(VisualLabel, {
currentTab: currentTab,
label: label,
colorValue: colorValue,
gradientValue: gradientValue
})))), canChooseAColor && canChooseAGradient && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ButtonGroup"], {
className: "block-editor-color-gradient-control__button-tabs"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
isSmall: true,
isPressed: currentTab === 'color',
onClick: function onClick() {
return setCurrentTab('color');
}
}, Object(external_this_wp_i18n_["__"])('Solid')), Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Button"], {
isSmall: true,
isPressed: currentTab === 'gradient',
onClick: function onClick() {
return setCurrentTab('gradient');
}
}, Object(external_this_wp_i18n_["__"])('Gradient'))), (currentTab === 'color' || !canChooseAGradient) && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ColorPalette"], Object(esm_extends["a" /* default */])({
value: colorValue,
onChange: canChooseAGradient ? function (newColor) {
onColorChange(newColor);
onGradientChange();
} : onColorChange
}, {
colors: colors,
disableCustomColors: disableCustomColors
})), (currentTab === 'gradient' || !canChooseAColor) && Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalGradientPicker"], Object(esm_extends["a" /* default */])({
value: gradientValue,
onChange: canChooseAColor ? function (newGradient) {
onGradientChange(newGradient);
onColorChange();
} : onGradientChange
}, {
gradients: gradients,
disableCustomGradients: disableCustomGradients
}))));
}
function ColorGradientControlSelect(props) {
var colorGradientSettings = {};
colorGradientSettings.colors = useEditorFeature('color.palette');
colorGradientSettings.gradients = useEditorFeature('color.gradients');
colorGradientSettings.disableCustomColors = !useEditorFeature('color.custom');
colorGradientSettings.disableCustomGradients = !useEditorFeature('color.customGradient');
return Object(external_this_wp_element_["createElement"])(ColorGradientControlInner, control_objectSpread(control_objectSpread({}, colorGradientSettings), props));
}
function ColorGradientControl(props) {
if (Object(external_this_lodash_["every"])(colorsAndGradientKeys, function (key) {
return props.hasOwnProperty(key);
})) {
return Object(external_this_wp_element_["createElement"])(ColorGradientControlInner, props);
}
return Object(external_this_wp_element_["createElement"])(ColorGradientControlSelect, props);
}
/* harmony default export */ var control = (ColorGradientControl);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors-gradients/panel-color-gradient-settings.js
function panel_color_gradient_settings_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 panel_color_gradient_settings_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { panel_color_gradient_settings_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { panel_color_gradient_settings_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
// translators: first %s: The type of color or gradient (e.g. background, overlay...), second %s: the color name or value (e.g. red or #ff0000)
var panel_color_gradient_settings_colorIndicatorAriaLabel = Object(external_this_wp_i18n_["__"])('(%s: color %s)'); // translators: first %s: The type of color or gradient (e.g. background, overlay...), second %s: the color name or value (e.g. red or #ff0000)
var panel_color_gradient_settings_gradientIndicatorAriaLabel = Object(external_this_wp_i18n_["__"])('(%s: gradient %s)');
var panel_color_gradient_settings_colorsAndGradientKeys = ['colors', 'disableCustomColors', 'gradients', 'disableCustomGradients'];
var panel_color_gradient_settings_Indicators = function Indicators(_ref) {
var colors = _ref.colors,
gradients = _ref.gradients,
settings = _ref.settings;
return settings.map(function (_ref2, index) {
var colorValue = _ref2.colorValue,
gradientValue = _ref2.gradientValue,
label = _ref2.label,
availableColors = _ref2.colors,
availableGradients = _ref2.gradients;
if (!colorValue && !gradientValue) {
return null;
}
var ariaLabel;
if (colorValue) {
var colorObject = utils_getColorObjectByColorValue(availableColors || colors, colorValue);
ariaLabel = Object(external_this_wp_i18n_["sprintf"])(panel_color_gradient_settings_colorIndicatorAriaLabel, label.toLowerCase(), colorObject && colorObject.name || colorValue);
} else {
var gradientObject = __experimentalGetGradientObjectByGradientValue(availableGradients || gradients, colorValue);
ariaLabel = Object(external_this_wp_i18n_["sprintf"])(panel_color_gradient_settings_gradientIndicatorAriaLabel, label.toLowerCase(), gradientObject && gradientObject.name || gradientValue);
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ColorIndicator"], {
key: index,
colorValue: colorValue || gradientValue,
"aria-label": ariaLabel
});
});
};
var panel_color_gradient_settings_PanelColorGradientSettingsInner = function PanelColorGradientSettingsInner(_ref3) {
var className = _ref3.className,
colors = _ref3.colors,
gradients = _ref3.gradients,
disableCustomColors = _ref3.disableCustomColors,
disableCustomGradients = _ref3.disableCustomGradients,
children = _ref3.children,
settings = _ref3.settings,
title = _ref3.title,
props = Object(objectWithoutProperties["a" /* default */])(_ref3, ["className", "colors", "gradients", "disableCustomColors", "disableCustomGradients", "children", "settings", "title"]);
if (Object(external_this_lodash_["isEmpty"])(colors) && Object(external_this_lodash_["isEmpty"])(gradients) && disableCustomColors && disableCustomGradients && Object(external_this_lodash_["every"])(settings, function (setting) {
return Object(external_this_lodash_["isEmpty"])(setting.colors) && Object(external_this_lodash_["isEmpty"])(setting.gradients) && (setting.disableCustomColors === undefined || setting.disableCustomColors) && (setting.disableCustomGradients === undefined || setting.disableCustomGradients);
})) {
return null;
}
var titleElement = Object(external_this_wp_element_["createElement"])("span", {
className: "block-editor-panel-color-gradient-settings__panel-title"
}, title, Object(external_this_wp_element_["createElement"])(panel_color_gradient_settings_Indicators, {
colors: colors,
gradients: gradients,
settings: settings
}));
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["PanelBody"], Object(esm_extends["a" /* default */])({
className: classnames_default()('block-editor-panel-color-gradient-settings', className),
title: titleElement
}, props), settings.map(function (setting, index) {
return Object(external_this_wp_element_["createElement"])(control, Object(esm_extends["a" /* default */])({
key: index
}, panel_color_gradient_settings_objectSpread({
colors: colors,
gradients: gradients,
disableCustomColors: disableCustomColors,
disableCustomGradients: disableCustomGradients
}, setting)));
}), children);
};
var panel_color_gradient_settings_PanelColorGradientSettingsSelect = function PanelColorGradientSettingsSelect(props) {
var colorGradientSettings = {};
colorGradientSettings.colors = useEditorFeature('color.palette');
colorGradientSettings.gradients = useEditorFeature('color.gradients');
colorGradientSettings.disableCustomColors = !useEditorFeature('color.custom');
colorGradientSettings.disableCustomGradients = !useEditorFeature('color.customGradient');
return Object(external_this_wp_element_["createElement"])(panel_color_gradient_settings_PanelColorGradientSettingsInner, panel_color_gradient_settings_objectSpread(panel_color_gradient_settings_objectSpread({}, colorGradientSettings), props));
};
var panel_color_gradient_settings_PanelColorGradientSettings = function PanelColorGradientSettings(props) {
if (Object(external_this_lodash_["every"])(panel_color_gradient_settings_colorsAndGradientKeys, function (key) {
return props.hasOwnProperty(key);
})) {
return Object(external_this_wp_element_["createElement"])(panel_color_gradient_settings_PanelColorGradientSettingsInner, props);
}
return Object(external_this_wp_element_["createElement"])(panel_color_gradient_settings_PanelColorGradientSettingsSelect, props);
};
/* harmony default export */ var panel_color_gradient_settings = (panel_color_gradient_settings_PanelColorGradientSettings);
// EXTERNAL MODULE: external {"this":["wp","a11y"]}
var external_this_wp_a11y_ = __webpack_require__(46);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/contrast-checker/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function ContrastCheckerMessage(_ref) {
var tinyBackgroundColor = _ref.tinyBackgroundColor,
tinyTextColor = _ref.tinyTextColor,
backgroundColor = _ref.backgroundColor,
textColor = _ref.textColor;
var msg = tinyBackgroundColor.getBrightness() < tinyTextColor.getBrightness() ? Object(external_this_wp_i18n_["__"])('This color combination may be hard for people to read. Try using a darker background color and/or a brighter text color.') : Object(external_this_wp_i18n_["__"])('This color combination may be hard for people to read. Try using a brighter background color and/or a darker text color.'); // Note: The `Notice` component can speak messages via its `spokenMessage`
// prop, but the contrast checker requires granular control over when the
// announcements are made. Notably, the message will be re-announced if a
// new color combination is selected and the contrast is still insufficient.
Object(external_this_wp_element_["useEffect"])(function () {
Object(external_this_wp_a11y_["speak"])(Object(external_this_wp_i18n_["__"])('This color combination may be hard for people to read.'));
}, [backgroundColor, textColor]);
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-contrast-checker"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Notice"], {
spokenMessage: null,
status: "warning",
isDismissible: false
}, msg));
}
function ContrastChecker(_ref2) {
var backgroundColor = _ref2.backgroundColor,
fallbackBackgroundColor = _ref2.fallbackBackgroundColor,
fallbackTextColor = _ref2.fallbackTextColor,
fontSize = _ref2.fontSize,
isLargeText = _ref2.isLargeText,
textColor = _ref2.textColor;
if (!(backgroundColor || fallbackBackgroundColor) || !(textColor || fallbackTextColor)) {
return null;
}
var tinyBackgroundColor = tinycolor_default()(backgroundColor || fallbackBackgroundColor);
var tinyTextColor = tinycolor_default()(textColor || fallbackTextColor);
var hasTransparency = tinyBackgroundColor.getAlpha() !== 1 || tinyTextColor.getAlpha() !== 1;
if (hasTransparency || tinycolor_default.a.isReadable(tinyBackgroundColor, tinyTextColor, {
level: 'AA',
size: isLargeText || isLargeText !== false && fontSize >= 24 ? 'large' : 'small'
})) {
return null;
}
return Object(external_this_wp_element_["createElement"])(ContrastCheckerMessage, {
backgroundColor: backgroundColor,
textColor: textColor,
tinyBackgroundColor: tinyBackgroundColor,
tinyTextColor: tinyTextColor
});
}
/* harmony default export */ var contrast_checker = (ContrastChecker);
// EXTERNAL MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-display-block-controls/index.js
var use_display_block_controls = __webpack_require__(170);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inspector-controls/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var inspector_controls_createSlotFill = Object(external_this_wp_components_["createSlotFill"])('InspectorControls'),
inspector_controls_Fill = inspector_controls_createSlotFill.Fill,
inspector_controls_Slot = inspector_controls_createSlotFill.Slot;
function InspectorControls(_ref) {
var children = _ref.children;
return Object(use_display_block_controls["a" /* default */])() ? Object(external_this_wp_element_["createElement"])(inspector_controls_Fill, null, children) : null;
}
InspectorControls.Slot = inspector_controls_Slot;
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/inspector-controls/README.md
*/
/* harmony default export */ var inspector_controls = (InspectorControls);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/dom.js
/**
* Given a block client ID, returns the corresponding DOM node for the block,
* if exists. As much as possible, this helper should be avoided, and used only
* in cases where isolated behaviors need remote access to a block node.
*
* @param {string} clientId Block client ID.
*
* @return {Element?} Block DOM node.
*/
function getBlockDOMNode(clientId) {
return document.getElementById('block-' + clientId);
}
/**
* Returns the preview container DOM node for a given block client ID, or
* undefined if the container cannot be determined.
*
* @param {string} clientId Block client ID.
*
* @return {Node|undefined} Preview container DOM node.
*/
function getBlockPreviewContainerDOMNode(clientId) {
var domNode = getBlockDOMNode(clientId);
if (!domNode) {
return;
}
return domNode.firstChild || domNode;
}
/**
* Returns true if the given element is a block focus stop. Blocks without their
* own text fields rely on the focus stop to be keyboard navigable.
*
* @param {Element} element Element to test.
*
* @return {boolean} Whether element is a block focus stop.
*/
function isBlockFocusStop(element) {
return element.classList.contains('block-editor-block-list__block');
}
/**
* Returns true if two elements are contained within the same block.
*
* @param {Element} a First element.
* @param {Element} b Second element.
*
* @return {boolean} Whether elements are in the same block.
*/
function isInSameBlock(a, b) {
return a.closest('.block-editor-block-list__block') === b.closest('.block-editor-block-list__block');
}
/**
* Returns true if an element is considered part of the block and not its
* children.
*
* @param {Element} blockElement Block container element.
* @param {Element} element Element.
*
* @return {boolean} Whether element is in the block Element but not its
* children.
*/
function isInsideRootBlock(blockElement, element) {
var parentBlock = element.closest('.block-editor-block-list__block');
return parentBlock === blockElement;
}
/**
* Returns true if the given element contains inner blocks (an InnerBlocks
* element).
*
* @param {Element} element Element to test.
*
* @return {boolean} Whether element contains inner blocks.
*/
function hasInnerBlocksContext(element) {
return element.classList.contains('block-editor-block-list__layout') || !!element.querySelector('.block-editor-block-list__layout');
}
/**
* Finds the block client ID given any DOM node inside the block.
*
* @param {Node?} node DOM node.
*
* @return {string|undefined} Client ID or undefined if the node is not part of
* a block.
*/
function getBlockClientId(node) {
while (node && node.nodeType !== node.ELEMENT_NODE) {
node = node.parentNode;
}
if (!node) {
return;
}
var elementNode =
/** @type {Element} */
node;
var blockNode = elementNode.closest('.block-editor-block-list__block');
if (!blockNode) {
return;
}
return blockNode.id.slice('block-'.length);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/color-panel.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function getComputedStyle(node) {
return node.ownerDocument.defaultView.getComputedStyle(node);
}
function ColorPanel(_ref) {
var settings = _ref.settings,
clientId = _ref.clientId,
_ref$enableContrastCh = _ref.enableContrastChecking,
enableContrastChecking = _ref$enableContrastCh === void 0 ? true : _ref$enableContrastCh;
var _useState = Object(external_this_wp_element_["useState"])(),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
detectedBackgroundColor = _useState2[0],
setDetectedBackgroundColor = _useState2[1];
var _useState3 = Object(external_this_wp_element_["useState"])(),
_useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),
detectedColor = _useState4[0],
setDetectedColor = _useState4[1];
Object(external_this_wp_element_["useEffect"])(function () {
if (!enableContrastChecking) {
return;
}
var colorsDetectionElement = getBlockDOMNode(clientId);
if (!colorsDetectionElement) {
return;
}
setDetectedColor(getComputedStyle(colorsDetectionElement).color);
var backgroundColorNode = colorsDetectionElement;
var backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor;
while (backgroundColor === 'rgba(0, 0, 0, 0)' && backgroundColorNode.parentNode && backgroundColorNode.parentNode.nodeType === backgroundColorNode.parentNode.ELEMENT_NODE) {
backgroundColorNode = backgroundColorNode.parentNode;
backgroundColor = getComputedStyle(backgroundColorNode).backgroundColor;
}
setDetectedBackgroundColor(backgroundColor);
});
return Object(external_this_wp_element_["createElement"])(inspector_controls, null, Object(external_this_wp_element_["createElement"])(panel_color_gradient_settings, {
title: Object(external_this_wp_i18n_["__"])('Color settings'),
initialOpen: false,
settings: settings
}, enableContrastChecking && Object(external_this_wp_element_["createElement"])(contrast_checker, {
backgroundColor: detectedBackgroundColor,
textColor: detectedColor
})));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/color.js
function color_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 color_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { color_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { color_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var COLOR_SUPPORT_KEY = 'color';
var color_EMPTY_ARRAY = [];
var color_hasColorSupport = function hasColorSupport(blockType) {
if (external_this_wp_element_["Platform"].OS !== 'web') {
return false;
}
var colorSupport = Object(external_this_wp_blocks_["getBlockSupport"])(blockType, COLOR_SUPPORT_KEY);
return colorSupport && (colorSupport.link === true || colorSupport.gradient === true || colorSupport.background !== false || colorSupport.text !== false);
};
var color_hasLinkColorSupport = function hasLinkColorSupport(blockType) {
if (external_this_wp_element_["Platform"].OS !== 'web') {
return false;
}
var colorSupport = Object(external_this_wp_blocks_["getBlockSupport"])(blockType, COLOR_SUPPORT_KEY);
return Object(external_this_lodash_["isObject"])(colorSupport) && !!colorSupport.link;
};
var color_hasGradientSupport = function hasGradientSupport(blockType) {
if (external_this_wp_element_["Platform"].OS !== 'web') {
return false;
}
var colorSupport = Object(external_this_wp_blocks_["getBlockSupport"])(blockType, COLOR_SUPPORT_KEY);
return Object(external_this_lodash_["isObject"])(colorSupport) && !!colorSupport.gradients;
};
var color_hasBackgroundColorSupport = function hasBackgroundColorSupport(blockType) {
if (external_this_wp_element_["Platform"].OS !== 'web') {
return false;
}
var colorSupport = Object(external_this_wp_blocks_["getBlockSupport"])(blockType, COLOR_SUPPORT_KEY);
return colorSupport && colorSupport.background !== false;
};
var color_hasTextColorSupport = function hasTextColorSupport(blockType) {
if (external_this_wp_element_["Platform"].OS !== 'web') {
return false;
}
var colorSupport = Object(external_this_wp_blocks_["getBlockSupport"])(blockType, COLOR_SUPPORT_KEY);
return colorSupport && colorSupport.text !== false;
};
/**
* Filters registered block settings, extending attributes to include
* `backgroundColor` and `textColor` attribute.
*
* @param {Object} settings Original block settings
* @return {Object} Filtered block settings
*/
function addAttributes(settings) {
if (!color_hasColorSupport(settings)) {
return settings;
} // allow blocks to specify their own attribute definition with default values if needed.
if (!settings.attributes.backgroundColor) {
Object.assign(settings.attributes, {
backgroundColor: {
type: 'string'
}
});
}
if (!settings.attributes.textColor) {
Object.assign(settings.attributes, {
textColor: {
type: 'string'
}
});
}
if (color_hasGradientSupport(settings) && !settings.attributes.gradient) {
Object.assign(settings.attributes, {
gradient: {
type: 'string'
}
});
}
return settings;
}
/**
* Override props assigned to save component to inject colors classnames.
*
* @param {Object} props Additional props applied to save element
* @param {Object} blockType Block type
* @param {Object} attributes Block attributes
* @return {Object} Filtered props applied to save element
*/
function color_addSaveProps(props, blockType, attributes) {
var _style$color, _style$color2, _style$color3, _style$color4, _style$color5, _classnames;
if (!color_hasColorSupport(blockType)) {
return props;
}
var hasGradient = color_hasGradientSupport(blockType); // I'd have prefered to avoid the "style" attribute usage here
var backgroundColor = attributes.backgroundColor,
textColor = attributes.textColor,
gradient = attributes.gradient,
style = attributes.style;
var backgroundClass = getColorClassName('background-color', backgroundColor);
var gradientClass = __experimentalGetGradientClass(gradient);
var textClass = getColorClassName('color', textColor);
var newClassName = classnames_default()(props.className, textClass, gradientClass, (_classnames = {}, Object(defineProperty["a" /* default */])(_classnames, backgroundClass, (!hasGradient || !(style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.gradient)) && !!backgroundClass), Object(defineProperty["a" /* default */])(_classnames, 'has-text-color', textColor || (style === null || style === void 0 ? void 0 : (_style$color2 = style.color) === null || _style$color2 === void 0 ? void 0 : _style$color2.text)), Object(defineProperty["a" /* default */])(_classnames, 'has-background', backgroundColor || (style === null || style === void 0 ? void 0 : (_style$color3 = style.color) === null || _style$color3 === void 0 ? void 0 : _style$color3.background) || hasGradient && (gradient || (style === null || style === void 0 ? void 0 : (_style$color4 = style.color) === null || _style$color4 === void 0 ? void 0 : _style$color4.gradient))), Object(defineProperty["a" /* default */])(_classnames, 'has-link-color', style === null || style === void 0 ? void 0 : (_style$color5 = style.color) === null || _style$color5 === void 0 ? void 0 : _style$color5.link), _classnames));
props.className = newClassName ? newClassName : undefined;
return props;
}
/**
* Filters registered block settings to extand the block edit wrapper
* to apply the desired styles and classnames properly.
*
* @param {Object} settings Original block settings
* @return {Object} Filtered block settings
*/
function addEditProps(settings) {
if (!color_hasColorSupport(settings)) {
return settings;
}
var existingGetEditWrapperProps = settings.getEditWrapperProps;
settings.getEditWrapperProps = function (attributes) {
var props = {};
if (existingGetEditWrapperProps) {
props = existingGetEditWrapperProps(attributes);
}
return color_addSaveProps(props, settings, attributes);
};
return settings;
}
var color_getLinkColorFromAttributeValue = function getLinkColorFromAttributeValue(colors, value) {
var attributeParsed = /var:preset\|color\|(.+)/.exec(value);
if (attributeParsed && attributeParsed[1]) {
return utils_getColorObjectByAttributeValues(colors, attributeParsed[1]).color;
}
return value;
};
/**
* Inspector control panel containing the color related configuration
*
* @param {Object} props
*
* @return {WPElement} Color edit element.
*/
function ColorEdit(props) {
var _style$color7, _style$color8, _style$color9, _style$color10, _props$attributes$sty2, _props$attributes$sty3;
var blockName = props.name,
attributes = props.attributes;
var isLinkColorEnabled = useEditorFeature('color.link');
var colors = useEditorFeature('color.palette') || color_EMPTY_ARRAY;
var gradients = useEditorFeature('color.gradients') || color_EMPTY_ARRAY; // Shouldn't be needed but right now the ColorGradientsPanel
// can trigger both onChangeColor and onChangeBackground
// synchronously causing our two callbacks to override changes
// from each other.
var localAttributes = Object(external_this_wp_element_["useRef"])(attributes);
Object(external_this_wp_element_["useEffect"])(function () {
localAttributes.current = attributes;
}, [attributes]);
if (!color_hasColorSupport(blockName)) {
return null;
}
var hasBackground = color_hasBackgroundColorSupport(blockName);
var hasGradient = color_hasGradientSupport(blockName);
var style = attributes.style,
textColor = attributes.textColor,
backgroundColor = attributes.backgroundColor,
gradient = attributes.gradient;
var gradientValue;
if (hasGradient && gradient) {
gradientValue = getGradientValueBySlug(gradients, gradient);
} else if (hasGradient) {
var _style$color6;
gradientValue = style === null || style === void 0 ? void 0 : (_style$color6 = style.color) === null || _style$color6 === void 0 ? void 0 : _style$color6.gradient;
}
var onChangeColor = function onChangeColor(name) {
return function (value) {
var _localAttributes$curr, _localAttributes$curr2;
var colorObject = utils_getColorObjectByColorValue(colors, value);
var attributeName = name + 'Color';
var newStyle = color_objectSpread(color_objectSpread({}, localAttributes.current.style), {}, {
color: color_objectSpread(color_objectSpread({}, (_localAttributes$curr = localAttributes.current) === null || _localAttributes$curr === void 0 ? void 0 : (_localAttributes$curr2 = _localAttributes$curr.style) === null || _localAttributes$curr2 === void 0 ? void 0 : _localAttributes$curr2.color), {}, Object(defineProperty["a" /* default */])({}, name, (colorObject === null || colorObject === void 0 ? void 0 : colorObject.slug) ? undefined : value))
});
var newNamedColor = (colorObject === null || colorObject === void 0 ? void 0 : colorObject.slug) ? colorObject.slug : undefined;
var newAttributes = Object(defineProperty["a" /* default */])({
style: utils_cleanEmptyObject(newStyle)
}, attributeName, newNamedColor);
props.setAttributes(newAttributes);
localAttributes.current = color_objectSpread(color_objectSpread({}, localAttributes.current), newAttributes);
};
};
var onChangeGradient = function onChangeGradient(value) {
var slug = getGradientSlugByValue(gradients, value);
var newAttributes;
if (slug) {
var _localAttributes$curr3, _localAttributes$curr4, _localAttributes$curr5;
var newStyle = color_objectSpread(color_objectSpread({}, (_localAttributes$curr3 = localAttributes.current) === null || _localAttributes$curr3 === void 0 ? void 0 : _localAttributes$curr3.style), {}, {
color: color_objectSpread(color_objectSpread({}, (_localAttributes$curr4 = localAttributes.current) === null || _localAttributes$curr4 === void 0 ? void 0 : (_localAttributes$curr5 = _localAttributes$curr4.style) === null || _localAttributes$curr5 === void 0 ? void 0 : _localAttributes$curr5.color), {}, {
gradient: undefined
})
});
newAttributes = {
style: utils_cleanEmptyObject(newStyle),
gradient: slug
};
} else {
var _localAttributes$curr6, _localAttributes$curr7, _localAttributes$curr8;
var _newStyle = color_objectSpread(color_objectSpread({}, (_localAttributes$curr6 = localAttributes.current) === null || _localAttributes$curr6 === void 0 ? void 0 : _localAttributes$curr6.style), {}, {
color: color_objectSpread(color_objectSpread({}, (_localAttributes$curr7 = localAttributes.current) === null || _localAttributes$curr7 === void 0 ? void 0 : (_localAttributes$curr8 = _localAttributes$curr7.style) === null || _localAttributes$curr8 === void 0 ? void 0 : _localAttributes$curr8.color), {}, {
gradient: value
})
});
newAttributes = {
style: utils_cleanEmptyObject(_newStyle),
gradient: undefined
};
}
props.setAttributes(newAttributes);
localAttributes.current = color_objectSpread(color_objectSpread({}, localAttributes.current), newAttributes);
};
var onChangeLinkColor = function onChangeLinkColor(value) {
var _props$attributes$sty;
var colorObject = utils_getColorObjectByColorValue(colors, value);
props.setAttributes({
style: color_objectSpread(color_objectSpread({}, props.attributes.style), {}, {
color: color_objectSpread(color_objectSpread({}, (_props$attributes$sty = props.attributes.style) === null || _props$attributes$sty === void 0 ? void 0 : _props$attributes$sty.color), {}, {
link: (colorObject === null || colorObject === void 0 ? void 0 : colorObject.slug) ? "var:preset|color|".concat(colorObject.slug) : value
})
})
});
};
return Object(external_this_wp_element_["createElement"])(ColorPanel, {
enableContrastChecking: // Turn on contrast checker for web only since it's not supported on mobile yet.
external_this_wp_element_["Platform"].OS === 'web' && !gradient && !(style === null || style === void 0 ? void 0 : (_style$color7 = style.color) === null || _style$color7 === void 0 ? void 0 : _style$color7.gradient),
clientId: props.clientId,
settings: [].concat(Object(toConsumableArray["a" /* default */])(color_hasTextColorSupport(blockName) ? [{
label: Object(external_this_wp_i18n_["__"])('Text Color'),
onColorChange: onChangeColor('text'),
colorValue: utils_getColorObjectByAttributeValues(colors, textColor, style === null || style === void 0 ? void 0 : (_style$color8 = style.color) === null || _style$color8 === void 0 ? void 0 : _style$color8.text).color
}] : []), Object(toConsumableArray["a" /* default */])(hasBackground || hasGradient ? [{
label: Object(external_this_wp_i18n_["__"])('Background Color'),
onColorChange: hasBackground ? onChangeColor('background') : undefined,
colorValue: utils_getColorObjectByAttributeValues(colors, backgroundColor, style === null || style === void 0 ? void 0 : (_style$color9 = style.color) === null || _style$color9 === void 0 ? void 0 : _style$color9.background).color,
gradientValue: gradientValue,
onGradientChange: hasGradient ? onChangeGradient : undefined
}] : []), Object(toConsumableArray["a" /* default */])(isLinkColorEnabled && color_hasLinkColorSupport(blockName) ? [{
label: Object(external_this_wp_i18n_["__"])('Link Color'),
onColorChange: onChangeLinkColor,
colorValue: color_getLinkColorFromAttributeValue(colors, style === null || style === void 0 ? void 0 : (_style$color10 = style.color) === null || _style$color10 === void 0 ? void 0 : _style$color10.link),
clearable: !!((_props$attributes$sty2 = props.attributes.style) === null || _props$attributes$sty2 === void 0 ? void 0 : (_props$attributes$sty3 = _props$attributes$sty2.color) === null || _props$attributes$sty3 === void 0 ? void 0 : _props$attributes$sty3.link)
}] : []))
});
}
/**
* This adds inline styles for color palette colors.
* Ideally, this is not needed and themes should load their palettes on the editor.
*
* @param {Function} BlockListBlock Original component
* @return {Function} Wrapped component
*/
var withColorPaletteStyles = Object(external_this_wp_compose_["createHigherOrderComponent"])(function (BlockListBlock) {
return function (props) {
var _getColorObjectByAttr, _getColorObjectByAttr2, _props$wrapperProps;
var name = props.name,
attributes = props.attributes;
var backgroundColor = attributes.backgroundColor,
textColor = attributes.textColor;
var colors = useEditorFeature('color.palette') || color_EMPTY_ARRAY;
if (!color_hasColorSupport(name)) {
return Object(external_this_wp_element_["createElement"])(BlockListBlock, props);
}
var extraStyles = {
color: textColor ? (_getColorObjectByAttr = utils_getColorObjectByAttributeValues(colors, textColor)) === null || _getColorObjectByAttr === void 0 ? void 0 : _getColorObjectByAttr.color : undefined,
backgroundColor: backgroundColor ? (_getColorObjectByAttr2 = utils_getColorObjectByAttributeValues(colors, backgroundColor)) === null || _getColorObjectByAttr2 === void 0 ? void 0 : _getColorObjectByAttr2.color : undefined
};
var wrapperProps = props.wrapperProps;
wrapperProps = color_objectSpread(color_objectSpread({}, props.wrapperProps), {}, {
style: color_objectSpread(color_objectSpread({}, extraStyles), (_props$wrapperProps = props.wrapperProps) === null || _props$wrapperProps === void 0 ? void 0 : _props$wrapperProps.style)
});
return Object(external_this_wp_element_["createElement"])(BlockListBlock, Object(esm_extends["a" /* default */])({}, props, {
wrapperProps: wrapperProps
}));
};
});
Object(external_this_wp_hooks_["addFilter"])('blocks.registerBlockType', 'core/color/addAttribute', addAttributes);
Object(external_this_wp_hooks_["addFilter"])('blocks.getSaveContent.extraProps', 'core/color/addSaveProps', color_addSaveProps);
Object(external_this_wp_hooks_["addFilter"])('blocks.registerBlockType', 'core/color/addEditProps', addEditProps);
Object(external_this_wp_hooks_["addFilter"])('editor.BlockListBlock', 'core/color/with-color-palette-styles', withColorPaletteStyles);
// EXTERNAL MODULE: external {"this":["wp","keycodes"]}
var external_this_wp_keycodes_ = __webpack_require__(18);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/line-height-control/utils.js
var BASE_DEFAULT_VALUE = 1.5;
var STEP = 0.1;
/**
* There are varying value types within LineHeightControl:
*
* {undefined} Initial value. No changes from the user.
* {string} Input value. Value consumed/outputted by the input. Empty would be ''.
* {number} Block attribute type. Input value needs to be converted for attribute setting.
*
* Note: If the value is undefined, the input requires it to be an empty string ('')
* in order to be considered "controlled" by props (rather than internal state).
*/
var RESET_VALUE = '';
/**
* Determines if the lineHeight attribute has been properly defined.
*
* @param {any} lineHeight The value to check.
*
* @return {boolean} Whether the lineHeight attribute is valid.
*/
function isLineHeightDefined(lineHeight) {
return lineHeight !== undefined && lineHeight !== RESET_VALUE;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/line-height-control/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function LineHeightControl(_ref) {
var lineHeight = _ref.value,
onChange = _ref.onChange;
var isDefined = isLineHeightDefined(lineHeight);
var handleOnKeyDown = function handleOnKeyDown(event) {
var keyCode = event.keyCode;
if (keyCode === external_this_wp_keycodes_["ZERO"] && !isDefined) {
/**
* Prevents the onChange callback from firing, which prevents
* the logic from assuming the change was triggered from
* an input arrow CLICK.
*/
event.preventDefault();
onChange('0');
}
};
var handleOnChange = function handleOnChange(nextValue) {
// Set the next value without modification if lineHeight has been defined
if (isDefined) {
onChange(nextValue);
return;
} // Otherwise...
/**
* The following logic handles the initial up/down arrow CLICK of the
* input element. This is so that the next values (from an undefined value state)
* are more better suited for line-height rendering.
*/
var adjustedNextValue = nextValue;
switch (nextValue) {
case "".concat(STEP):
// Increment by step value
adjustedNextValue = BASE_DEFAULT_VALUE + STEP;
break;
case '0':
// Decrement by step value
adjustedNextValue = BASE_DEFAULT_VALUE - STEP;
break;
}
onChange(adjustedNextValue);
};
var value = isDefined ? lineHeight : RESET_VALUE;
return Object(external_this_wp_element_["createElement"])("div", {
className: "block-editor-line-height-control"
}, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["TextControl"], {
autoComplete: "off",
onKeyDown: handleOnKeyDown,
onChange: handleOnChange,
label: Object(external_this_wp_i18n_["__"])('Line height'),
placeholder: BASE_DEFAULT_VALUE,
step: STEP,
type: "number",
value: value,
min: 0
}));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/line-height.js
function line_height_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 line_height_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { line_height_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { line_height_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var LINE_HEIGHT_SUPPORT_KEY = 'lineHeight';
/**
* Inspector control panel containing the line height related configuration
*
* @param {Object} props
*
* @return {WPElement} Line height edit element.
*/
function LineHeightEdit(props) {
var _style$typography;
var style = props.attributes.style;
var isDisabled = useIsLineHeightDisabled(props);
if (isDisabled) {
return null;
}
var onChange = function onChange(newLineHeightValue) {
var newStyle = line_height_objectSpread(line_height_objectSpread({}, style), {}, {
typography: line_height_objectSpread(line_height_objectSpread({}, style === null || style === void 0 ? void 0 : style.typography), {}, {
lineHeight: newLineHeightValue
})
});
props.setAttributes({
style: utils_cleanEmptyObject(newStyle)
});
};
return Object(external_this_wp_element_["createElement"])(LineHeightControl, {
value: style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.lineHeight,
onChange: onChange
});
}
/**
* Custom hook that checks if line-height settings have been disabled.
*
* @param {string} name The name of the block.
* @return {boolean} Whether setting is disabled.
*/
function useIsLineHeightDisabled() {
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
blockName = _ref.name;
var isDisabled = !useEditorFeature('typography.customLineHeight');
return !Object(external_this_wp_blocks_["hasBlockSupport"])(blockName, LINE_HEIGHT_SUPPORT_KEY) || isDisabled;
}
// EXTERNAL MODULE: external {"this":["wp","tokenList"]}
var external_this_wp_tokenList_ = __webpack_require__(156);
var external_this_wp_tokenList_default = /*#__PURE__*/__webpack_require__.n(external_this_wp_tokenList_);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-sizes/utils.js
/**
* External dependencies
*/
/**
* Returns the font size object based on an array of named font sizes and the namedFontSize and customFontSize values.
* If namedFontSize is undefined or not found in fontSizes an object with just the size value based on customFontSize is returned.
*
* @param {Array} fontSizes Array of font size objects containing at least the "name" and "size" values as properties.
* @param {?string} fontSizeAttribute Content of the font size attribute (slug).
* @param {?number} customFontSizeAttribute Contents of the custom font size attribute (value).
*
* @return {?Object} If fontSizeAttribute is set and an equal slug is found in fontSizes it returns the font size object for that slug.
* Otherwise, an object with just the size value based on customFontSize is returned.
*/
var utils_getFontSize = function getFontSize(fontSizes, fontSizeAttribute, customFontSizeAttribute) {
if (fontSizeAttribute) {
var fontSizeObject = Object(external_this_lodash_["find"])(fontSizes, {
slug: fontSizeAttribute
});
if (fontSizeObject) {
return fontSizeObject;
}
}
return {
size: customFontSizeAttribute
};
};
/**
* Returns the corresponding font size object for a given value.
*
* @param {Array} fontSizes Array of font size objects.
* @param {number} value Font size value.
*
* @return {Object} Font size object.
*/
function getFontSizeObjectByValue(fontSizes, value) {
var fontSizeObject = Object(external_this_lodash_["find"])(fontSizes, {
size: value
});
if (fontSizeObject) {
return fontSizeObject;
}
return {
size: value
};
}
/**
* Returns a class based on fontSizeName.
*
* @param {string} fontSizeSlug Slug of the fontSize.
*
* @return {string} String with the class corresponding to the fontSize passed.
* The class is generated by appending 'has-' followed by fontSizeSlug in kebabCase and ending with '-font-size'.
*/
function getFontSizeClass(fontSizeSlug) {
if (!fontSizeSlug) {
return;
}
return "has-".concat(Object(external_this_lodash_["kebabCase"])(fontSizeSlug), "-font-size");
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-sizes/font-size-picker.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function FontSizePicker(props) {
var fontSizes = useEditorFeature('typography.fontSizes');
var disableCustomFontSizes = !useEditorFeature('typography.customFontSize');
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["FontSizePicker"], Object(esm_extends["a" /* default */])({}, props, {
fontSizes: fontSizes,
disableCustomFontSizes: disableCustomFontSizes
}));
}
/* harmony default export */ var font_size_picker = (FontSizePicker);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/font-size.js
function font_size_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 font_size_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { font_size_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { font_size_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var FONT_SIZE_SUPPORT_KEY = 'fontSize';
/**
* Filters registered block settings, extending attributes to include
* `fontSize` and `fontWeight` attributes.
*
* @param {Object} settings Original block settings
* @return {Object} Filtered block settings
*/
function font_size_addAttributes(settings) {
if (!Object(external_this_wp_blocks_["hasBlockSupport"])(settings, FONT_SIZE_SUPPORT_KEY)) {
return settings;
} // Allow blocks to specify a default value if needed.
if (!settings.attributes.fontSize) {
Object.assign(settings.attributes, {
fontSize: {
type: 'string'
}
});
}
return settings;
}
/**
* Override props assigned to save component to inject font size.
*
* @param {Object} props Additional props applied to save element
* @param {Object} blockType Block type
* @param {Object} attributes Block attributes
* @return {Object} Filtered props applied to save element
*/
function font_size_addSaveProps(props, blockType, attributes) {
if (!Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, FONT_SIZE_SUPPORT_KEY)) {
return props;
} // Use TokenList to dedupe classes.
var classes = new external_this_wp_tokenList_default.a(props.className);
classes.add(getFontSizeClass(attributes.fontSize));
var newClassName = classes.value;
props.className = newClassName ? newClassName : undefined;
return props;
}
/**
* Filters registered block settings to expand the block edit wrapper
* by applying the desired styles and classnames.
*
* @param {Object} settings Original block settings
* @return {Object} Filtered block settings
*/
function font_size_addEditProps(settings) {
if (!Object(external_this_wp_blocks_["hasBlockSupport"])(settings, FONT_SIZE_SUPPORT_KEY)) {
return settings;
}
var existingGetEditWrapperProps = settings.getEditWrapperProps;
settings.getEditWrapperProps = function (attributes) {
var props = {};
if (existingGetEditWrapperProps) {
props = existingGetEditWrapperProps(attributes);
}
return font_size_addSaveProps(props, settings, attributes);
};
return settings;
}
/**
* Inspector control panel containing the font size related configuration
*
* @param {Object} props
*
* @return {WPElement} Font size edit element.
*/
function FontSizeEdit(props) {
var _style$typography;
var _props$attributes = props.attributes,
fontSize = _props$attributes.fontSize,
style = _props$attributes.style,
setAttributes = props.setAttributes;
var isDisabled = useIsFontSizeDisabled(props);
var fontSizes = useEditorFeature('typography.fontSizes');
if (isDisabled) {
return null;
}
var fontSizeObject = utils_getFontSize(fontSizes, fontSize, style === null || style === void 0 ? void 0 : (_style$typography = style.typography) === null || _style$typography === void 0 ? void 0 : _style$typography.fontSize);
var onChange = function onChange(value) {
var fontSizeSlug = getFontSizeObjectByValue(fontSizes, value).slug;
setAttributes({
style: utils_cleanEmptyObject(font_size_objectSpread(font_size_objectSpread({}, style), {}, {
typography: font_size_objectSpread(font_size_objectSpread({}, style === null || style === void 0 ? void 0 : style.typography), {}, {
fontSize: fontSizeSlug ? undefined : value
})
})),
fontSize: fontSizeSlug
});
};
return Object(external_this_wp_element_["createElement"])(font_size_picker, {
value: fontSizeObject.size,
onChange: onChange
});
}
/**
* Custom hook that checks if font-size settings have been disabled.
*
* @param {string} name The name of the block.
* @return {boolean} Whether setting is disabled.
*/
function useIsFontSizeDisabled() {
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
blockName = _ref.name;
var fontSizes = useEditorFeature('typography.fontSizes');
var hasFontSizes = !!(fontSizes === null || fontSizes === void 0 ? void 0 : fontSizes.length);
return !Object(external_this_wp_blocks_["hasBlockSupport"])(blockName, FONT_SIZE_SUPPORT_KEY) || !hasFontSizes;
}
/**
* Add inline styles for font sizes.
* Ideally, this is not needed and themes load the font-size classes on the
* editor.
*
* @param {Function} BlockListBlock Original component
* @return {Function} Wrapped component
*/
var withFontSizeInlineStyles = Object(external_this_wp_compose_["createHigherOrderComponent"])(function (BlockListBlock) {
return function (props) {
var _style$typography2;
var fontSizes = useEditorFeature('typography.fontSizes');
var blockName = props.name,
_props$attributes2 = props.attributes,
fontSize = _props$attributes2.fontSize,
style = _props$attributes2.style,
wrapperProps = props.wrapperProps;
var newProps = font_size_objectSpread({}, props); // Only add inline styles if the block supports font sizes, doesn't
// already have an inline font size, and does have a class to extract
// the font size from.
if (Object(external_this_wp_blocks_["hasBlockSupport"])(blockName, FONT_SIZE_SUPPORT_KEY) && fontSize && !(style === null || style === void 0 ? void 0 : (_style$typography2 = style.typography) === null || _style$typography2 === void 0 ? void 0 : _style$typography2.fontSize)) {
var _style$typography3;
var fontSizeValue = utils_getFontSize(fontSizes, fontSize, style === null || style === void 0 ? void 0 : (_style$typography3 = style.typography) === null || _style$typography3 === void 0 ? void 0 : _style$typography3.fontSize).size;
newProps.wrapperProps = font_size_objectSpread(font_size_objectSpread({}, wrapperProps), {}, {
style: font_size_objectSpread({
fontSize: fontSizeValue
}, wrapperProps === null || wrapperProps === void 0 ? void 0 : wrapperProps.style)
});
}
return Object(external_this_wp_element_["createElement"])(BlockListBlock, newProps);
};
}, 'withFontSizeInlineStyles');
Object(external_this_wp_hooks_["addFilter"])('blocks.registerBlockType', 'core/font/addAttribute', font_size_addAttributes);
Object(external_this_wp_hooks_["addFilter"])('blocks.getSaveContent.extraProps', 'core/font/addSaveProps', font_size_addSaveProps);
Object(external_this_wp_hooks_["addFilter"])('blocks.registerBlockType', 'core/font/addEditProps', font_size_addEditProps);
Object(external_this_wp_hooks_["addFilter"])('editor.BlockListBlock', 'core/font-size/with-font-size-inline-styles', withFontSizeInlineStyles);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/typography.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var TYPOGRAPHY_SUPPORT_KEYS = [LINE_HEIGHT_SUPPORT_KEY, FONT_SIZE_SUPPORT_KEY];
function TypographyPanel(props) {
var isDisabled = useIsTypographyDisabled(props);
var isSupported = typography_hasTypographySupport(props.name);
if (isDisabled || !isSupported) return null;
return Object(external_this_wp_element_["createElement"])(inspector_controls, null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["PanelBody"], {
title: Object(external_this_wp_i18n_["__"])('Typography')
}, Object(external_this_wp_element_["createElement"])(FontSizeEdit, props), Object(external_this_wp_element_["createElement"])(LineHeightEdit, props)));
}
var typography_hasTypographySupport = function hasTypographySupport(blockName) {
return external_this_wp_element_["Platform"].OS === 'web' && TYPOGRAPHY_SUPPORT_KEYS.some(function (key) {
return Object(external_this_wp_blocks_["hasBlockSupport"])(blockName, key);
});
};
function useIsTypographyDisabled() {
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var configs = [useIsFontSizeDisabled(props), useIsLineHeightDisabled(props)];
return configs.filter(Boolean).length === configs.length;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/unit-control/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function UnitControl(_ref) {
var unitsProp = _ref.units,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["units"]);
var units = useCustomUnits(unitsProp);
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalUnitControl"], Object(esm_extends["a" /* default */])({
units: units
}, props));
}
/**
* Filters available units based on values defined by settings.
*
* @param {Array} settings Collection of preferred units.
* @param {Array} units Collection of available units.
*
* @return {Array} Filtered units based on settings.
*/
function filterUnitsWithSettings() {
var settings = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var units = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
return units.filter(function (unit) {
return settings.includes(unit.value);
});
}
/**
* Custom hook to retrieve and consolidate units setting from add_theme_support().
*
* @param {Array} units Collection of available units.
*
* @return {Array} Filtered units based on settings.
*/
function useCustomUnits(units) {
var availableUnits = useEditorFeature('spacing.units');
var usedUnits = filterUnitsWithSettings(!availableUnits ? [] : availableUnits, units);
return usedUnits.length === 0 ? false : usedUnits;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/padding.js
function padding_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 padding_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { padding_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { padding_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var SPACING_SUPPORT_KEY = 'spacing';
var padding_hasPaddingSupport = function hasPaddingSupport(blockName) {
var spacingSupport = Object(external_this_wp_blocks_["getBlockSupport"])(blockName, SPACING_SUPPORT_KEY);
return spacingSupport && spacingSupport.padding !== false;
};
/**
* Inspector control panel containing the line height related configuration
*
* @param {Object} props
*
* @return {WPElement} Line height edit element.
*/
function PaddingEdit(props) {
var _style$spacing;
var blockName = props.name,
style = props.attributes.style,
setAttributes = props.setAttributes;
var units = useCustomUnits();
if (!padding_hasPaddingSupport(blockName)) {
return null;
}
var onChange = function onChange(next) {
var newStyle = padding_objectSpread(padding_objectSpread({}, style), {}, {
spacing: {
padding: next
}
});
setAttributes({
style: utils_cleanEmptyObject(newStyle)
});
};
var onChangeShowVisualizer = function onChangeShowVisualizer(next) {
var newStyle = padding_objectSpread(padding_objectSpread({}, style), {}, {
visualizers: {
padding: next
}
});
setAttributes({
style: utils_cleanEmptyObject(newStyle)
});
};
return external_this_wp_element_["Platform"].select({
web: Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalBoxControl"], {
values: style === null || style === void 0 ? void 0 : (_style$spacing = style.spacing) === null || _style$spacing === void 0 ? void 0 : _style$spacing.padding,
onChange: onChange,
onChangeShowVisualizer: onChangeShowVisualizer,
label: Object(external_this_wp_i18n_["__"])('Padding'),
units: units
})),
native: null
});
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/spacing-panel-control/index.js
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function SpacingPanelControl(_ref) {
var children = _ref.children,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["children"]);
var isSpacingEnabled = useEditorFeature('spacing.customPadding');
if (!isSpacingEnabled) return null;
return Object(external_this_wp_element_["createElement"])(inspector_controls, props, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["PanelBody"], {
title: Object(external_this_wp_i18n_["__"])('Spacing')
}, children));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/style.js
function style_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 style_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { style_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { style_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var styleSupportKeys = [].concat(Object(toConsumableArray["a" /* default */])(TYPOGRAPHY_SUPPORT_KEYS), [COLOR_SUPPORT_KEY, SPACING_SUPPORT_KEY]);
var style_hasStyleSupport = function hasStyleSupport(blockType) {
return styleSupportKeys.some(function (key) {
return Object(external_this_wp_blocks_["hasBlockSupport"])(blockType, key);
});
};
var VARIABLE_REFERENCE_PREFIX = 'var:';
var VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE = '|';
var VARIABLE_PATH_SEPARATOR_TOKEN_STYLE = '--';
function compileStyleValue(uncompiledValue) {
if (Object(external_this_lodash_["startsWith"])(uncompiledValue, VARIABLE_REFERENCE_PREFIX)) {
var variable = uncompiledValue.slice(VARIABLE_REFERENCE_PREFIX.length).split(VARIABLE_PATH_SEPARATOR_TOKEN_ATTRIBUTE).join(VARIABLE_PATH_SEPARATOR_TOKEN_STYLE);
return "var(--wp--".concat(variable, ")");
}
return uncompiledValue;
}
/**
* Returns the inline styles to add depending on the style object
*
* @param {Object} styles Styles configuration
* @return {Object} Flattened CSS variables declaration
*/
function getInlineStyles() {
var styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
var output = {};
Object.entries(external_this_wp_blocks_["__EXPERIMENTAL_STYLE_PROPERTY"]).forEach(function (_ref) {
var _ref2 = Object(toArray["a" /* default */])(_ref),
styleKey = _ref2[0],
otherObjectKeys = _ref2.slice(1);
var _otherObjectKeys = Object(slicedToArray["a" /* default */])(otherObjectKeys, 1),
objectKeys = _otherObjectKeys[0];
if (Object(external_this_lodash_["has"])(styles, objectKeys)) {
output[styleKey] = compileStyleValue(Object(external_this_lodash_["get"])(styles, objectKeys));
}
});
return output;
}
/**
* Filters registered block settings, extending attributes to include `style` attribute.
*
* @param {Object} settings Original block settings
* @return {Object} Filtered block settings
*/
function style_addAttribute(settings) {
if (!style_hasStyleSupport(settings)) {
return settings;
} // allow blocks to specify their own attribute definition with default values if needed.
if (!settings.attributes.style) {
Object.assign(settings.attributes, {
style: {
type: 'object'
}
});
}
return settings;
}
/**
* Override props assigned to save component to inject the CSS variables definition.
*
* @param {Object} props Additional props applied to save element
* @param {Object} blockType Block type
* @param {Object} attributes Block attributes
* @return {Object} Filtered props applied to save element
*/
function style_addSaveProps(props, blockType, attributes) {
if (!style_hasStyleSupport(blockType)) {
return props;
}
var style = attributes.style;
props.style = style_objectSpread(style_objectSpread({}, getInlineStyles(style)), props.style);
return props;
}
/**
* Filters registered block settings to extand the block edit wrapper
* to apply the desired styles and classnames properly.
*
* @param {Object} settings Original block settings
* @return {Object} Filtered block settings
*/
function style_addEditProps(settings) {
if (!style_hasStyleSupport(settings)) {
return settings;
}
var existingGetEditWrapperProps = settings.getEditWrapperProps;
settings.getEditWrapperProps = function (attributes) {
var props = {};
if (existingGetEditWrapperProps) {
props = existingGetEditWrapperProps(attributes);
}
return style_addSaveProps(props, settings, attributes);
};
return settings;
}
/**
* Override the default edit UI to include new inspector controls for
* all the custom styles configs.
*
* @param {Function} BlockEdit Original component
* @return {Function} Wrapped component
*/
var withBlockControls = Object(external_this_wp_compose_["createHigherOrderComponent"])(function (BlockEdit) {
return function (props) {
var blockName = props.name;
var hasSpacingSupport = Object(external_this_wp_blocks_["hasBlockSupport"])(blockName, SPACING_SUPPORT_KEY);
return [Object(external_this_wp_element_["createElement"])(TypographyPanel, Object(esm_extends["a" /* default */])({
key: "typography"
}, props)), Object(external_this_wp_element_["createElement"])(ColorEdit, Object(esm_extends["a" /* default */])({
key: "colors"
}, props)), Object(external_this_wp_element_["createElement"])(BlockEdit, Object(esm_extends["a" /* default */])({
key: "edit"
}, props)), hasSpacingSupport && Object(external_this_wp_element_["createElement"])(SpacingPanelControl, {
key: "spacing"
}, Object(external_this_wp_element_["createElement"])(PaddingEdit, props))];
};
}, 'withToolbarControls');
Object(external_this_wp_hooks_["addFilter"])('blocks.registerBlockType', 'core/style/addAttribute', style_addAttribute);
Object(external_this_wp_hooks_["addFilter"])('blocks.getSaveContent.extraProps', 'core/style/addSaveProps', style_addSaveProps);
Object(external_this_wp_hooks_["addFilter"])('blocks.registerBlockType', 'core/style/addEditProps', style_addEditProps);
Object(external_this_wp_hooks_["addFilter"])('editor.BlockEdit', 'core/style/with-block-controls', withBlockControls);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/hooks/index.js
/**
* Internal dependencies
*/
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/classCallCheck.js
var classCallCheck = __webpack_require__(21);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/createClass.js
var createClass = __webpack_require__(22);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js
var assertThisInitialized = __webpack_require__(16);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/inherits.js + 1 modules
var inherits = __webpack_require__(23);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/possibleConstructorReturn.js
var possibleConstructorReturn = __webpack_require__(24);
// EXTERNAL MODULE: ./node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js
var getPrototypeOf = __webpack_require__(19);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors/with-colors.js
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Object(getPrototypeOf["a" /* default */])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Object(possibleConstructorReturn["a" /* default */])(this, result); }; }
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
function with_colors_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 with_colors_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { with_colors_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { with_colors_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var DEFAULT_COLORS = [];
/**
* Higher order component factory for injecting the `colorsArray` argument as
* the colors prop in the `withCustomColors` HOC.
*
* @param {Array} colorsArray An array of color objects.
*
* @return {Function} The higher order component.
*/
var with_colors_withCustomColorPalette = function withCustomColorPalette(colorsArray) {
return Object(external_this_wp_compose_["createHigherOrderComponent"])(function (WrappedComponent) {
return function (props) {
return Object(external_this_wp_element_["createElement"])(WrappedComponent, Object(esm_extends["a" /* default */])({}, props, {
colors: colorsArray
}));
};
}, 'withCustomColorPalette');
};
/**
* Higher order component factory for injecting the editor colors as the
* `colors` prop in the `withColors` HOC.
*
* @return {Function} The higher order component.
*/
var with_colors_withEditorColorPalette = function withEditorColorPalette() {
return Object(external_this_wp_compose_["createHigherOrderComponent"])(function (WrappedComponent) {
return function (props) {
var colors = useEditorFeature('color.palette') || DEFAULT_COLORS;
return Object(external_this_wp_element_["createElement"])(WrappedComponent, Object(esm_extends["a" /* default */])({}, props, {
colors: colors
}));
};
}, 'withEditorColorPalette');
};
/**
* Helper function used with `createHigherOrderComponent` to create
* higher order components for managing color logic.
*
* @param {Array} colorTypes An array of color types (e.g. 'backgroundColor, borderColor).
* @param {Function} withColorPalette A HOC for injecting the 'colors' prop into the WrappedComponent.
*
* @return {WPComponent} The component that can be used as a HOC.
*/
function createColorHOC(colorTypes, withColorPalette) {
var colorMap = Object(external_this_lodash_["reduce"])(colorTypes, function (colorObject, colorType) {
return with_colors_objectSpread(with_colors_objectSpread({}, colorObject), Object(external_this_lodash_["isString"])(colorType) ? Object(defineProperty["a" /* default */])({}, colorType, Object(external_this_lodash_["kebabCase"])(colorType)) : colorType);
}, {});
return Object(external_this_wp_compose_["compose"])([withColorPalette, function (WrappedComponent) {
return /*#__PURE__*/function (_Component) {
Object(inherits["a" /* default */])(_class, _Component);
var _super = _createSuper(_class);
function _class(props) {
var _this;
Object(classCallCheck["a" /* default */])(this, _class);
_this = _super.call(this, props);
_this.setters = _this.createSetters();
_this.colorUtils = {
getMostReadableColor: _this.getMostReadableColor.bind(Object(assertThisInitialized["a" /* default */])(_this))
};
_this.state = {};
return _this;
}
Object(createClass["a" /* default */])(_class, [{
key: "getMostReadableColor",
value: function getMostReadableColor(colorValue) {
var colors = this.props.colors;
return utils_getMostReadableColor(colors, colorValue);
}
}, {
key: "createSetters",
value: function createSetters() {
var _this2 = this;
return Object(external_this_lodash_["reduce"])(colorMap, function (settersAccumulator, colorContext, colorAttributeName) {
var upperFirstColorAttributeName = Object(external_this_lodash_["upperFirst"])(colorAttributeName);
var customColorAttributeName = "custom".concat(upperFirstColorAttributeName);
settersAccumulator["set".concat(upperFirstColorAttributeName)] = _this2.createSetColor(colorAttributeName, customColorAttributeName);
return settersAccumulator;
}, {});
}
}, {
key: "createSetColor",
value: function createSetColor(colorAttributeName, customColorAttributeName) {
var _this3 = this;
return function (colorValue) {
var _this3$props$setAttri;
var colorObject = utils_getColorObjectByColorValue(_this3.props.colors, colorValue);
_this3.props.setAttributes((_this3$props$setAttri = {}, Object(defineProperty["a" /* default */])(_this3$props$setAttri, colorAttributeName, colorObject && colorObject.slug ? colorObject.slug : undefined), Object(defineProperty["a" /* default */])(_this3$props$setAttri, customColorAttributeName, colorObject && colorObject.slug ? undefined : colorValue), _this3$props$setAttri));
};
}
}, {
key: "render",
value: function render() {
return Object(external_this_wp_element_["createElement"])(WrappedComponent, with_colors_objectSpread(with_colors_objectSpread(with_colors_objectSpread(with_colors_objectSpread({}, this.props), {}, {
colors: undefined
}, this.state), this.setters), {}, {
colorUtils: this.colorUtils
}));
}
}], [{
key: "getDerivedStateFromProps",
value: function getDerivedStateFromProps(_ref2, previousState) {
var attributes = _ref2.attributes,
colors = _ref2.colors;
return Object(external_this_lodash_["reduce"])(colorMap, function (newState, colorContext, colorAttributeName) {
var colorObject = utils_getColorObjectByAttributeValues(colors, attributes[colorAttributeName], attributes["custom".concat(Object(external_this_lodash_["upperFirst"])(colorAttributeName))]);
var previousColorObject = previousState[colorAttributeName];
var previousColor = previousColorObject === null || previousColorObject === void 0 ? void 0 : previousColorObject.color;
/**
* The "and previousColorObject" condition checks that a previous color object was already computed.
* At the start previousColorObject and colorValue are both equal to undefined
* bus as previousColorObject does not exist we should compute the object.
*/
if (previousColor === colorObject.color && previousColorObject) {
newState[colorAttributeName] = previousColorObject;
} else {
newState[colorAttributeName] = with_colors_objectSpread(with_colors_objectSpread({}, colorObject), {}, {
class: getColorClassName(colorContext, colorObject.slug)
});
}
return newState;
}, {});
}
}]);
return _class;
}(external_this_wp_element_["Component"]);
}]);
}
/**
* A higher-order component factory for creating a 'withCustomColors' HOC, which handles color logic
* for class generation color value, retrieval and color attribute setting.
*
* Use this higher-order component to work with a custom set of colors.
*
* @example
*
* ```jsx
* const CUSTOM_COLORS = [ { name: 'Red', slug: 'red', color: '#ff0000' }, { name: 'Blue', slug: 'blue', color: '#0000ff' } ];
* const withCustomColors = createCustomColorsHOC( CUSTOM_COLORS );
* // ...
* export default compose(
* withCustomColors( 'backgroundColor', 'borderColor' ),
* MyColorfulComponent,
* );
* ```
*
* @param {Array} colorsArray The array of color objects (name, slug, color, etc... ).
*
* @return {Function} Higher-order component.
*/
function createCustomColorsHOC(colorsArray) {
return function () {
var withColorPalette = with_colors_withCustomColorPalette(colorsArray);
for (var _len = arguments.length, colorTypes = new Array(_len), _key = 0; _key < _len; _key++) {
colorTypes[_key] = arguments[_key];
}
return Object(external_this_wp_compose_["createHigherOrderComponent"])(createColorHOC(colorTypes, withColorPalette), 'withCustomColors');
};
}
/**
* A higher-order component, which handles color logic for class generation color value, retrieval and color attribute setting.
*
* For use with the default editor/theme color palette.
*
* @example
*
* ```jsx
* export default compose(
* withColors( 'backgroundColor', { textColor: 'color' } ),
* MyColorfulComponent,
* );
* ```
*
* @param {...(Object|string)} colorTypes The arguments can be strings or objects. If the argument is an object,
* it should contain the color attribute name as key and the color context as value.
* If the argument is a string the value should be the color attribute name,
* the color context is computed by applying a kebab case transform to the value.
* Color context represents the context/place where the color is going to be used.
* The class name of the color is generated using 'has' followed by the color name
* and ending with the color context all in kebab case e.g: has-green-background-color.
*
* @return {Function} Higher-order component.
*/
function withColors() {
var withColorPalette = with_colors_withEditorColorPalette();
for (var _len2 = arguments.length, colorTypes = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
colorTypes[_key2] = arguments[_key2];
}
return Object(external_this_wp_compose_["createHigherOrderComponent"])(createColorHOC(colorTypes, withColorPalette), 'withColors');
}
// EXTERNAL MODULE: ./node_modules/memize/index.js
var memize = __webpack_require__(60);
var memize_default = /*#__PURE__*/__webpack_require__.n(memize);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/panel-color-settings/index.js
function panel_color_settings_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 panel_color_settings_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { panel_color_settings_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { panel_color_settings_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* Internal dependencies
*/
var panel_color_settings_PanelColorSettings = function PanelColorSettings(_ref) {
var colorSettings = _ref.colorSettings,
props = Object(objectWithoutProperties["a" /* default */])(_ref, ["colorSettings"]);
var settings = colorSettings.map(function (_ref2) {
var value = _ref2.value,
onChange = _ref2.onChange,
otherSettings = Object(objectWithoutProperties["a" /* default */])(_ref2, ["value", "onChange"]);
return panel_color_settings_objectSpread(panel_color_settings_objectSpread({}, otherSettings), {}, {
colorValue: value,
onColorChange: onChange
});
});
return Object(external_this_wp_element_["createElement"])(panel_color_gradient_settings, Object(esm_extends["a" /* default */])({
settings: settings,
gradients: [],
disableCustomGradients: true
}, props));
};
/* harmony default export */ var panel_color_settings = (panel_color_settings_PanelColorSettings);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors/color-panel.js
/**
* External dependencies
*/
/**
* Internal dependencies
*/
var resolveContrastCheckerColor = function resolveContrastCheckerColor(color, colorSettings, detectedColor) {
if (typeof color === 'function') {
return color(colorSettings);
} else if (color === true) {
return detectedColor;
}
return color;
};
function color_panel_ColorPanel(_ref) {
var title = _ref.title,
colorSettings = _ref.colorSettings,
colorPanelProps = _ref.colorPanelProps,
contrastCheckers = _ref.contrastCheckers,
detectedBackgroundColor = _ref.detectedBackgroundColor,
detectedColor = _ref.detectedColor,
panelChildren = _ref.panelChildren,
initialOpen = _ref.initialOpen;
return Object(external_this_wp_element_["createElement"])(panel_color_settings, Object(esm_extends["a" /* default */])({
title: title,
initialOpen: initialOpen,
colorSettings: Object.values(colorSettings)
}, colorPanelProps), contrastCheckers && (Array.isArray(contrastCheckers) ? contrastCheckers.map(function (_ref2) {
var backgroundColor = _ref2.backgroundColor,
textColor = _ref2.textColor,
rest = Object(objectWithoutProperties["a" /* default */])(_ref2, ["backgroundColor", "textColor"]);
backgroundColor = resolveContrastCheckerColor(backgroundColor, colorSettings, detectedBackgroundColor);
textColor = resolveContrastCheckerColor(textColor, colorSettings, detectedColor);
return Object(external_this_wp_element_["createElement"])(contrast_checker, Object(esm_extends["a" /* default */])({
key: "".concat(backgroundColor, "-").concat(textColor),
backgroundColor: backgroundColor,
textColor: textColor
}, rest));
}) : Object(external_this_lodash_["map"])(colorSettings, function (_ref3) {
var value = _ref3.value;
var backgroundColor = contrastCheckers.backgroundColor,
textColor = contrastCheckers.textColor;
backgroundColor = resolveContrastCheckerColor(backgroundColor || value, colorSettings, detectedBackgroundColor);
textColor = resolveContrastCheckerColor(textColor || value, colorSettings, detectedColor);
return Object(external_this_wp_element_["createElement"])(contrast_checker, Object(esm_extends["a" /* default */])({}, contrastCheckers, {
key: "".concat(backgroundColor, "-").concat(textColor),
backgroundColor: backgroundColor,
textColor: textColor
}));
})), typeof panelChildren === 'function' ? panelChildren(colorSettings) : panelChildren);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors/use-colors.js
function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function use_colors_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 use_colors_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { use_colors_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { use_colors_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function use_colors_getComputedStyle(node) {
return node.ownerDocument.defaultView.getComputedStyle(node);
}
var use_colors_DEFAULT_COLORS = [];
var COMMON_COLOR_LABELS = {
textColor: Object(external_this_wp_i18n_["__"])('Text Color'),
backgroundColor: Object(external_this_wp_i18n_["__"])('Background Color')
};
var use_colors_InspectorControlsColorPanel = function InspectorControlsColorPanel(props) {
return Object(external_this_wp_element_["createElement"])(inspector_controls, null, Object(external_this_wp_element_["createElement"])(color_panel_ColorPanel, props));
};
function __experimentalUseColors(colorConfigs) {
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
panelTitle: Object(external_this_wp_i18n_["__"])('Color settings')
},
_ref$panelTitle = _ref.panelTitle,
panelTitle = _ref$panelTitle === void 0 ? Object(external_this_wp_i18n_["__"])('Color settings') : _ref$panelTitle,
colorPanelProps = _ref.colorPanelProps,
contrastCheckers = _ref.contrastCheckers,
panelChildren = _ref.panelChildren,
_ref$colorDetector = _ref.colorDetector;
_ref$colorDetector = _ref$colorDetector === void 0 ? {} : _ref$colorDetector;
var targetRef = _ref$colorDetector.targetRef,
_ref$colorDetector$ba = _ref$colorDetector.backgroundColorTargetRef,
backgroundColorTargetRef = _ref$colorDetector$ba === void 0 ? targetRef : _ref$colorDetector$ba,
_ref$colorDetector$te = _ref$colorDetector.textColorTargetRef,
textColorTargetRef = _ref$colorDetector$te === void 0 ? targetRef : _ref$colorDetector$te;
var deps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
var _useBlockEditContext = Object(block_edit_context["b" /* useBlockEditContext */])(),
clientId = _useBlockEditContext.clientId;
var settingsColors = useEditorFeature('color.palette') || use_colors_DEFAULT_COLORS;
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getBlockAttributes = _select.getBlockAttributes;
return {
attributes: getBlockAttributes(clientId)
};
}, [clientId]),
attributes = _useSelect.attributes;
var _useDispatch = Object(external_this_wp_data_["useDispatch"])('core/block-editor'),
updateBlockAttributes = _useDispatch.updateBlockAttributes;
var setAttributes = Object(external_this_wp_element_["useCallback"])(function (newAttributes) {
return updateBlockAttributes(clientId, newAttributes);
}, [updateBlockAttributes, clientId]);
var createComponent = Object(external_this_wp_element_["useMemo"])(function () {
return memize_default()(function (name, property, className, color, colorValue, customColor) {
return function (_ref2) {
var _classnames;
var children = _ref2.children,
_ref2$className = _ref2.className,
componentClassName = _ref2$className === void 0 ? '' : _ref2$className,
_ref2$style = _ref2.style,
componentStyle = _ref2$style === void 0 ? {} : _ref2$style;
var colorStyle = {};
if (color) {
colorStyle = Object(defineProperty["a" /* default */])({}, property, colorValue);
} else if (customColor) {
colorStyle = Object(defineProperty["a" /* default */])({}, property, customColor);
}
var extraProps = {
className: classnames_default()(componentClassName, (_classnames = {}, Object(defineProperty["a" /* default */])(_classnames, "has-".concat(Object(external_this_lodash_["kebabCase"])(color), "-").concat(Object(external_this_lodash_["kebabCase"])(property)), color), Object(defineProperty["a" /* default */])(_classnames, className || "has-".concat(Object(external_this_lodash_["kebabCase"])(name)), color || customColor), _classnames)),
style: use_colors_objectSpread(use_colors_objectSpread({}, colorStyle), componentStyle)
};
if (Object(external_this_lodash_["isFunction"])(children)) {
return children(extraProps);
}
return (// Clone children, setting the style property from the color configuration,
// if not already set explicitly through props.
external_this_wp_element_["Children"].map(children, function (child) {
return Object(external_this_wp_element_["cloneElement"])(child, {
className: classnames_default()(child.props.className, extraProps.className),
style: use_colors_objectSpread(use_colors_objectSpread({}, extraProps.style), child.props.style || {})
});
})
);
};
}, {
maxSize: colorConfigs.length
});
}, [colorConfigs.length]);
var createSetColor = Object(external_this_wp_element_["useMemo"])(function () {
return memize_default()(function (name, colors) {
return function (newColor) {
var color = colors.find(function (_color) {
return _color.color === newColor;
});
setAttributes(Object(defineProperty["a" /* default */])({}, color ? Object(external_this_lodash_["camelCase"])("custom ".concat(name)) : name, undefined));
setAttributes(Object(defineProperty["a" /* default */])({}, color ? name : Object(external_this_lodash_["camelCase"])("custom ".concat(name)), color ? color.slug : newColor));
};
}, {
maxSize: colorConfigs.length
});
}, [setAttributes, colorConfigs.length]);
var _useState = Object(external_this_wp_element_["useState"])(),
_useState2 = Object(slicedToArray["a" /* default */])(_useState, 2),
detectedBackgroundColor = _useState2[0],
setDetectedBackgroundColor = _useState2[1];
var _useState3 = Object(external_this_wp_element_["useState"])(),
_useState4 = Object(slicedToArray["a" /* default */])(_useState3, 2),
detectedColor = _useState4[0],
setDetectedColor = _useState4[1];
Object(external_this_wp_element_["useEffect"])(function () {
if (!contrastCheckers) {
return undefined;
}
var needsBackgroundColor = false;
var needsColor = false;
var _iterator = _createForOfIteratorHelper(Object(external_this_lodash_["castArray"])(contrastCheckers)),
_step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done;) {
var _step$value = _step.value,
_backgroundColor = _step$value.backgroundColor,
textColor = _step$value.textColor;
if (!needsBackgroundColor) {
needsBackgroundColor = _backgroundColor === true;
}
if (!needsColor) {
needsColor = textColor === true;
}
if (needsBackgroundColor && needsColor) {
break;
}
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
if (needsColor) {
setDetectedColor(use_colors_getComputedStyle(textColorTargetRef.current).color);
}
if (needsBackgroundColor) {
var backgroundColorNode = backgroundColorTargetRef.current;
var backgroundColor = use_colors_getComputedStyle(backgroundColorNode).backgroundColor;
while (backgroundColor === 'rgba(0, 0, 0, 0)' && backgroundColorNode.parentNode && backgroundColorNode.parentNode.nodeType === backgroundColorNode.parentNode.ELEMENT_NODE) {
backgroundColorNode = backgroundColorNode.parentNode;
backgroundColor = use_colors_getComputedStyle(backgroundColorNode).backgroundColor;
}
setDetectedBackgroundColor(backgroundColor);
}
}, [colorConfigs.reduce(function (acc, colorConfig) {
return "".concat(acc, " | ").concat(attributes[colorConfig.name], " | ").concat(attributes[Object(external_this_lodash_["camelCase"])("custom ".concat(colorConfig.name))]);
}, '')].concat(Object(toConsumableArray["a" /* default */])(deps)));
return Object(external_this_wp_element_["useMemo"])(function () {
var colorSettings = {};
var components = colorConfigs.reduce(function (acc, colorConfig) {
if (typeof colorConfig === 'string') {
colorConfig = {
name: colorConfig
};
}
var _colorConfig$color = use_colors_objectSpread(use_colors_objectSpread({}, colorConfig), {}, {
color: attributes[colorConfig.name]
}),
name = _colorConfig$color.name,
_colorConfig$color$pr = _colorConfig$color.property,
property = _colorConfig$color$pr === void 0 ? name : _colorConfig$color$pr,
className = _colorConfig$color.className,
_colorConfig$color$pa = _colorConfig$color.panelLabel,
panelLabel = _colorConfig$color$pa === void 0 ? colorConfig.label || COMMON_COLOR_LABELS[name] || Object(external_this_lodash_["startCase"])(name) : _colorConfig$color$pa,
_colorConfig$color$co = _colorConfig$color.componentName,
componentName = _colorConfig$color$co === void 0 ? Object(external_this_lodash_["startCase"])(name).replace(/\s/g, '') : _colorConfig$color$co,
_colorConfig$color$co2 = _colorConfig$color.color,
color = _colorConfig$color$co2 === void 0 ? colorConfig.color : _colorConfig$color$co2,
_colorConfig$color$co3 = _colorConfig$color.colors,
colors = _colorConfig$color$co3 === void 0 ? settingsColors : _colorConfig$color$co3;
var customColor = attributes[Object(external_this_lodash_["camelCase"])("custom ".concat(name))]; // We memoize the non-primitives to avoid unnecessary updates
// when they are used as props for other components.
var _color = customColor ? undefined : colors.find(function (__color) {
return __color.slug === color;
});
acc[componentName] = createComponent(name, property, className, color, _color && _color.color, customColor);
acc[componentName].displayName = componentName;
acc[componentName].color = customColor ? customColor : _color && _color.color;
acc[componentName].slug = color;
acc[componentName].setColor = createSetColor(name, colors);
colorSettings[componentName] = {
value: _color ? _color.color : attributes[Object(external_this_lodash_["camelCase"])("custom ".concat(name))],
onChange: acc[componentName].setColor,
label: panelLabel,
colors: colors
}; // These settings will be spread over the `colors` in
// `colorPanelProps`, so we need to unset the key here,
// if not set to an actual value, to avoid overwriting
// an actual value in `colorPanelProps`.
if (!colors) {
delete colorSettings[componentName].colors;
}
return acc;
}, {});
var wrappedColorPanelProps = {
title: panelTitle,
initialOpen: false,
colorSettings: colorSettings,
colorPanelProps: colorPanelProps,
contrastCheckers: contrastCheckers,
detectedBackgroundColor: detectedBackgroundColor,
detectedColor: detectedColor,
panelChildren: panelChildren
};
return use_colors_objectSpread(use_colors_objectSpread({}, components), {}, {
ColorPanel: Object(external_this_wp_element_["createElement"])(color_panel_ColorPanel, wrappedColorPanelProps),
InspectorControlsColorPanel: Object(external_this_wp_element_["createElement"])(use_colors_InspectorControlsColorPanel, wrappedColorPanelProps)
});
}, [attributes, setAttributes, detectedColor, detectedBackgroundColor].concat(Object(toConsumableArray["a" /* default */])(deps)));
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/colors/index.js
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/gradients/index.js
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-sizes/with-font-sizes.js
function with_font_sizes_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 with_font_sizes_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { with_font_sizes_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { with_font_sizes_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
function with_font_sizes_createSuper(Derived) { var hasNativeReflectConstruct = with_font_sizes_isNativeReflectConstruct(); return function _createSuperInternal() { var Super = Object(getPrototypeOf["a" /* default */])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = Object(getPrototypeOf["a" /* default */])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return Object(possibleConstructorReturn["a" /* default */])(this, result); }; }
function with_font_sizes_isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var DEFAULT_FONT_SIZES = [];
/**
* Higher-order component, which handles font size logic for class generation,
* font size value retrieval, and font size change handling.
*
* @param {...(Object|string)} fontSizeNames The arguments should all be strings.
* Each string contains the font size
* attribute name e.g: 'fontSize'.
*
* @return {Function} Higher-order component.
*/
/* harmony default export */ var with_font_sizes = (function () {
for (var _len = arguments.length, fontSizeNames = new Array(_len), _key = 0; _key < _len; _key++) {
fontSizeNames[_key] = arguments[_key];
}
/*
* Computes an object whose key is the font size attribute name as passed in the array,
* and the value is the custom font size attribute name.
* Custom font size is automatically compted by appending custom followed by the font size attribute name in with the first letter capitalized.
*/
var fontSizeAttributeNames = Object(external_this_lodash_["reduce"])(fontSizeNames, function (fontSizeAttributeNamesAccumulator, fontSizeAttributeName) {
fontSizeAttributeNamesAccumulator[fontSizeAttributeName] = "custom".concat(Object(external_this_lodash_["upperFirst"])(fontSizeAttributeName));
return fontSizeAttributeNamesAccumulator;
}, {});
return Object(external_this_wp_compose_["createHigherOrderComponent"])(Object(external_this_wp_compose_["compose"])([Object(external_this_wp_compose_["createHigherOrderComponent"])(function (WrappedComponent) {
return function (props) {
var fontSizes = useEditorFeature('typography.fontSizes') || DEFAULT_FONT_SIZES;
return Object(external_this_wp_element_["createElement"])(WrappedComponent, Object(esm_extends["a" /* default */])({}, props, {
fontSizes: fontSizes
}));
};
}, 'withFontSizes'), function (WrappedComponent) {
return /*#__PURE__*/function (_Component) {
Object(inherits["a" /* default */])(_class, _Component);
var _super = with_font_sizes_createSuper(_class);
function _class(props) {
var _this;
Object(classCallCheck["a" /* default */])(this, _class);
_this = _super.call(this, props);
_this.setters = _this.createSetters();
_this.state = {};
return _this;
}
Object(createClass["a" /* default */])(_class, [{
key: "createSetters",
value: function createSetters() {
var _this2 = this;
return Object(external_this_lodash_["reduce"])(fontSizeAttributeNames, function (settersAccumulator, customFontSizeAttributeName, fontSizeAttributeName) {
var upperFirstFontSizeAttributeName = Object(external_this_lodash_["upperFirst"])(fontSizeAttributeName);
settersAccumulator["set".concat(upperFirstFontSizeAttributeName)] = _this2.createSetFontSize(fontSizeAttributeName, customFontSizeAttributeName);
return settersAccumulator;
}, {});
}
}, {
key: "createSetFontSize",
value: function createSetFontSize(fontSizeAttributeName, customFontSizeAttributeName) {
var _this3 = this;
return function (fontSizeValue) {
var _this3$props$setAttri;
var fontSizeObject = Object(external_this_lodash_["find"])(_this3.props.fontSizes, {
size: Number(fontSizeValue)
});
_this3.props.setAttributes((_this3$props$setAttri = {}, Object(defineProperty["a" /* default */])(_this3$props$setAttri, fontSizeAttributeName, fontSizeObject && fontSizeObject.slug ? fontSizeObject.slug : undefined), Object(defineProperty["a" /* default */])(_this3$props$setAttri, customFontSizeAttributeName, fontSizeObject && fontSizeObject.slug ? undefined : fontSizeValue), _this3$props$setAttri));
};
}
}, {
key: "render",
value: function render() {
return Object(external_this_wp_element_["createElement"])(WrappedComponent, with_font_sizes_objectSpread(with_font_sizes_objectSpread(with_font_sizes_objectSpread({}, this.props), {}, {
fontSizes: undefined
}, this.state), this.setters));
}
}], [{
key: "getDerivedStateFromProps",
value: function getDerivedStateFromProps(_ref, previousState) {
var attributes = _ref.attributes,
fontSizes = _ref.fontSizes;
var didAttributesChange = function didAttributesChange(customFontSizeAttributeName, fontSizeAttributeName) {
if (previousState[fontSizeAttributeName]) {
// if new font size is name compare with the previous slug
if (attributes[fontSizeAttributeName]) {
return attributes[fontSizeAttributeName] !== previousState[fontSizeAttributeName].slug;
} // if font size is not named, update when the font size value changes.
return previousState[fontSizeAttributeName].size !== attributes[customFontSizeAttributeName];
} // in this case we need to build the font size object
return true;
};
if (!Object(external_this_lodash_["some"])(fontSizeAttributeNames, didAttributesChange)) {
return null;
}
var newState = Object(external_this_lodash_["reduce"])(Object(external_this_lodash_["pickBy"])(fontSizeAttributeNames, didAttributesChange), function (newStateAccumulator, customFontSizeAttributeName, fontSizeAttributeName) {
var fontSizeAttributeValue = attributes[fontSizeAttributeName];
var fontSizeObject = utils_getFontSize(fontSizes, fontSizeAttributeValue, attributes[customFontSizeAttributeName]);
newStateAccumulator[fontSizeAttributeName] = with_font_sizes_objectSpread(with_font_sizes_objectSpread({}, fontSizeObject), {}, {
class: getFontSizeClass(fontSizeAttributeValue)
});
return newStateAccumulator;
}, {});
return with_font_sizes_objectSpread(with_font_sizes_objectSpread({}, previousState), newState);
}
}]);
return _class;
}(external_this_wp_element_["Component"]);
}]), 'withFontSizes');
});
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/font-sizes/index.js
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/align-left.js
var align_left = __webpack_require__(304);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/align-center.js
var align_center = __webpack_require__(305);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/align-right.js
var align_right = __webpack_require__(306);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/alignment-toolbar/index.js
function alignment_toolbar_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 alignment_toolbar_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { alignment_toolbar_ownKeys(Object(source), true).forEach(function (key) { Object(defineProperty["a" /* default */])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { alignment_toolbar_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
var DEFAULT_ALIGNMENT_CONTROLS = [{
icon: align_left["a" /* default */],
title: Object(external_this_wp_i18n_["__"])('Align text left'),
align: 'left'
}, {
icon: align_center["a" /* default */],
title: Object(external_this_wp_i18n_["__"])('Align text center'),
align: 'center'
}, {
icon: align_right["a" /* default */],
title: Object(external_this_wp_i18n_["__"])('Align text right'),
align: 'right'
}];
var alignment_toolbar_POPOVER_PROPS = {
position: 'bottom right',
isAlternate: true
};
function AlignmentToolbar(props) {
var value = props.value,
onChange = props.onChange,
_props$alignmentContr = props.alignmentControls,
alignmentControls = _props$alignmentContr === void 0 ? DEFAULT_ALIGNMENT_CONTROLS : _props$alignmentContr,
_props$label = props.label,
label = _props$label === void 0 ? Object(external_this_wp_i18n_["__"])('Change text alignment') : _props$label,
_props$isCollapsed = props.isCollapsed,
isCollapsed = _props$isCollapsed === void 0 ? true : _props$isCollapsed,
isRTL = props.isRTL;
function applyOrUnset(align) {
return function () {
return onChange(value === align ? undefined : align);
};
}
var activeAlignment = Object(external_this_lodash_["find"])(alignmentControls, function (control) {
return control.align === value;
});
function setIcon() {
if (activeAlignment) return activeAlignment.icon;
return isRTL ? align_right["a" /* default */] : align_left["a" /* default */];
}
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarGroup"], {
isCollapsed: isCollapsed,
icon: setIcon(),
label: label,
popoverProps: alignment_toolbar_POPOVER_PROPS,
controls: alignmentControls.map(function (control) {
var align = control.align;
var isActive = value === align;
return alignment_toolbar_objectSpread(alignment_toolbar_objectSpread({}, control), {}, {
isActive: isActive,
role: isCollapsed ? 'menuitemradio' : undefined,
onClick: applyOrUnset(align)
});
})
});
}
/* harmony default export */ var alignment_toolbar = (AlignmentToolbar);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/search-items.js
/**
* External dependencies
*/
// Default search helpers
var defaultGetName = function defaultGetName(item) {
return item.name || '';
};
var defaultGetTitle = function defaultGetTitle(item) {
return item.title;
};
var defaultGetKeywords = function defaultGetKeywords(item) {
return item.keywords || [];
};
var defaultGetCategory = function defaultGetCategory(item) {
return item.category;
};
var defaultGetCollection = function defaultGetCollection() {
return null;
};
/**
* Sanitizes the search input string.
*
* @param {string} input The search input to normalize.
*
* @return {string} The normalized search input.
*/
function normalizeSearchInput() {
var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
// Disregard diacritics.
// Input: "média"
input = Object(external_this_lodash_["deburr"])(input); // Accommodate leading slash, matching autocomplete expectations.
// Input: "/media"
input = input.replace(/^\//, ''); // Lowercase.
// Input: "MEDIA"
input = input.toLowerCase();
return input;
}
/**
* Converts the search term into a list of normalized terms.
*
* @param {string} input The search term to normalize.
*
* @return {string[]} The normalized list of search terms.
*/
var search_items_getNormalizedSearchTerms = function getNormalizedSearchTerms() {
var input = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
// Extract words.
return Object(external_this_lodash_["words"])(normalizeSearchInput(input));
};
var search_items_removeMatchingTerms = function removeMatchingTerms(unmatchedTerms, unprocessedTerms) {
return Object(external_this_lodash_["differenceWith"])(unmatchedTerms, search_items_getNormalizedSearchTerms(unprocessedTerms), function (unmatchedTerm, unprocessedTerm) {
return unprocessedTerm.includes(unmatchedTerm);
});
};
var search_items_searchBlockItems = function searchBlockItems(items, categories, collections, searchInput) {
var normalizedSearchTerms = search_items_getNormalizedSearchTerms(searchInput);
if (normalizedSearchTerms.length === 0) {
return items;
}
var config = {
getCategory: function getCategory(item) {
var _find;
return (_find = Object(external_this_lodash_["find"])(categories, {
slug: item.category
})) === null || _find === void 0 ? void 0 : _find.title;
},
getCollection: function getCollection(item) {
var _collections$item$nam;
return (_collections$item$nam = collections[item.name.split('/')[0]]) === null || _collections$item$nam === void 0 ? void 0 : _collections$item$nam.title;
},
getVariations: function getVariations(_ref) {
var _ref$variations = _ref.variations,
variations = _ref$variations === void 0 ? [] : _ref$variations;
return Array.from(variations.reduce(function (accumulator, _ref2) {
var title = _ref2.title,
_ref2$keywords = _ref2.keywords,
keywords = _ref2$keywords === void 0 ? [] : _ref2$keywords;
accumulator.add(title);
keywords.forEach(function (keyword) {
return accumulator.add(keyword);
});
return accumulator;
}, new Set()));
}
};
return search_items_searchItems(items, searchInput, config);
};
/**
* Filters an item list given a search term.
*
* @param {Array} items Item list
* @param {string} searchInput Search input.
* @param {Object} config Search Config.
* @return {Array} Filtered item list.
*/
var search_items_searchItems = function searchItems() {
var items = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
var searchInput = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var normalizedSearchTerms = search_items_getNormalizedSearchTerms(searchInput);
if (normalizedSearchTerms.length === 0) {
return items;
}
var rankedItems = items.map(function (item) {
return [item, getItemSearchRank(item, searchInput, config)];
}).filter(function (_ref3) {
var _ref4 = Object(slicedToArray["a" /* default */])(_ref3, 2),
rank = _ref4[1];
return rank > 0;
});
rankedItems.sort(function (_ref5, _ref6) {
var _ref7 = Object(slicedToArray["a" /* default */])(_ref5, 2),
rank1 = _ref7[1];
var _ref8 = Object(slicedToArray["a" /* default */])(_ref6, 2),
rank2 = _ref8[1];
return rank2 - rank1;
});
return rankedItems.map(function (_ref9) {
var _ref10 = Object(slicedToArray["a" /* default */])(_ref9, 1),
item = _ref10[0];
return item;
});
};
/**
* Get the search rank for a given item and a specific search term.
* The better the match, the higher the rank.
* If the rank equals 0, it should be excluded from the results.
*
* @param {Object} item Item to filter.
* @param {string} searchTerm Search term.
* @param {Object} config Search Config.
* @return {number} Search Rank.
*/
function getItemSearchRank(item, searchTerm) {
var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
var _config$getName = config.getName,
getName = _config$getName === void 0 ? defaultGetName : _config$getName,
_config$getTitle = config.getTitle,
getTitle = _config$getTitle === void 0 ? defaultGetTitle : _config$getTitle,
_config$getKeywords = config.getKeywords,
getKeywords = _config$getKeywords === void 0 ? defaultGetKeywords : _config$getKeywords,
_config$getCategory = config.getCategory,
getCategory = _config$getCategory === void 0 ? defaultGetCategory : _config$getCategory,
_config$getCollection = config.getCollection,
getCollection = _config$getCollection === void 0 ? defaultGetCollection : _config$getCollection;
var name = getName(item);
var title = getTitle(item);
var keywords = getKeywords(item);
var category = getCategory(item);
var collection = getCollection(item);
var normalizedSearchInput = normalizeSearchInput(searchTerm);
var normalizedTitle = normalizeSearchInput(title);
var rank = 0; // Prefers exact matches
// Then prefers if the beginning of the title matches the search term
// name, keywords, categories, collection, variations match come later.
if (normalizedSearchInput === normalizedTitle) {
rank += 30;
} else if (normalizedTitle.startsWith(normalizedSearchInput)) {
rank += 20;
} else {
var terms = [name, title].concat(Object(toConsumableArray["a" /* default */])(keywords), [category, collection]).join(' ');
var normalizedSearchTerms = Object(external_this_lodash_["words"])(normalizedSearchInput);
var unmatchedTerms = search_items_removeMatchingTerms(normalizedSearchTerms, terms);
if (unmatchedTerms.length === 0) {
rank += 10;
}
} // Give a better rank to "core" namespaced items.
if (rank !== 0 && name.startsWith('core/')) {
rank++;
}
return rank;
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/inserter/hooks/use-block-types-state.js
/**
* WordPress dependencies
*/
/**
* Retrieves the block types inserter state.
*
* @param {string=} rootClientId Insertion's root client ID.
* @param {Function} onInsert function called when inserter a list of blocks.
* @return {Array} Returns the block types state. (block types, categories, collections, onSelect handler)
*/
var use_block_types_state_useBlockTypesState = function useBlockTypesState(rootClientId, onInsert) {
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getInserterItems = _select.getInserterItems;
var _select2 = select('core/blocks'),
getCategories = _select2.getCategories,
getCollections = _select2.getCollections;
return {
categories: getCategories(),
collections: getCollections(),
items: getInserterItems(rootClientId)
};
}, [rootClientId]),
categories = _useSelect.categories,
collections = _useSelect.collections,
items = _useSelect.items;
var onSelectItem = function onSelectItem(_ref) {
var name = _ref.name,
initialAttributes = _ref.initialAttributes,
innerBlocks = _ref.innerBlocks;
var insertedBlock = Object(external_this_wp_blocks_["createBlock"])(name, initialAttributes, Object(external_this_wp_blocks_["createBlocksFromInnerBlocksTemplate"])(innerBlocks));
onInsert(insertedBlock);
};
return [items, categories, collections, onSelectItem];
};
/* harmony default export */ var use_block_types_state = (use_block_types_state_useBlockTypesState);
// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/block-default.js
var block_default = __webpack_require__(208);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-icon/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function BlockIcon(_ref) {
var _icon;
var icon = _ref.icon,
_ref$showColors = _ref.showColors,
showColors = _ref$showColors === void 0 ? false : _ref$showColors,
className = _ref.className;
if (((_icon = icon) === null || _icon === void 0 ? void 0 : _icon.src) === 'block-default') {
icon = {
src: block_default["a" /* default */]
};
}
var renderedIcon = Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Icon"], {
icon: icon && icon.src ? icon.src : icon
});
var style = showColors ? {
backgroundColor: icon && icon.background,
color: icon && icon.foreground
} : {};
return Object(external_this_wp_element_["createElement"])("span", {
style: style,
className: classnames_default()('block-editor-block-icon', className, {
'has-colors': showColors
})
}, renderedIcon);
}
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/autocompleters/block.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
var SHOWN_BLOCK_TYPES = 9;
/** @typedef {import('@wordpress/block-editor').WPEditorInserterItem} WPEditorInserterItem */
/** @typedef {import('@wordpress/components').WPCompleter} WPCompleter */
/**
* Creates a blocks repeater for replacing the current block with a selected block type.
*
* @param {Object} props Component props.
* @param {string} [props.getBlockInsertionParentClientId] Client ID of the parent.
* @param {string} [props.getInserterItems] Inserter items for parent.
* @param {string} [props.getSelectedBlockName] Name of selected block or null.
*
* @return {WPCompleter} A blocks completer.
*/
function createBlockCompleter() {
return {
name: 'blocks',
className: 'block-editor-autocompleters__block',
triggerPrefix: '/',
useItems: function useItems(filterValue) {
var _useSelect = Object(external_this_wp_data_["useSelect"])(function (select) {
var _select = select('core/block-editor'),
getSelectedBlockClientId = _select.getSelectedBlockClientId,
getBlockName = _select.getBlockName,
getBlockInsertionPoint = _select.getBlockInsertionPoint;
var selectedBlockClientId = getSelectedBlockClientId();
return {
selectedBlockName: selectedBlockClientId ? getBlockName(selectedBlockClientId) : null,
rootClientId: getBlockInsertionPoint().rootClientId
};
}, []),
rootClientId = _useSelect.rootClientId,
selectedBlockName = _useSelect.selectedBlockName;
var _useBlockTypesState = use_block_types_state(rootClientId, external_this_lodash_["noop"]),
_useBlockTypesState2 = Object(slicedToArray["a" /* default */])(_useBlockTypesState, 3),
items = _useBlockTypesState2[0],
categories = _useBlockTypesState2[1],
collections = _useBlockTypesState2[2];
var filteredItems = Object(external_this_wp_element_["useMemo"])(function () {
var initialFilteredItems = !!filterValue.trim() ? search_items_searchBlockItems(items, categories, collections, filterValue) : Object(external_this_lodash_["orderBy"])(items, ['frecency'], ['desc']);
return initialFilteredItems.filter(function (item) {
return item.name !== selectedBlockName;
}).slice(0, SHOWN_BLOCK_TYPES);
}, [filterValue, selectedBlockName, items, categories, collections]);
var options = Object(external_this_wp_element_["useMemo"])(function () {
return filteredItems.map(function (blockItem) {
var title = blockItem.title,
icon = blockItem.icon,
isDisabled = blockItem.isDisabled;
return {
key: "block-".concat(blockItem.id),
value: blockItem,
label: Object(external_this_wp_element_["createElement"])(external_this_wp_element_["Fragment"], null, Object(external_this_wp_element_["createElement"])(BlockIcon, {
key: "icon",
icon: icon,
showColors: true
}), title),
isDisabled: isDisabled
};
});
}, [filteredItems]);
return [options];
},
allowContext: function allowContext(before, after) {
return !(/\S/.test(before) || /\S/.test(after));
},
getOptionCompletion: function getOptionCompletion(inserterItem) {
var name = inserterItem.name,
initialAttributes = inserterItem.initialAttributes,
innerBlocks = inserterItem.innerBlocks;
return {
action: 'replace',
value: Object(external_this_wp_blocks_["createBlock"])(name, initialAttributes, Object(external_this_wp_blocks_["createBlocksFromInnerBlocksTemplate"])(innerBlocks))
};
}
};
}
/**
* Creates a blocks repeater for replacing the current block with a selected block type.
*
* @return {WPCompleter} A blocks completer.
*/
/* harmony default export */ var autocompleters_block = (createBlockCompleter());
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/autocomplete/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
/**
* Shared reference to an empty array for cases where it is important to avoid
* returning a new array reference on every invocation.
*
* @type {Array}
*/
var autocomplete_EMPTY_ARRAY = [];
/**
* Wrap the default Autocomplete component with one that supports a filter hook
* for customizing its list of autocompleters.
*
* @type {import('react').FC}
*/
function BlockEditorAutocomplete(props) {
var _useBlockEditContext = Object(block_edit_context["b" /* useBlockEditContext */])(),
name = _useBlockEditContext.name;
var _props$completers = props.completers,
completers = _props$completers === void 0 ? autocomplete_EMPTY_ARRAY : _props$completers;
completers = Object(external_this_wp_element_["useMemo"])(function () {
var filteredCompleters = completers;
if (name === Object(external_this_wp_blocks_["getDefaultBlockName"])()) {
filteredCompleters = filteredCompleters.concat([autocompleters_block]);
}
if (Object(external_this_wp_hooks_["hasFilter"])('editor.Autocomplete.completers')) {
// Provide copies so filters may directly modify them.
if (filteredCompleters === completers) {
filteredCompleters = filteredCompleters.map(external_this_lodash_["clone"]);
}
filteredCompleters = Object(external_this_wp_hooks_["applyFilters"])('editor.Autocomplete.completers', filteredCompleters, name);
}
return filteredCompleters;
}, [completers, name]);
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Autocomplete"], Object(esm_extends["a" /* default */])({}, props, {
completers: completers
}));
}
/**
* @see https://github.com/WordPress/gutenberg/blob/master/packages/block-editor/src/components/autocomplete/README.md
*/
/* harmony default export */ var autocomplete = (BlockEditorAutocomplete);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-alignment-matrix-toolbar/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
function BlockAlignmentMatrixToolbar(props) {
var _props$label = props.label,
label = _props$label === void 0 ? Object(external_this_wp_i18n_["__"])('Change matrix alignment') : _props$label,
_props$onChange = props.onChange,
onChange = _props$onChange === void 0 ? external_this_lodash_["noop"] : _props$onChange,
_props$value = props.value,
value = _props$value === void 0 ? 'center' : _props$value;
var icon = Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalAlignmentMatrixControl"].Icon, {
value: value
});
var className = 'block-editor-block-alignment-matrix-toolbar';
var popoverClassName = "".concat(className, "__popover");
var isAlternate = true;
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["Dropdown"], {
position: "bottom right",
className: className,
popoverProps: {
className: popoverClassName,
isAlternate: isAlternate
},
renderToggle: function renderToggle(_ref) {
var onToggle = _ref.onToggle,
isOpen = _ref.isOpen;
var openOnArrowDown = function openOnArrowDown(event) {
if (!isOpen && event.keyCode === external_this_wp_keycodes_["DOWN"]) {
event.preventDefault();
event.stopPropagation();
onToggle();
}
};
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarGroup"], null, Object(external_this_wp_element_["createElement"])(external_this_wp_components_["ToolbarButton"], {
onClick: onToggle,
"aria-haspopup": "true",
"aria-expanded": isOpen,
onKeyDown: openOnArrowDown,
label: label,
icon: icon,
showTooltip: true
}));
},
renderContent: function renderContent() {
return Object(external_this_wp_element_["createElement"])(external_this_wp_components_["__experimentalAlignmentMatrixControl"], {
hasFocusBorder: false,
onChange: onChange,
value: value
});
}
});
}
/* harmony default export */ var block_alignment_matrix_toolbar = (BlockAlignmentMatrixToolbar);
// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-title/index.js
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Renders the block's configured title as a string, or empty if the title
* cannot be determined.
*
* @example
*
* ```jsx
*